- ホーム
- 過去の記事一覧
Web
-
Media Queriesの@mediaを使ってブラウザ幅やデバイス幅に応じたCSSを記述してみる
CSS3のMedia Queriesのうちの一つ、@mediaを使ってみたのでメモしておきます。一般的によく使いそうなものを簡単にまとめておこうかと思います。今…
-
テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…
指定したテキストに光が移動するエフェクトを与えることができるjQueryプラグイン「Art Text Light jQuery plugin」を使ってみました。…
-
レスポンシブなデザインを瞬時に確認する為のブックマークレット「Responsive Design B…
シンプルですが、かなり便利なブックマークレットを見つけたのでご紹介します。レスポンシブなデザインを確認したい時に役立つ「Responsive Design Bo…
-
ブラウザ上でレスポンシブWebデザインを確認することができるツール「Screenqueri.es」
ブラウザ上でレスポンシブWebデザインを確認することができる便利なツール「Screenqueri.es」を使ってみました。iPhoneやiPadはもちろん、SA…
-
マウスオーバーでテキストにふんわりとエフェクトをかけることができるjQueryプラグイン「jQuer…
ちょっとしたアクセントによさげなjQueryプラグイン「jQuery Glow」を使ってみました。マウスオーバーするとテキストにふんわりとエフェクトをかけること…
-
複数のタイマーを設定して組み合わせることができるGoogle Chrome拡張機能「タイマーループ」…
ブラウザの拡張機能で便利なタイマーを探していたんですが、とてもよさげなのがあったのでご紹介します。Google Chromeの拡張機能「タイマーループ」です。ど…
-
タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」
ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにもなっているレスポンシブなjQueryスライダー「Liquid Slider」です。前後のス…
-
長い(はみ出した)テキストを「・・・」に置き換えてくれるjQueryプラグイン「trunk8」
長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてくれる便利なjQueryプラグイン「trunk8」を使ってみました。もちろん「read mo…
-
レスポンシブにも対応!アコーディオンのイメージスライダーを実装できるjQueryプラグイン「racc…
レスポンシブにも対応しているjQueryプラグインのアコーディオンのイメージスライダー「raccordion」をご紹介します。ブラウザ幅の大きさによってスライダ…
-
Evernoteでノートブックを削減する方法
Evernoteのノートブック削減の仕方でちょっと戸惑ったのでメモがてらエントリーします。そもそも左のサイドバーにノートブックリストを表示させていないとわかりや…