ドットインストール代表のライフハックブログ
タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです。 Chrome、Firefoxの最新バージョンやIE10だとすべてのサンプルが動きます。CSS3のtransitionやrotateが使えないブラウザでも機能的には問題はないと思います。opacityが使えないIE8以下はちょっと厳しいですが、最後に少し対応法を紹介します。 では、一番上のサンプルを解説します。 HTML まずはHTMLから。 Home Twitter Facebook RSS Setting a要素がアイコンで、span要素が吹き出しです。アイコンはWebフォントで表示します。 続いてCSSです。いつも通りまずは全部載せます。 @font-face { font-family: 'typicon
回線が細くCPUも弱いスマートフォンは、リッチなWebサイト表示が苦手です。しかし、地道な対策で表示速度が驚くほど変化するのも事実。 今回はスマホのWebサイト表示の高速化手法をまとめました。もちろんPC向けにも効果バツグンのTips集です。 Webサイトを劇的に高速化する9つのポイント １.画像を圧縮する ２.画像はサイズを指定して使う ３.画像は適切なサイズで使う ４.CSS/JavaScriptを圧縮する ５.CSSスプライトを使う ６.不要なCSS/JavaScriptを読み込まない ７.CSS/JavaScriptをまとめる ８.CSSセレクターを最適化する ９.mod_deflateでgzip圧縮する １.画像を圧縮する 画像を最適化することは、フロントエンドの高速化に絶大な効果を発揮します。Photoshopを使って圧縮しても良いのですが、もっと手軽に圧縮
CSSレイアウト[TIPS] position : absoluteについて 「position : absolute」はpositionプロパティのなかの１つで、ボックス要素を絶対的な位置で配置する。 position:absoluteで指定されたボックスは、他の要素との関係は切り離され別物になる。親ボックス以外の他のボックス要素から影響を一切受けない。 position:absoluteには必ず「親」がいる。これが大事。 親にしたいボックスに「position：static」以外のposition指定をし（たいていはrelativeでOK）、そのなかに子を入れてposition:absolute指定をする。「top」「bottom」「left」「right」の値は、親ボックスからの距離。 親ボックスを指定しなければ「ブラウザウィンドウ」が親になる。 結論から言うと、親ボックスが「ブラウ
2011年12月20日00:10 Ruby heroku Herokuって便利だし利用までたった3ステップですお！！ Ruby Advent Calendar jp: 2011 : ATNDの20日目の記事です。19日目はtamootさんでWindows環境で torquebox + JRuby + #tDiary を動作させる - 会長@腹部日記(2011-12-19)でした。 さて、ブログ書くのちょーひさびさですが、今日は Heroku について書きます＞＜ # ちなみに去年の Ruby Advent Calendar ではこんな記事を書きました プログラマたるもの、Webサービスを作りたいと考えるのは自然なことでしょう。ただ問題は作ったものをどうやって公開/運用するか、です。自宅サーバやレンタルサーバでももちろん良いのですが、Ruby の場合だと Heroku を利用する、という選択
by Lel4nd リストラや受験の失敗など、人生の節目には必ずと言っていいほど挫折を感じる瞬間が訪れます。何が起こったか受け入れられず混乱し、頭を抱えるばかりで身動きも取れなくなるかもしれません。しかし、挫折の先には必ず希望があるもの。負の感情にとらわれず、再び立ち上がる助けとなる5つのステップを挙げていきます。 5 Quick Ways to Deal With the Confusion and Conflict Within You - by Dumb Little Man 1：混乱は成功の母 by cristinacosta 心の底からの挫折を経験すると、何も判断がつかなくなるほど気が動転して混乱します。しかしこの混乱は、困難な壁を乗り越える時の通過儀礼。この混乱が通り過ぎた後には、自分では思ってもいなかったような成功が待っています。混乱にとらわれて、自分の人生すべてに絶望したり
前からやろうやろうと思っていたことでなかなか実行に移せずにいたのですが、ようやくGoogleリーダーに登録しているブログを情報収集のために最適化してみました。 GoogleリーダーはRSSリーダーです。RSSリーダーというのは、RSSフィードを登録して読むためのものです。ブログはRSSフィードがありますし、ニュースサイトなども最近では漏れなくRSSフィードしている昨今です。 RSSフィードをRSSリーダーに登録しておくと、更新情報をまとめて確認することができるのですね。 最近はツイッターに更新情報を流すのも一般的ですが、 ・まとめて確認したい ・読み逃したくない といった場合には、まだまだRSSリーダーの出番があります。 拙著「“知りたい情報”がサクサク集まる！ネット速読の達人ワザ」でも、RSSリーダーはフロー情報を収集するための重要なツールとして登場します。 GoogleリーダーにRSS
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ インターネットで誰でも自社サービスを簡単に世界に売り込めるようになったと言っても、サイト制作や広告宣伝にはお金がかかり、SEOするにしても外注すればお金がかかる（＆結果の保障なし）だったりするわけです。同じく0から始めたシリアルアントレプレナーの筆者が、そんな悩めるあなたにお金が無くとも実践できるネットマーケティングの手法を21も紹介してくれました。これを読めば「お金が無くて自社サービスを十分に売り込めない」なんて言い訳は通用しなくなるかもなので、ある意味覚悟して読むべきかも？ — SEO Japan あなたも自分の会社をオンラインで売り込もうとしている？というか、やっていない人なんていないので
フェイスブックのブランド広告が爆発的に増えている。フェイスブック広告マーケティング会社の英TBG Digitalによると、2011年第２四半期のブランド広告は同第１四半期に比べ104%も増え、1年前の同時期に比べると19倍にもなったという。企業ブランドのFacebook Pageを新設する会社が続々と生まれているのであろう。 TBGのレポート｢ Global Facebook Advertising Report for Q2 2011｣は、2011年第２四半期における同社のクライアント167社（21ヵ国）の2000億インプレッションを分析した結果である。 企業ブランドのFacebook Pageは、企業のファンを増やすためのブランドキャンペーンの場である。下のグラフは、Facebook Pageでの企業キャンペーンの効果が高まっていることを示している。第２四半期では、企業におけるキャンペ
オリジナルはココです。フェイスブックのエンジニアでで史上ベスト３に入るといわれるEvan Priestley氏への質問「どうやってプログラミングを覚えましたか」に対する本人からの答えです。 手短かに言えば 何年もの歳月の賜物というか。ぼくはただひたすらプログラミングが大好きで、（フェイスブックで働いていた）過去４年間、ほとんど他のことをしていない。その前も２.５年ほどプログラマーとして働いていたし、そのさらに前も６年くらい趣味でプログラミングをしていた。ぼくは高校も大学も中退しているので、それで空いた時間もプログラミングに費やした。つい最近フェイスブックを辞めたけど、未だに起きている時間のほとんどはプログラミングだ。 もっと詳しく言えば 月並みだが、ぼくはちっちゃい頃からコンピューターが好きで、我が家にあったヤツで（最初はMac Plusで途中からIIsiになった）で散々遊んだ。８歳か９歳
他の企業がどのようにFacebookページを運営しているか？ 気になりませんか？ 以前、『Facebookページ 運営者白書』、始めました。の記事でご協力をお願いした『Facebookページ 運営者白書』のアンケート結果がまとまりました。 今回はその25問に渡るアンケート結果を大公開します！！ 今後、ここからの考察も深堀りしながら考えていきたいですが、まずはそのままの結果を発表させて頂きます。皆さんの運営の参考になりますと嬉しいです！ ※次回集計に向けて※ 「次回集計ではこんなことを知りたい！」などご希望ありましたら、記事下のコメントプラグインより教えて頂けますと幸いです。 ※アンケートにご協力頂いた方、ローデータの提供をご希望の方へ※ info@grouprise.jpからお問い合わせを頂ければと思います。メールを頂戴出来ましたら主幹のグループライズさんよりおってご連絡差し上げます。 目
毎日職場で起きたことを書く日記や記録は、うまくいった仕事の経緯、ミスをしたときの状況や経緯、将来の成功を記すことで、仕事でのパフォーマンスを自己評価するためにも価値ある記録になります。 Photo by Frederik Rubensson. ミスしたときは、それが起こった経緯を手早くメモしましょう。そうすれば同じミスを繰り返さずにすみます。また、現在責任を持って進めている案件や、成功したことを記録しておけば、突然上司に仕事の報告や自己評価を求められた時にうまく対応できます。さらに、うまくいかなかった日の愚痴のはけぐちにもできますし、落ち着いたときに反省する材料にもなります。 週1回程度それを見直せば、自分の成長や目標へどこまで近づいているのかを確認する良い機会にもなりそうです（詳しくは、こちらも参照）。 みなさんは仕事の日記や記録をつけていますか？ 成功した方法や失敗体験を、ぜひコメント
マーケティングの基本だけど、見落としながらスタートアップを運転してる人がいそうなので叩かれるの覚悟で書いてみます。 コーラの競争相手はペプシではない クラウドの競争相手は家賃かもしれない 意中の人はもう落とされている コーラの競争相手はペプシではない コカ・コーラとペプシコーラのアメリカ2大コーラ会社はコーラを中心に同じような清涼飲料水のラインナップをそろえ、世界各地で激しいマーケティング競争を繰り広げた。—コーラ戦争 コーラの「競合製品」はペプシで、ダイエットコークの「競合製品」はダイエットペプシ。だけど「競争相手」は違うかもしれない。同じ自販機に置かれているジュースたちでもなくて。 コーラには大量のカフェインが入っている。コンピューター室でオールしてた大学二年生の頃、全品半額の自販機が近くにあったのでコーラで目を覚ましてた。しかし虫歯に悩まされた上、一本75セントしか節約してないのでは
本日7月16日(土)から18日(月）までの3日間にわたり、練馬文化センターにて日本Ruby会議2011（略称：RubyKaigi2011）が開催されます。本ページでは、1日目の模様を随時レポートしていきます。 スタッフの皆さんは朝から集まり、当日準備が行われました。 スタッフの方は、専用のTシャツ、STAFF腕章をつけていますので、もし会場で困ったことなどがあれば相談してみましょう。 オープニング 実行委員長、高橋征義さんの挨拶 本イベントの実行委員長である高橋征義さんからオープニングの挨拶があり、そのなかで「RubyKaigiは2006年から数えて6回目で、集大成かつ一つの区切りとなる最後にして最高の日本Ruby会議を楽しんでいってほしい」と述べました。 笹田耕一さん「日本Ruby会議2011［+α］プログラムについて」 続いて、プログラム委員長である笹田耕一さんから、これまでのRu
1年ぶりにレイバンのサングラスが半額に!在庫切れになる前にゲットしておこう #Amazonブラックフライデー
米シリコンバレーの有力ベンチャーキャピタル、Y Combinatorが出資するスタートアップには、創業時には小さくても、後に大きく成功するものが少なくない。評価額の落差が大きいことから、外部から見ていると、そうした成功の多くが一夜にして起こったように見える。 しかし実際には、当初のプロダクト（アイデア）に市場がないことが分かって路線を変更したり、全く違うアイデアに取り組むことも少なくない。そうした路線変更を“ピボット”と呼ぶ。最近は、このピボットをどれだけ素早く、数多く行えるかが、スタートアップ成功の秘訣の1つとまで言われるようになっている。 前回の記事で紹介したオンライン・ストレージのZumoDriveは、Motorola Mobilityに買収されるまでの間に、少なくとも3度はピボットを経験している。 Y Combinatorから出資を受けたAirBnBとPicwingもまた、ピボット
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
