ユーザーのマウスホバーに合わせて、価格表のセルをアニメーションで拡大するCSS3のテクニックを紹介します。 デモページ ホバーしたセルが拡大表示され、ボックスシャドウを使って浮き上がる感じです。 カラーを変更してもよさそうです。 実装 HTML 価格表は実はtable要素を使っておらず、リスト要素で実装されています。 <div class="pricing_table"> <ul> <li>Standard</li> <li>£20</li> <li>Perfect for those getting started with our app.</li> <li>15 Projects</li> <li>5GB Storage</li> <li>Unlimited Users</li> <li>No Time Tracking</li> <li>Enchaned Securit
CX.comはDropboxのようなオンラインストレージサービスです。 無料アカウントで10GB~16GBのストレージを持つことができます。 初期状態は10GBですが、友人の招待により最大16GBまで増やすことができます。 ウェブ上からだけでなく、デスクトップツールやスマートフォンアプリも用意されていますよ。 1ファイルに対する容量制限は特に設けられていないようです。 以下に使ってみた様子を載せておきます。 まず「CX.com」にアクセスしましょう。 無料登録をしましょう。10GBは無料で利用できます。 管理画面です。右側に残りの容量が書かれていますよ。 「+300MB」のバナーをクリックすると、招待用URLが表示されます。 こちらから招待用URLをコピーして友人を招待していきましょう。 すると300MBずつ増えていきますよ。 デスクトップツールを導入すれば、ブラウザをわざわざ開く必要はあ
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く