コーディング中はブラウザにガイドを引こう - Qiita
PSD上でどんなに1px単位でこだわってもマークアップ時に再現されなければPSDは「絵に描いた餅」ですし、 むしろPSD上でのゴネゴネの時間をCSSの微調整に当てるべきと思っています。 そんな時、ブラウザ上で任意のガイド線を得るために自分は下記のようなやり方をしています。 body:target { //ガイド線 .area-main { &::before { //水平方向の中心線を引く display: block; position: absolute; width: 1px; height: 100%; background: cyan; left: 50%; top: 0; z-index: 10000; content: ""; margin-left: -1px; box-shadow: -493px 0 0 0 cyan, 493px 0 0 0 cyan; //中心からの
『モバイル時代におけるCSSの設計と実装』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、こんにちは。 ネット総合事業本部プラットフォームDivの斉藤です。 今回は私の所属している部署からは初の1pixelへの寄稿となるそうです。 CSS開発のアプローチほぼ同時期にモダンウェブ開発に欠かすことが出来ないと言われるようになったJavaScriptと比べると、CSSにおける設計、という話題はなかなか出てきません。 単純なウェブサイトを作る際にはあまり気にしてこなかった部分ですが、ウェブアプリを制作している我々の仕事には欠かすことが出来なくなってきています。 ほかのプログラミング言語に比べると圧倒的に非力な言語だからこそ、ほかのプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
