Spotlight【ごきげんな早起き】で自分時間と人生を取り戻す。「ずっと眠い」夜型人間が変われた朝活専門家の教えとは？【5時こーじ】
リファクタリングHTML/CSS ～レガシー世界を超えて～ #scripty03
2015/3/10の勉強会にて発表された資料です。 SCRIPTY#3 ～フロントエンド紳士・淑女のための勉強会～ http://scripty.connpass.com/event/12374/Read less
[CSS]BEMの方法論とMindBEMdingという記法 - Qiita
BEMの方法論とMindBEMdingという記法 BEMとは Block、Element、Modifierの頭文字を取ったものであり、要素を3つのどれかに当てはめて命名していく方法。 Block → 構成のルートとなる要素。 Element → Blockの子要素。Blockでしか生きられない。 Modifier → 元となるBlockまたはElementから変化した状態を表す要素。 オブジェクト指向風に言うと... Blockは継承元のクラス、Modifierはその派生クラス、Elementはそれらのクラスに所属するメソッドもしくはプロパティである。 参考:BEM-Methodology Definitionsの日本語訳 MindBEMdingとは BEMをCSSのクラス名に適用するために作られた規則で、CSS界隈ではMindBEMdingがBEMと呼ばれることが多い。お約束として、El
![[CSS]BEMの方法論とMindBEMdingという記法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4753570b951bc2e6f26262515e993798305642da/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDg4OTYlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTE1MTc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MmQyZTYyMGQ5YTZiMjQ2NDI2NTk1NTEyZmVkYzM3NDQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Df6ef00a6c389ff3be695e3cf214e5750%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQ1NTJTVEQkVNJUUzJTgxJUFFJUU2JTk2JUI5JUU2JUIzJTk1JUU4JUFCJTk2JUUzJTgxJUE4TWluZEJFTWRpbmclRTMlODElQTglRTMlODElODQlRTMlODElODYlRTglQTglOTglRTYlQjMlOTUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05NjJkYzhhOWU1ZGUwMzYxZjJmNzY5NGI0NGE0NTA1OA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0b3J1bWl5YW1vbjE5ODcmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz00MGU1YjVkNTYzNGUwNWY4YjIwOGMxNTcwMTIwYzFkNA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D101aad32ced93151f0cd307de6ae2079)
CINRA.STORE - iPhoneケース,雑貨,ファッション,文房具,プレゼントのセレクトショッピングサイト
弊社が運営する「CINRA.STORE」への不正アクセスによる 個人情報流出に関するお詫びとお知らせ 2020.9.23 このたび、弊社が運営する「CINRA.STORE」におきまして、第三者による不正アクセスを受け、お客様のクレジットカード情報（337件）が流出した可能性があることが判明いたしました。お客様をはじめ、関係者の皆様に多大なるご迷惑およびご心配をおかけする事態となりましたこと、深くお詫び申し上げます。 なお、個人情報が流出した可能性のあるお客様には、本日より、電子メールにてお詫びとお知らせを個別にご連絡申し上げております。 弊社では、今回の事態を厳粛に受け止め、再発防止のための対策を講じてまいります。お客様をはじめ関係者の皆様には重ねてお詫びを申し上げますとともに、本件に関する概要につきまして、下記の通りご報告いたします。 記 1.経緯 2020年5月26日、一部のクレジット
Bootstrap と BEM を組み合わせた CSS 設計パターンについて考える | Recruit Tech Blog
前置き - CSS 設計が難しい件について 誤解を恐れずに言うならば、CSS は変数も関数も条件分岐もない、ある種ゆるふわな言語（仕様）といえます。そのためプログラミング言語のように記述ミス一つで全ての挙動が止まるなんてことはありませんし、いくら冗長に記述しようがブラウザ上での挙動に差異が生まれることも殆どありません。ちょっと嗜めばそれっぽいものが作れてしまうので、マークアップエンジニアのいない小規模体制の組織であれば、サーバーサイドエンジニアやデザイナーが片手間で習得して実装してしまうというのも珍しいことではないでしょう。それでも良かったのかもしれません。これまでは…。 片手間で学習した知識というのはなかなか体系化されないものです。CSS も御多分に漏れずプログラミングのテクノロジーは日進月歩なため、その時は最新だった技術が僅か一年も経たないうちに廃れてしまい、バッドノウハウ化してしまう
goen°
Chie Morimoto Born in 1976 in Aomori Prefecture, Japan, Chie Morimoto was raised in Tokyo. After completing the Visual Communication Design program at Musashino University, she started working with the Hakuhodo advertising agency. With the desire to design in a manner more essential to day-to-day life, in 2007 Morimoto founded goen° with the following directive: “Create first encounters. Connect p
いまどきのCSS – OOCSSとかBEMとかSMACSSとか | 5 LOG
OOCSSとかBEMとかSMACSSとか、深く考え過ぎずに、気楽にいいとこ取りして、プロジェクトに合った使い方をしましょうって話。 重要なのはルールを決めること。 命名ルールはBEMで（ただし厳密なBEMルールではなく、BEMっぽく） シングルクラスよりマルチクラスを採用 idセレクタはCSSでは使わない 命名ルールはBEMで BEMの命名ルールを取り入れる事で、CSSをBlock単位で考える事が出来るので、積極的にとりいれる ただ、実際に書いてみるとわかるのだが、厳密なBEMのルールはめんどくさいし見た目が気持ち悪いので、ゆるくしたルールを決める。 Elementは「__」（アンダースコア2つ）、Modifierは「––」（ハイフン2つ）でつなぐ これが命名ルールの基本。 Block、Element、Modifierを2つ以上の単語で表すときはキャメルケースをつかう その方がぱっと見わか
QiitaのサイトにBEMを勝手に取り入れてみた - Qiita
BEM Advent Calendar 2013 1よ…13日目の記事です。 BEM Advent Calendar 2013が14日時点で18日の記事がアップされていたり、逆に13日の記事が14日にアップされたりと時空が歪んていますが、気にしないことにします。 この記事では、BEMを取り入れたマークアップがどんなものになるのか、Qiitaのホーム画面(ログイン後)を元に考えていきます。 なお、BEM自体についての説明は、BEM Advent Calendarの各記事やBEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号、CodeGridのBEMによるフロントエンドの設計 - 基本概念とルールを見ていただけるようお願いします。 これから載せるソースのガイドライン BlockとElementの区切りにはアンダースコア2個(__)を使用 block__elemen
BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号
BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BEMが失敗しているパターンとその問題点
和倉温泉観光協会•和倉温泉旅館協同組合
武蔵野美術大学
イマドキCSS設計