Facebookページ作成の際に参考にしたFBページまとめました | HTML5でサイトをつくろう
Facebookページの作成で参考にしたFacebookページ 今回Facebookページの作成で参考にしたFacebookページをまとめました。国内のFBページの事例紹介や無料テンプレートサイト、FBページ製作Tips系などを参考にしました。 こちら以外にもオススメがありましたら教えてください。 デザインが素敵な日本語Facebookページ 10選 http://goo.gl/lev0Z Facebookプロモーション国内事例集 http://goo.gl/RYq34 iframeテンプレート実用サンプル集 http://www.facebook.com/iframe.templates ソーシャルメディアで勝つためのランディングページ攻略方法 http://www.facebook.com/jetbulls フェイスブックページ・フリーテンプレート倶楽部 http://www.face
デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の１つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日本で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見
ITまんが 2011年版 ～ ITが楽しく分かるマンガを集めてみました
ネット上には大手メディアから個人のブログまで、さまざまなIT系のコンテンツがあふれています。そのほとんどは文章によって技術などを解説していますが、一部にはマンガの形で面白く分かりやすくしたものもあります。ここでは、マンガ化されたITコンテンツを集めてみました。毎年恒例、ITまんがの2011年版です。 もしここに掲載していないITまんがをご存じでしたら、コメント欄などでぜひ教えてください。毎年更新する予定です。 2011年版の新着ITまんが クラウド ガール - 窓と雲と碧い空 - 窓辺ななみがバイトをしているパーツショップのサーバが、ツイッターでキャンペーンを告知したとたんダウン。このままでは売り上げがピンチに……。そんなときに現れたななみの従姉妹、クラウディア窓辺。彼女は「それならWindows Azureにすればいいじゃない」と店長に告げる Webマーケッター瞳 シーズン2 シーズン1
超スゲェ楽になれる方法を知りたいか? 誰でも幸せに生きる方法のヒントだ...
“超スゲェ楽になれる方法を知りたいか? 誰でも幸せに生きる方法のヒントだ もっと力を抜いて楽になるんだ。 苦しみも辛さも全てはいい加減な幻さ、安心しろよ。 この世は空しいモンだ、 痛みも悲しみも最初から空っぽなのさ。 この世は変わり行くモンだ。 苦を楽に変える事だって出来る。 汚れることもありゃ背負い込む事だってある だから抱え込んだモンを捨てちまう事も出来るはずだ。 この世がどれだけいい加減か分ったか? 苦しみとか病とか、そんなモンにこだわるなよ。 見えてるものにこだわるな。 聞こえるものにしがみつくな。 味や香りなんて人それぞれだろ? 何のアテにもなりゃしない。 揺らぐ心にこだわっちゃダメさ。 それが『無』ってやつさ。 生きてりゃ色々あるさ。 辛いモノを見ないようにするのは難しい。 でも、そんなもんその場に置いていけよ。 先の事は誰にも見えねぇ。 無理し
Mac OSをアップデートしたら必ずしたいアフターケア
今朝、Mac OS X 10.7 Lionの最初のアップデートとなる、10.7.1がリリースされた。 WindowsからMacに乗り換えたばかりという方も多いと思うので、OSをアップデートした後にやっておきたいケアについて簡単に説明しておこう。 Mac OSやSafari、iTunesなど、システムに深く関係しているアプリの更新を行った後には、「ディスクユーティリティ」アプリを起動し、「アクセス権の検証」と「アクセス権の修復」を実行しよう。 この「アクセス権の検証」と「アクセス権の修復」は、Macの調子が悪いな、と感じたら、まず実行すべき対処法。 Macでは、OSのアップデートやアプリのインストールを行う際に、システム内のアクセス権が勝手に書き変わってしまい、そのせいでMacの調子が悪くなることがあるのだ。 アプリをインストールした後や、変なタイミングでMacが落ちたり固まったりするように
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考：video, audioのサポート状況 video, audio
【ピポトレ】100円なのに本格的！ 身体の後ろ側をキレイに伸ばすスクワットで肩コリも予防|ガジェット通信 GetNews
デスクワーカーの身体をメンテナンスする『ピポトレ』です！ 今回は、身体の後ろ側の筋肉をまとめて伸ばすことで、全身の筋肉バランスを整える本格的なスクワット。100円ショップの健康グッズで、ジムでダンベルを使って行うトレーニングと同程度の効果を期待できます。肩コリ予防にもなるうえに、ウォーキングやランニング前にやると脂肪燃焼効率＆消費カロリーが大幅にアップするといううれしいオマケもついてますよ。 筋肉のバランスを整えれば肩コリは起きない 肩コリをはじめ筋肉の不調が起きる大本の原因は、身体の前面の筋肉を使うことが多い現代人の生活にあります。今回のスクワットは、100円ショップで買えるトレーニングチューブを使って、僧帽筋、広背筋、大臀筋（だいでんきん）から腓腹筋（ひふくきん）まで、身体の後ろ側の筋肉をまとめて効率よく伸ばすもの。肩から背中にかけて広がる僧帽筋も伸ばして肩コリを解消するとともに、身体
The Google Puzzle
We recommend using Google Chrome (download here). ◇ Windows XP 32bit/Vista 32bit/Vista 64bit/7 32bit/7 64bit -Google Chrome (recommended) -Internet Explorer 9+ -Mozilla Firefox 5+ ◇ Mac OSX 10.5.8+ -Google Chrome (recommended) -Safari 5+ -Mozilla Firefox 5+ ■The start button does not work The Google Puzzle uses JavaScript. Turn the JavaScript settings ON in Preferences. ■Taking a break The game hi
http://oalp.org/doc/nilesen/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider
実用性は別にして、こういうの嫌いじゃない ので記事にします。よくあるイメージギャラリー なんですが、画像が変わる際のエフェクトが 無駄に凝っています（褒め言葉です）。こんな 事もflashを使わないで出来るんだなー、と 素直に関心したので、同じ気持ちで見て 頂けたら嬉しいです。 エフェクトはかなり多く用意されており、どれもなかなか派手な印象です。これだけのエフェクトをクロスブラウザに対応させているのもちょっと驚きです。※IE6にも対応とあるのですが、現在諸事情で確認出来ませんので対応してなかったらごめんなさい。 えらいこっちゃ・・なエフェクトばかりです。エフェクトはかなりの数が用意されており、１つのエフェクトも細かい設定が可能になっています。 まずはエフェクトの一部を無言でご紹介します。 ちょっとヒーローとかの変身シーンみたいな感覚です・・実際に動きを見てもらうと、いかに無駄にすごい動きか
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
CSS3で実装されたボタンの総まとめ
利用も簡単にでき、スタイルシートの勉強にもなる、CSS3で実装されたボタンを紹介します。 ほとんどのものがclassを追加するだけで、簡単に利用できます。
[JS]超軽量、設置も簡単、オプションも豊富なスライドショーのスクリプト -Orbit
実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。 約4KBと超軽量なのもいいですね。 右上のオートプレイは状況も表示します。 Orbitの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルとして指定します。 <link rel="stylesheet" href="css/orbit.css"> HTML 画像のみを配置したシンプルなスライドのHTMLです。 <div id="featured"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
人生で一番大事にしたいことや本当にやりたいことを浮き彫りにする質問 | ライフハッカー・ジャパン
削除フラグのはなし