心が癒される。国内外の絶景写真がまとめられたサイトのまとめ

このブログの内容と関係がないので迷いましたが、心が癒されるので気分転換になると思いまとめてみました。

zekkei13.png

アクセスアップに効果的かも!?Facebookコメントの設置方法

最近色んなブログで見られるようになってきたので、FC2ブログについているコメントをFacebookコメントに代えました。

fb-comment2.png

今さらながらGoogleのPage Speed Onlineを紹介

かなり前のことかもしれませんが、Page Speed Onlineからベータの文字が取れていたので今さらながらご紹介。知らない人はぜひチェックしてみてください。

Page Speed Online ― Google Developers

PageSpeedOnline.png

スクロール時の動きがおもしろい!パララックス効果を使ったサイト

最近よく見かけるようになったスクロールをしたときの動きが変わったサイトを集めてみました。パララックスやら多重スクロールなんて呼ばれているのですかね。見ていて楽しいです。

Mario Kart Wii Experience

mariokartwii2.png

マリオカートの歴史などが道に沿って紹介されていきます。とても滑らかで走っているような感じがうまく表現されています。

細部にこだわってみた!CSS3を使った美しい横メニューの作り方

画像を一切使わずCSS3で表現した横メニューを作ってみました。順を追って説明していきますので参考になればと思います。

リストに1pxのラインを追加するだけで、印象がぐっとよくなる」、「CSS3の勉強になるかも!?画像を使わないボタンの作成手順」が好評だったので、第3弾ということで。

css3Menu0.png

Media Queriesを使ったレスポンシブなサイトのまとめ

Media Queriesを使ったレスポンシブなサイトを個人的な好みで集めてみました。今回は変化のパターンが多くて、最終的にスマートフォンでもうまく見られそうなサイトを中心に集めています。

Media Queriesを使っているサイトは、Webフォントなど他にも新しい技術がたくさん使われており見ているだけで楽しいですね。

CSS-Tricks

mediaqueries.png
Recent Entry
Popular Entry