Sassの変数命名規則とBEM
$type-subtype-component-contextというような形でSassの変数を命名していたけど、これにもBEMを使うかという感じになってきた。ただでさえ長いのが、セパレーターで更に長くなるけど、元々そんなに短くないので気にしないことにした。BEMをクラス名で使うような形で単純に利用するケースと、3.3で導入される予定のマップを使って構造化して定義し、複雑に参照するケースを比較して検証している。 検索ボックスに使う、以下の8つの色の変数定義を例にする。 検索フォーム 背景色 入力フォーム 文字色 背景色 枠線色 フォーカス 枠線色 ボタン 文字色 背景色 オンマウス 枠線色 BEMを使った簡単な実装 $color-bg_searchbox: #f9f9f9; $color-fg_searchbox__input: black; $color-bg_searchbox__inp
Ｚ会 「クロスロード」 120秒Ver.
▼受験生応援ストーリー『クロスロード』特設サイト http://ac.ebis.ne.jp/tr_set.php?argument=WnXAVwJa&ai=a5302fe5baf8bb 『クロスロード』の海帆と翔太も取り組んでいる、「Ｚ会の通信教育」についてはこちら⇒ http://ow.ly/S49ls ---------------------------------- Ｚ会と新海誠監督によるコラボレーションで受験生を応援します！ アニメーション「クロスロード」は、『言の葉の庭』や『秒速５センチメートル』で有名な新海誠さんが監督を、「とらドラ！」「あの日見た花の名前を僕達はまだ知らない。」で知られるキャラクターデザイナーの田中将賀さんがキャラクターデザイン・作画監督を務められ、完成しました。映像で流れる楽曲は、関西出身のシンガー、やなぎなぎさんが歌う「クロスロード」で、本アニメ
マンガで分かる心療内科・精神科in渋谷 第74回「フランクル～人が生きる３つの意味」 | 【当日すぐ】渋谷心療内科ゆうメンタルクリニック渋谷院/精神科
◆ 解説 というわけで、フランクル先生の話。 いかがでしたでしょうか。 まとめますと、 ・人間は常に「意味への意志」を持って生きている ・具体的に大切なのは「創造価値」「体験価値」「態度価値」の３つの価値 という話でした。 実際にこの「態度価値」はとても重要。 あなたにも、何かやりたいこと、かなえたいことはあるはずです。 しかしながら、それをすぐに実行できる人というのはマレです。 忙しさやお金など、さまざまな理由で、伸び伸びになってしまう人も多いのではないでしょうか。 そんなときに大切なのは「態度価値」を思い出すこと。 そう。 行動できなくても「やるぞ！」「今の自分はそれを行うために生きてるんだ！」というように、心の中で明確にそのことを思い続けることです。 心ですら忘れてしまったとき、あなたは本当の意味で、その夢を捨ててしまうことになります。 とにかくどんな環境であっても、どんなに時間や条
東京都内で「猫付きマンション」が続々と拡大中
猫の保護活動を行う東京キャットガーディアンは、同団体のホームページにて、「大家」と「猫の保護団体」「入居者」の三者による飼い主のいない猫の保護ボランティア活動「猫付きマンション」を案内している。 猫付きマンションとは 猫付きマンションは、「猫との生活を希望する入居者」と、「マンション経営で猫の助けになる活動をしたいと考えるマンションオーナー」、「成猫の保護場所を作り、多くの猫を救いたいと考える保護団体」の三者の思いが合致したシステム。新しいボランティア活動として、行政からも了承を得ている。 飼育を希望する人は、面談の上、所有権ではなく一時保護の場所として同シェルターの猫を選び、ペット飼育可能のマンションで猫を飼うことができる。「転勤が多い」「高齢だから心配」など様々な理由で猫の飼育をあきらめている人も猫の飼育が可能だ。 キャットタワーつきの物件も! 現在、同団体のホームページでは、東京都の
マルチデバイス時代の制作手法の選び方
遅ればせながら、あけましておめでとうございます。 昨年10月後半から職場での環境が大きく変わったこともあり、ブログは放置状態で、ソーシャルメディアでの投稿すらあまりできませんでした（言いわけ）。 2014年も1月も後半に差し掛かってしまいましたが、今年もRriverを、どうぞよろしくお願いします。役に立つ情報を掲載することを目標に、今年も1年頑張ります。 2012年5月に「レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと」という記事を書いてから、はやくも1年半以上が過ぎ、RWDの本を出してから約1年もの年月が過ぎました。2014年のはじめということもありますし、これから何回かに分けて、これからのレスポンシブWebデザインについて考察をまとめていきたいと思います。 今回は、以下の2つについて： 「レスポンシブWebデザイン」はどうなる？ 制作手法を選択する際の判断基準とは
Colordot - A color picker for humans
How toBack & Forth for Hue Up & Down for Lightness Scroll for Saturation
-webkit-appearanceでフォーム要素のスタイルをリセット
<img src="http://webdev.jp.net/wp-content/uploads/2013/08/webkit-appearance-defaurt-reset wikipedia reference.png” alt=”-webkit-appearanceを設定してみた” width=”400″ height=”400″ class=”aligncenter size-full wp-image-1412″ /> スマートフォンのデフォルトブラウザ、Safariのフォーム要素に、スタイルシートで独自のデザインを設定しようとしたとき 角丸やグラデーション、ドロップシャドウなどの初期スタイルを打ち消すのに、意外と手こずったことはありませんか？ -webkit-appearanceをつかうと、これらの装飾を一部外せるので、フォーム要素をすべてオリジナルの装飾にするスマホサイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
god - Repositories