- ホーム
- 過去の記事一覧
Web
-
CSSでボックスシャドウを作成してくれるジェネレーター「Box Shadow」
CSSでボックスシャドウを簡単に作成できるジェネレーター「Box Shadow」がとても便利だったのでメモがてらご紹介します。シャドウの位置やボカシの強弱などの…
-
シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」
シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQueryプラグイン「Featherlight」をご紹介します。レスポンシブにも対応しており、…
-
JS・CSSのコードを圧縮したりデコードしたりできる「Minifier」がとても便利
MinifierというJSやCSSのコードを圧縮してくれるサービスがとても便利そうだったのでご紹介します。圧縮の他にも読みづらいコードを読みやすく整えてくれたり…
-
CSSを使ってテキストに背景画像を設定して背景をアニメーションさせるやり方
ちょっと個人的にいいなって思ったTipsがあったのでご紹介します。CSSを使った背景アニメーションのやり方です。テキストに自分の好きな背景画像を用意して、テキス…
-
レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」
anoFlowというjQueryプラグインを使えば、レスポンシブなLightbox風のギャラリーを実装することができます。ブラウザ幅を変更すると、アニメーション…
-
レスポンシブでタッチ対応のLightbox風ギャラリーを実装できるjQueryプラグイン「light…
lightGalleryというjQueryプラグインを使えば、レスポンシブでタッチにも対応したLightbox風のギャラリーを実装することができます。PC、スマ…
-
パララックス効果を画像に実装できるjQueryプラグイン「Parallax ImageScroll」…
Parallax ImageScrollというjQueryプラグインを使えば、パララックス効果を画像に実装することができます。スクロールすることでパララックスを…
-
レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」
slickというjQueryプラグインを使えば、レスポンシブでカスタマイズ性に優れたカルーセルを実装することができます。左右の前後移動する矢印や下部ナビゲーショ…
-
縦スクロールすると横スクロール（水平移動）していくjQueryプラグイン「jInvertScroll…
これおもしろいですね。縦スクロールすると垂直に移動していくのではなくて、横スクロール（水平移動）していくjQueryプラグイン「jInvertScroll」です…
-
コピペチェックツールに最適！テキスト比較でどこが違うか発見できる「difff《ﾃﾞｭﾌﾌ》」
これはコピペチェックツールとして最適ですね。2つの文章を比較してどこが違うかを発見できるテキスト比較ツール「difff《ﾃﾞｭﾌﾌ》」を使ってみました。違ってい…
