CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。
![CSSセレクタのチートシート|37パターンを一覧で解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/7825543f1b3d987c4ac972639764e88027282f6d/height=288;version=1;width=512/https%3A%2F%2Fwebliker.info%2Fwp-content%2Fuploads%2F2022%2F05%2F60.png)
CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。
保育士さん入社お祝い金キャンペーンのお知らせ♪ 2025年4月入社も大歓迎【7/5~8/31】 2024.7. 3
4月17日(月)、名古屋駅直結「名古屋JRゲートタワーホテル」15階に予約のとれない東京・青山の人気フレンチ「L’AS」兼子シェフ監修。全220席の大型のオールデイダイニング「THE GATEHOUSE」が誕生!
2024.6.5 防災訓練こども園では、毎月地震や火災など様々な状況を想定した訓練を行っています。 5月2...
BloomingvilleBoliginteriør til hverdags designere, der lever i og elsker glade forandringer. Share your style. Tell your story. Change your home. CREATIVE COLLECTIONAutentisk interiør til individuelle og personlige boliger. En kollektion af karakterfulde styles og unikke, upcyclede skatte med historier at fortælle. BLOOMINGVILLE MINIVelkommen ind i et hyggeligt og legende univers af æstetisk bolig
こんにちは、コプロシステムWebデザイングループの石川です。 当ブログの6/12付エントリー『UIデザインの2013年のトレンド「フラットデザイン」の事例・16個』で、 2011~2012年頃から「フラットデザイン」というデザイン手法が注目を集め始めていること Googleトレンドの指標を見ると2013年に入ってから急上昇をし始めていて、間違いなく今年のWebデザインのトレンドであること フラットデザインとは、特徴 事例サイトの紹介 などを書かせていただきました。 アクセス解析ツールでアクセス状況を見ていると、「レスポンシブWebデザイン」について書いているエントリーの次に、「フラットデザイン」について書いている上記エントリーにアクセスが集中している傾向にありましたので、今回のエントリーでは、そのフラットデザインなWebサイトたちでどんな色が使われているか、前回ご紹介した事例サイト(+α)
こんにちは、理事長の石田です。 当医院は皆様に限りなくリラックスして治療を受けていただける設備システムに力を入れております。 これからも「痛みが少ない治療法」、 「ていねいで慎重な治療」 を常に心がけて治療に専念させていただきたいと思います。 スタッフ一同心よりお待ちしております。 是非一度ご来院ください。
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。 Sectioning Content in HTML5 -Div or Section or Article 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 divとsectionとarticle、それぞれの特徴 divとsectionとarticle、どれを使う? sectionとarticleの組み合わせ方 divとsectionとarticle、それぞれの特徴 d
CSS3の 隣接セレクタ、属性セレクタ、擬似セレクタの合わせ技で input[type=checkbox]:checked + label の書式を駆使すると、スタイルシートだけでcheckboxやradioのデザインを変更できます。 CSS3のセレクタに対応していないIE8以下では 通常のラジオボタンやチェックボックスが表示されます。 応用編で、cssだけでラジオボタンを2択スイッチに変更も紹介しています。 htmlの構成は inputの次にlabelを配置し、idとforで連動させるようにしておきます。 <div class="sample"> <div> <input type="radio" name="sample-radio" checked="checked" id="radio-1" /><label for="radio-1">radio 1</label> <input
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く