- ホーム
- 過去の記事一覧
過去の記事一覧
-
レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」
before-after.jsはシンプルでレスポンシブに対応したビフォーアフター画像を実装することができます。中央にあるボタンを左右にスライド移動させることでビ…
-
Chromeでタブを切り替えるショートカットキーについて
Chromeでタブを切り替えるショートカットキーがとても便利だったのでメモがてらご紹介します。Chrome内でのショートカットキーはタブを新しく開いたり閉じたり…
-
シンプルでレスポンシブなモーダルボックス「jQuery Modal」
jQuery Modalはシンプルでレスポンシブに対応したモーダルボックスを実装することができるjQueryプラグインです。アラート、コンファーム、プロンプト、…
-
サブメニューがメインの上にオーバースライドしてくる「Secondary Sliding Naviga…
Secondary Sliding Navigationはサブメニューがメインナビゲーションの上にオーバースライドで表示してくるナビゲーションを実装することがで…
-
コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」
Altonはコンテンツごとに縦スクロールすることによりWebページをナビゲートできるjQueryプラグインです。ブラウザいっぱいに広がるフルスクリーン表示でスク…
-
レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」
ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応したイメージスライダーを実装することができるjQueryプラグインです。自動スライドショー…
-
左から右へテキストが美しくフェードイン表示する「reveal-it.js」
reveal-it.jsはテキストが左から右へかけて徐々にフェードイン表示するjQueryプラグインです。エフェクトがとても美しくてさりげない感じがいいですね。…
-
テキストエディットでリッチテキストから標準テキストに変更するやり方とショートカットキー
以前までMacのテキストエディットで新規ファイルを開いた時に標準テキストで表示されていたんですが、なぜか少し前からリッチテキストの状態で表示されるようになりまし…
-
シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」
radialIndicatorはシンプルで美しい円形のインジケーターを実装することができるjQueryプラグインです。数値に合わせて円形バーに色が表示されます。…
-
CSSで文字の長さにwidthを合わせてbacgroundやborderを表示させるやり方
CSSでブロック要素のwidthを文字の長さに合わせるやり方をご紹介します。RWDにも対応できるので何気に覚えておくと便利だなーと思いました。これにより文字の長…
