「出会えたことに感謝したいCSSベスト3」まとめ - Togetter

2018/04/08 540 users Togetter Flex None border-box

box-sizing: border-box; →出会えた時の感動 content: “”; →::before ::afterとの組み合わせ display: none; →blockとのコンビネーションが好き flexは殿堂入りぽいからそれ以外にしてみました #出会えたことに感謝したいCSSベスト3 続きを読む

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選 | UX MILK

2016/09/14 824 users CSS コピペ UX MILK HTML 見出しデザイン

WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば... 続きを読む

After Effects 全エフェクト - YouTube

2015/08/08 572 users YouTube original 解像度 業種 フル解像度

After Effectsの全エフェクトを解説（1日1本ずつアップロードを行って行きます。） オススメ★は個人的な意見となりますので、業種、価値観によりことなりますので目安程度とお考えください。 （※解像度をOriginalに変更頂く事でフル解像度の画面でご覧頂けます） フリーで学べる動画講座 Adobe Authorized Training Center 電報児(DENPO-ZI) After... 続きを読む

floatを解除する方法のまとめ: 小粋空間

2013/03/27 678 users float 小粋空間 CSS 擬似要素 まとめ

CSSのfloatを解除（クリア）する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。 １．floatにより親要素の高... 続きを読む

CSSの擬似要素を使った見出しデザイン｜Webpark

2013/01/27 633 users before Webpark ボーダー 見出し 都度

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「... 続きを読む

[CSS]なにかと便利な「:before, :after擬似要素」の使い方を基本からマスターするためのチュートリアル | コリス

2012/07/18 574 users コリス before hover チュートリアル CSS

HTMLを汚したくない、もしくは変更することができないときに役立つ擬似要素の基本的な使い方から応用テクニックまでを紹介します。 擬似要素で、div要素の両端にシャドウをつけたり、一枚の画像を重ねたりすることができます。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3で... 続きを読む

あなたのサイトも最高2倍速に？！Google純正のサイト高速化モジュール『mod_pagespeed』だと・・・ - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/11/03 763 users before Apache IDEA モジュール ＨＯＭＥ

Home > Google関連 | 開発ツール・技術 > あなたのサイトも最高2倍速に？！Google純正のサイト高速化モジュール『mod_pagespeed』だと・・・ Older GoogleからApacheのモジュールが出たようですよ。その名もmod_pagespeed。名前のとおり、サイトの表示速度をちょっ速にしてくれるものらしいです。 ↑ before & afterの動画。うーむ。 実... 続きを読む

Image * After - currently 26837 free textures and images available

2006/06/03 596 users image

Free high resolution images and textures for commercial and personal use. Daily additions. Free hi-res stock photography, with abstract graphics search.Image*After is a large online free photo collect... 続きを読む