【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 - PhotoshopVIP

2017/01/25 563 users PhotoshopVIP hmtl CSS HTML 進化

ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高い テキストエフェクト用コードスニペット をまとめてご紹介します。コードニペットは各エ... 続きを読む

CSS3で使われる３Dライダーを導入できるFlux Slider | Flips Blog Web担の小技

2014/05/29 31 users jQueryプラグイン デバイス Web担 動作 若干

3Dスライダーと言われている、通称フリックスライダーを、手軽に導入できるjQueryプラグイン『Flux Slider』。 最大の特徴は枠から若干飛び出すその動きです。 主要ブラウザー全て対応 様々なデバイスに対応 これまでの２Dスライダーにも対応 3Dスライダー対応 必須環境 CSS3対応のブラウザ 上から刻んで回転する動作 本をめくる動作 そのまま立体回転 こんなかんじで色々と面白い動作が可能... 続きを読む

CSS3対応、スタイルシートの記述で気をつけるべき19のポイント | コリス

2011/08/21 385 users コリス 記述 スタイルシート CSS Lint ポイント

以下は、スタイルシートをオンラインでチェックできるツール「CSS Lint」で使用しているルールを意訳したものです。 スタイルシートの記述で気をつけたい19のポイント スタイルシートの記述ミスはしない これは一番大切なことです。 1文字でもタイプミスをしないようにしましょう。 隣接クラスは避ける 「.foo.bar」のような隣接クラスはIE6などでサポートしてないので、使用には注意してください。 ... 続きを読む

誠 Biz.ID：3分LifeHacking：ブックマークはもちろん履歴やパスワードも──ブラウザの同期機能を比較する

2011/05/23 52 users 3分LifeHacking 履歴 同期機能 ブラウザ 昨今

昨今、続々とメジャーバージョンアップが続くWebブラウザ。これらWebブラウザのトレンドとしては、高速化、HTML5対応、CSS3対応などが挙げられるが、ブラウザ間の同期機能もここ最近で標準装備となりつつある便利な機能の1つだ。 同期機能があれば、2台以上のPC間でブックマークを共有するのはもちろんのこと、新しくPCを購入した場合も従来使用していたブックマークを自動的に復元できるので、わざわざイン... 続きを読む

たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE | コリス

2010/07/14 1404 users コリス padding Eee background 一行

上記デモのスタイルシート ※クリックで拡大 「CSS3 PIE」の使い方は簡単で、既存のCSS3に一行を追加するだけです。 適用前のCSS #myElement { background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } 「CSS3 PIE」... 続きを読む