hoverで縦にアコーディオンになった画像を表示させる画像ギャラリーに使えるテクニック CSS3 Accordion with Focus effect
hoverを使った、画像ギャラリーに使えそうなアクションです。画像にマウスポインターを載せることで、画像が拡大されぼかしが消えるアクションです、ぼかしはCSSのフィルターを使っていません
CSSスプリットを使ったアニメーションの作り方のデモンストレーション CSS Sprite Demonstration
CSS Sprite Demonstration By Bryan Braun http://codepen.io/bryanbraun/pen/bojpu CSSスプリットで順番に画像を表示することで、アニメーション化 […]
Tweet(ツイート)、いいね！ をしないとダウンロードリンクが表示されないようにするサービス Pay with a Tweet
無料でファイルやプログラムを公開してい居る人にとっては これ欲しかった！って機能かもしれません 無料で使えるんで、拡散するぐらいの見返りは欲しいなって思いますよね そういった仕組みを手伝ってくれるサービス Pay wit […]
GIFアニメを作るソフト GifCamで撮影したものを縮小・拡大とサイズを変更する方法
デスクトップを録画するしてGIFアニメに変換するフリーソフトの GifCamで撮影したものをリサイズしてやる方法です またGifCam以外で作成したGIFアニメでも可能です GifCamでeditを選択 & […]
WinSCP で コマンドを使ってサーバーにあるファイルフォルダ(ディレクトリ)をzip化する方法
レンタルサーバーでもSSH接続で、圧縮、解凍のコマンドが使えるところが結構あります ファイル数が多いものは圧縮してアップロードするとアップロード時間がかなり短縮されます また逆にダウンロードするときもファイル数が多い時は […]
[js] マウスホイールで数値を操作するjavascript Number Scroll
数字の上でマウスホイールを転がすと数値が変動する仕組みです、数字をクリックすることで手動で数値を入力することも可能
[CSS] 無限にちぎれるトイレットペーパー Endless Paper Roll
ほのぼの系のCSSデザインです 使いドコロはかなり限られますが、トイレットペーパーの上辺のカーブのアニメーション演出がうまいなと思う作品
Chrome 34のベータで画像に複数のサイズを登録すると自動で最適なサイズを選択するレスポンシブイメージに対応
スクリーンサイズに合わせて最適な画像のサイズで表示できるレスポンシブイメージを Chrome 34のベータ版でサポート レスポンシブイメージとは？ CSSで画像をレスポンシブにするのと違い、画像の元データを […]
Twitterのフォロワーのアイコンを敷き詰めて一枚の画像にするサービス Twilk.comの使い方
ツイッターのフォロワーのアイコンをズラ～と並べて敷き詰めて表示するサービスです 自動でtwitterの背景にしてくれます、ダウンロードして利用することも可能です 出来上がりはこんな感じです 創造WEBはフォロワー数が少な […]
使いドコロに困惑！？ グロかわ な無料で使える45種のアイコン Nasty Icons
なんとポップなグロをアイコンにしてしまった Nasty Icons 無料で個人でも商用でも利用可能です http://www.nastyicons.com/ ダウンロードするには Facebookでいいね […]
CSSで作られた カラフルなアイコン Icons HTML/Css
独創性のあるアイコンデザインでCSSで作られています コピペではちょっと使えません、一工夫だけ要ります。
CSSだけで作られたタコメーターがいい感じ Css tachometer
アニメーション付きのCSSで作られた タコメーターです かなりいい感じに仕上ってます
CLASSの追加・削除で使える純粋なjavascriptコード jQuery不要・javascriptのみ
jQueryって便利です！ほんとに でも一つボタンを作りたい、使いたいだけでjQueryを読み込ませるのって 無駄が多い気がしませんか？ javascriptだけでできればインライン化してファイルの読み込みもひとつ減らせ […]
無料で使えるフォントの投稿サイト 「FONT FREE」 無料の日本語フォントが探し放題！
FONT FREE http://fontfree.me/ FONT FREE では無料で使える日本語のフォントの投稿サイトでかなりの数のフォントが登録されちます もう、Googleでフォントを探しまわる日々は終わるかも […]
企業サイト等で最近良く見かける 人物の画像を並べて表示するのを体験・作成できるサイト User Inter Faces
最近こんなのをよく見かけますよね こういった人物の顔が羅列されているものには、注目させる効果がみたいで 企業はこぞって取り入れています なんかの記事で読んだんですが忘れました たぶん、目が2つと口がひとつあると人は顔に見 […]
一枚の画像をCSSで分割して、波打つ旗にするアイディア・テクニック
実際には1枚の画像なんですが、divブロックで分割させてアニメーションを加える事で旗が風になびいてるように表現されています
カッコイイ ノイズでデザインされた 404エラーページのデザイン Glitchy 404 Page
404エラーページをデザインしたものです 背景にはGIFアニメで砂嵐を表現しているの以外は、CSSで作られています 文字が変形するのは transformのscaleを使ったものです
そのページの過去のページが観れるChromeの拡張機能 ウェブタイムマシーン（wayback machine）
Chromeの拡張機能でそのURLの過去の履歴を見れることができるサービースへ転送してくれる拡張機能 ウェブタイムマシーン 過去の状態を観ることも出来ますし、消えてしまったページをさかのぼって観ることも可能 […]
Opera 20 が登場 スピードダイヤル、ブックマークがより使いやすく
Operaのナンバリングのペースって早いんですね そんなことは置いといて Opera 20 になって何が変わったのか？ スピードダイヤルでのサムネイルの横並びの最大数の変更が可能に スピードダイヤルからブッ […]
.みんな(ドットみんな)ドメインが先着で初年度無料でゲット出来るかも！
.みんな ドメインが一般の方でも取得できるようになりました Googleが大元のドメインになるのですが、そのGoogleで初年度無料で.みんなドメインがゲット出来るキャンペーン開始 キャンペーン内容は .み […]
