カテゴリー: Web制作

擬似クラスを使ってレスポンシブなカラムレイアウトを作成する

responsive-column-layouts

シンプルなレスポンシブのカラムレイアウトを作成するTipsがあったのでメモしておく。 ブレークポイントで4カラムが3カラムになったり、3カラムが2カラムへというレイアウトを作ることができる。 こちらのサイトの記事を意訳し・・・

続きを読む

カテゴリー: Web制作

テキストをシャッフルしながら表示するjQueryプラグインを試してみた。

気になっていたjQueryプラグインを試してみました。 試したのは下記のプラグインで、テキストがランダムにシャッフルしながら表示されていきます。 Shuffle Letters Effect: a jQuery Plug・・・

続きを読む

カテゴリー: Web制作

parallax.jsをいじってパララックスのデモ作ってみた。

ちょっと前に視差効果のあるパララックスサイトまとめなどがよくホットエントリーに上がってきて、「自分もこんなの作ってみたいなー」と思っていたのでトライしてみました。 チュートリアルは下記サイトを参考にしています。 話題にな・・・

続きを読む

カテゴリー: Web制作

【CSS】div内の画像を縦横中央に配置する。

仕事で使ったのでメモ。 こちらの記事を参考にさせて頂きました。 やりたかったのは以下の2点。 ひとつのdiv内に1枚画像を配置して同じようなボックスを並べたい。 画像のサイズは様々だけど、div内の縦横中央に配置したい。・・・

続きを読む

新しい記事 »