GoogleのURL短縮サービスgoo.glを使ってURLを短縮するChromeの拡張機能
GoogleはURLの短縮サービスを行っています、Feedburner等でも標準で使われてたりします Googleアカウントでログインすることで履歴の管理等が行えます http://goo.gl/ Goog […]
Canvasを使った宇宙空間のようなアニメーション ～Canvas Starfield～
Canvasで宇宙空間で星が流れるような表現をしたアニメーションです Canvas Starfield See the Pen Canvas Starfield by Nick Mkrtchyan (@Sonick) o […]
複数のアイコンフォントから、横断してアイコンを探し出せるサービス GlyphSearch
GlyphSearchはFont Awesome、Glyphicons、IcoMoon、Ioniconsの4つのアイコンフォントからアイコンを探し出すことができるサービスです 検索欄にキーワードを入れるとリアルタイムで表 […]
CSSで文字などを点滅させる方法 アニメーションを使った方法
CSSで、文字や要素を点滅させようとおもったらCSS3のopacityとanimationを使うと実現出来ます IE10以下等、ブラウザによっては表示されなかったりします 対応しているブラウザでのみ動作します […]
Canvas・javascriptでランダムに迷路を作り出す・生成する ～Simple Maze code～
ちょっと不思議でおもしろと思った迷路をランダムで作り出すものです Simple Maze code See the Pen Simple Maze code by Gabriel Valfridsson (@GabbeV […]
最終形？WEBで使う画像サイズを極力小さくして使うための画像圧縮ソフトのコンボ PNGoo×Caesium×optipng×jpegoptim
画像を最適化するために色々と創意工夫しているのですが、現在たどり着いた実践している画像最適化術です 妥協と最適化 WEBで使う画像ということで、画面サイズ以上の大きなサイズの画像は不要です まずはWEBペー […]
背景とグラデーションと透過効果をうまく使ったCSSの見出しデザイン ～Gradients～
CSSでグラデーションとRGBaの透過効果をうまく使って背景となじませながら、かっこ良く見える見出しです Gradients See the Pen Gradients by Em Weisiger (@emweisig […]
PNG、JPEGの画像を劣化なしに圧縮・最適化するPageSpeedおすすめの可逆圧縮ツールをwindowsのGUIで使う方法
GoogleのPageSpeedはご存知でしょうか？ このPageSpeedでは、WEBサイトを高速化するためのアドバイスをくれるサービスなんですが そのサービスのなかで画像の最適化の項目があります、最適化された画像を提 […]
Opera19 正式版でブックマークバーが復活 ブックマークバーを有効化する方法
OPERA 正規版がバージョン19になりました OPERAを起動すると自動でアップデートの通知が来ると思いますが アップデートされない場合はこちらからダンロードしてインストールすればアップデート出来ます http://w […]
スマートフォンやタブレットでのトグルボタンにつかえるクリックでアニメーションするアイコン5種 Animated Burgers
Animated Burgers See the Pen Animated Burgers by Adam Orchard (@orchard) on CodePen. http://codepen.io/orchard […]
WordPress 3.8.1が利用可能に メンテナンスアップデート
WordPressの3.8.1が利用可能になりました 主な内容は、バグの修正です とくにこのバグに関係していない方は、急いでアップデートする必要はなさそうです 主なバグはTwitterのURLでの貼付けによる埋め込み機能 […]
150ものSVGアイコンをいろいろなアニメーションで表示するアイコン集 150 Animated SVG Icons
150 Animated SVG Icons See the Pen 150 Animated SVG Icons by Joseph Howard (@jhoward) on CodePen. http://codep […]
無料でCDNで使えるアイコン WEBフォント Font Awesome の使い方
TwitterやFacebook等のSNSのアイコンもあるWEBフォントFont Awesome 無料でCDNで利用出来ます、ダンロードして利用することも可能です WEBフォントでアイコンが使えると、サイズ、カラー、シャ […]
javascriptがあまり分からなくてもランダムに画像や要素ローテーション表示する方法
PHP側でもランダムにして表示することも可能ですが、動的なページをキャッシュして静的なページにしている場合などには、PHPは動かないので出来ません そんな時にjavascriptをHTMLに組み込んでおけばキャッシュの有 […]
レスポンシブデザインで現在どのブレイクポイントで動いているかわかるようにするアイディア ～Responsive without max-width～
Responsive without max-width See the Pen Responsive without max-width by Bart Veneman (@bartveneman) on CodePe […]
CSSのコピペだけで背景のパターンができる ～CSS3 Patterns Gallery～
CSS3 Patterns Gallery http://lea.verou.me/css3patterns/ こちらのサイトではパターン画像をCSSだけで表現したGALLERYです とても短いコードで画像を使うよりも軽 […]
USBメモリー風のCSSだけで作られたボタン アニメーション付き ～Animated CSS3 USB Drives～
Animated CSS3 USB Drives See the Pen Animated CSS3 USB Drives by John Slipper (@johnslipper) on CodePen. http: […]
楽天アフィリエイトのモーションウィジェットで内容に関連した表示の精度を高める方法
楽天アフィリエイトではモーションウィジェットというものがあり 自動で商品を表示してくれるツールです その楽天モーションウィジェットをWEBページの内容に合わせて表示する精度を上げるための設定方法 記事の本文 […]
検索エンジンでの検索順位を取得するツール Rank Reporter 無料版が登場
Rank Reporterは無料で検索エンジンでの順位を取得してくれるツールです、主要な検索エンジンに対応（Google、yahoo bing）、bingはあまり人気がありませんがgoogle一強となった現在でも、yah […]
CSSの画像フィルターを使ったアニメーションの演出 ～Animated skewed panes～
Animated skewed panes See the Pen Animated skewed panes by Terry Mun (@terrymun) on CodePen. http://codepen.io […]
