クールにアニメーションするアイコン付きのボタンデザイン 「Animated Buttons using CSS3 Transitions and Transforms」
Hover時のアニメーションがクールなボタンデザインです 右側の矢印のアイコン部分がHoverすることでアニメーションして変形し、それぞれのボタンの意味のアイコンになります
Twitterにプチ便利！? 複数画像投稿できない時に使える、画像を一つにまとめてくれるサービス 「Pastetogrid」
Pastetogrid http://pastetogrid.com/ 複数の画像を連結してくれるサービスです 画像の連結のパターンテンプレートは16種類あります 下の方の ALL Grids を押すか、矢印で他のテンプ […]
VMware Player でBIOS画面に入る方法 (マルチブートの構築などに)
VMware Player は仮想マシンを作るソフトなのですが、ブートドライブの順序の変更等々BISO画面で設定することが出来ます BISO画面に入るには少しコツが要りますが、VMware自体を少しいじることで簡単にする […]
HTML5 プレースホルダー(placeholder=””)にCSSを適応して色、フォントサイズ、太さなどを調整する方法
HTML5でinput要素やtextareaに使うことが出来るプレースホルダーにCSSを適応することが出来ます プレースホルダーの基本的な使い方 <input placeholder="Search" […]
スライドして画像が開くアニメーションのギャラリーデザイン 「Slider with oblique border」
画像と画像の境界線を斜めにしたデザインで Hoverすると、画像が広がって見えるギャラリーになっています
見てて楽しいギミックがたくさんの WEBデザイン 「My Summer Vacation (Doodles)」
鉛筆で書いたかのような演出のWEBデザインです 白黒だけでしっかりと表現されています
タスクバーにあるアプリ(プログラム)を誤クリック防止にダブルクリックじゃないとソフトが起動しないようにする ソフト「7+ Taskbar Tweaker」
タスクバーにあるアイコンをクリックするとソフトが起動するようになっているのですが それだと誤クリックする度にソフトが起動して作業の邪魔になります 結構誤クリックするのでイラッとしちゃいますね 自分で誤クリックしちゃってる […]
WordPressの管理画面に行かずに表示しているページでそのまま編集可能な プラグイン 「Front-end Editor」
記事のなかに修正したいポイントが見つかった時に いちいち管理画面に移動するのも手間ですよね そこでログイン中なら、管理画面にいかずとも、その場で修正することができるのです 「Front-end Editor」をインストー […]
IE8,IE9,IE7,IE6以下にも メディアクエリ(Media query)が使えるようにするプラグイン 「Respont.js」
古いブラウザではレスポンシブデザインに使うメディアクエリがつかえないのですが Respond.js とうプラグインを使えば、IE8以下でもレスポンシブ化出来ます Respond.js のセットアップ こちら […]
シンプルにこだわってみた検索ボックス 「Minimal Search Form」
最小構成のシンプルな検索フォームのデザインを目指したものです CSSもシンプルです
マウススクロールせずに全部の項目を選ぶことが出来る ドロップダウンメニュー 「Dropdown」
クリックして表示されるドロップダウンメニューの項目がすべて表示しきれていない状態でも、マウススクロールをせずともマウスポインターに合わせてオートスクロールすることで、選択することが出来るメニュー
凄み・迫力のある パララックスを実現するプラグイン parallax.js
画像の素材や演出の設定による部分が大きいのですが このプラグインを使えばこれと同等のものは作れてしまうってことでもあります デモページ http://wagerfield.github.io/paralla […]
Paint.NET ペイント・ペンキをぶちまけたような、飛び散ったような模様を作る プラグイン Splatter
Paint.NET は無料軽量な多重レイヤーが使えるペイントソフトです http://www.getpaint.net/download.html Paint.NET のプラグイン Splat […]
ドメインを取得する前に必ず調べて確認しておきたいこと 3つ
ドメインを取得するのってとても簡単です 安いのでは180円とかで取得出来ますが ドメインを取得する前にはかならずそのドメインを調査しておきましょう 場合によっては、使いものにならないドメインの場合があります […]
FlickrからJSONで画像を呼び出して表示する 超シンプルなテンプレート Get Flickr Images
非常にシンプルな構造のテンプレートになっています 個人のWEBサイトで自分のFlickrにある画像を取り出して表示するページを作るのに使えそうです
1ページまるごと使うユニークな六角形のメニューが面白い
一面六角形で覆い尽くされた画面で、その六角形がメニューになるというものです メニューのしたい六角形は HTMLの例を見れば簡単に理解できると思います
IEを配慮してGoogle Code Prettifyを使いやすくカスタマイズした jQueryプラグイン jquery.ex-code-prettify
コードハイライターのGoogle Code Prettifyを使いやすくカスタマイズしたものです pre以外にもtextareaでのコード記述が出来るようになり ボタンを押すとコピペ用の領域が出てきます j […]
Brackets sprint 37 が登場 ライブプレビューの安定化等
オープンソースのコードエディタ Brackets Sprint 37 がリリースされました Brackets 37 の主な変更点 ライブプレビュー機能、ファイル監視機能の安定化 ファイル検索の除外機能の追加 […]
UbuntuにChromiumをインストールする手順
Ubuntu用のChromeっていうのは存在しないのですが オープンソース版のChrome Chromiumというものがあり、Chromeと同等のものです Chromeのインストールはこちらで解説してます […]
jQueryで作られた付いてくるサイド・カートメニュー(プラグイン不要) Fixing the cart on scroll
スティッキー系のプラグインんを使わずに、jQueryだけで付いてくるメニューを作ったものです プラグインの用に、クラス名やidを指定するだけで動作するようにはなりませんが コード自体が短く軽量なので少しでも、ファイルサイズを下げたいときに参考になるかと思います
