CSSだけで出来た2Dで3Dな飛び出すメニュー 3D Menu
こういうタイプのメニューは初めて見ました、CSSだけで作成されていて CSSの3D昨日を活かして、元は2Dなメニューを3Dにした感じのメニューです
hoverすると、くねくねっとする3Dメニュー CSS3 Funny Menu
マウスオーバーすると、メニューがくねくねと少しねじれていく立体的なメニューです
Google Adsenseは免税になる!？ 消費税の増税前だし、確定申告の時期だからこの話
Google AdSense での売上はりっぱな事業です アフィリエイトも同じくです 広告収入を得るということは 広告枠(スペース)を販売するということなので商品を売っているのと同じく消費税が関連してきます […]
HTML5、CSS3のブラウザ別対応表が簡単に確認できるサイト Can I use…
Can I use… http://caniuse.com/ CSSやHTMLだけではなく、SVGにjavascript APIも対応状況をブラウザごとに確認することができます 他にもPNGのアルファ値が対応 […]
アルファベットのAからZまでをCSSだけでアニメーション付きで作るプロジェクトが面白楽しい CSS A/Z
CSS A/Z http://cssaz.tumblr.com/ アルファベットAからZまでを、それぞれの頭文字から始まる英単語に合わせてCSSで作成するプロジェクトです 現在はQまで作成されています 一部 […]
画像では無い CSSで作られたストライプ柄の背景パターン Gnome Backgrouud
CSSのみで作られたストライプがらの背景を実装するコード。画像よりもててもファイルサイズが小さくなりコピペだけで利用可能
画像が折りたたまれて移り変わっていく画像スライド Folding pictures
画像が次へと移り変わるときのエフェクトとして、画像が折りたたまれていく様子を使ったアニメーションです このままではちょっと荒削り感がありますが、アニメーションの速度を抑えて画像に文字とか入れてバナーにしたものを彩りとして設置するのも有りじゃないかと思います
ローカルサーバー用のXAMPPをPCからアンインストールする方法
XAMPP http://www.apachefriends.org/jp/index.html (久しぶりにXAMPPのサイトをみたら、デザインが大幅に変わってた) 別のPCでローカルサーバーを使って、W […]
今どこで ネットで炎上が起きているのかをチェックできる WEBサイト 炎上レーダー
炎上レーダー http://it.ej-radar.com/ こんなものが有るんですね！ ツイッター、Google+、アメーバブログのコメント数・返信、リツイート。共有・シェア等のアクションを一定期間中に発 […]
PHPで自動でサイトマップを作成するスクリプト XML Sitemap PHP script と 検さぽのサイトマップ自動生成ツール
ちょうど静的なHTMLのサイト(一部PHPでインクルード)を使ったサイトを作っていて、CMSみたいにプラグインで動的にサイトマップを作れたらいいなっと思って調べてみたら 2つのPHPでそれを実現するスクリプトを見つけまし […]
ラジオボタンを使ったCSSでデザインされたボタン Radio Button
YESとNOで表示のデザインが切り替わるラジオボタンのデザインです YESの時にはチェックマーク、NOの時にはペケマークにアニメーションで変化します
すっごくクリック感(押した感じ)がするCSSボタンデザイン Pure CSS Push Buttons
CSSだけで作られたボタンです 特徴はクリックした時の、クリック感が良い 心地いい
Gmailでメールのサイズを指定して 添付ファイル付きのメールを抽出する
Gmailに新しい検索オプションのファイルサイズ指定で検索が出来ます これを利用してファイルが添付されていそうな容量を指定して検索することが可能 ファイルサイズを指定して検索する方法 ページの上部の検索窓に […]
ZIP・7z・rar等の圧縮ファイルをWEB上で解凍してくれるサービス Unzip Online
圧縮されたファイルを解凍してくれるオンラインサービスです 対応するファイル7z, bar, bz2, bzip2, gz, gzip, jar, rar, tar, tbz, tgz, war, xz, z, zar, zip.
さくらインターネットのレンタルサーバーでHTMLのファイルでもPHPが使えるようにする方法
さくらインターネットのレンタルサーバーは特殊でした！ 他のレンタルサーバーだと.htaccessに2行ほど追加するだけでHTMLでもPHPが実行できるようになるのですが、さくらインターネットでは無理でした。 たぶんcgi […]
アプリっぽい動きの天候を表示するウィジェットのデザイン アイディア Weather Widget
マウスオーバーするとヌルっと動くのが気持ちいいです、デザインもシンプルながらいい感じに出来上がっています。 温度によって背景色が変化するような仕組みになっています
AngularJSというライブラリを使ったタイプライターの入力のように文字を表示するデモ AngularJS ‘Typewriter’ Directive
AngularJSというのはｍjQueryみたいなjavascriptのコード入力を補助するようなものです、それを使ってタイプライターのように文字が入力されていくアニメーションを実装したデモです
メルマガのデザインにも使える？直感操作でアスキーアートが作れる エディタツール ASCII Flow Diagram Tool
ASCII Flow Diagram Tool http://www.asciiflow.com/# 画面の左側のツールを選択してエリア内をクリックしながら操作すれば色々なオブジェクトを作り出すことが出来ます、テキストベ […]
アニーション付きで画像を遅れて読み込ませるプラグイン BttrLazyLoading
26種もアニーションがあり、ただ画像を送れて表示させるだけでは面白く無いなーって方は使ってみたはいかがでしょうか？
カードがクルッと回転して裏面の項目がが表示される ログインフォーム Flipping login form
一見通常のログインフォームなのですが、restore password とうところをクリックするとクルッと回転して裏面にある入力フォームが現れる仕組みです、裏面のBackをクリックすると元のログインフォームに戻ります
