はじめに さる2016年1月9日、西脇.rb＆神戸.rbの合同勉強会として「RubyistのためのRailsの app/assets/stylesheets 内のディレクトリ構成例 最近注目を集めているAtomic Designについて 3種類のリセット系
Golden rule Enforce these, or your own, agreed upon lines at all times. Small or large, call out what’s incorrect. For additions or contributions to this Code GitHub. Every line of code should appear to be written by a single person, no matter the number of contributors. HTML Syntax Don’t cith two spaces—they
HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesGoogle Web Designer gives you the power to HTML5 ads. Use animation and interactive elements to build out your
Twitter Bootstrapより断然注目しているZurb製のFoundation 4のまとめです。Bootstrapはウェブアプリ、ウェブサービス向けという感じがしますが、Foundationはウェブサイトに適していると思います。 今回はとりあえず使いはじめるためのガイドとして作成したもので、全ての機能を網羅したものではありません。詳細は公式ドキュメントを確認してください。また、Foundation 4にどんな要素があるのか、実際の表示で確認するには Kitchen Sink ページに全サンプルがあります。 今回記事にしてみて思ったのは、既存サイトであっても、これからFoundation 4を導入することができるように考えられているなということです。S
Web制作を高速化してくれるツールとして、以前このブログでも紹介したCodeKit。 ただ、インストールしてみたものの、いまいち設定や活用方法がわからないという方もいるのではないでしょうか。 というわけで、CodeKitの活用とおすすめの設定内容を書いてみたいと思います。 CodeKitでできること まずは、CodeKitでできることを一通り確認しておきましょう。 JavaScriptメタ言語（CoffeeScript）のコンパイル HTMLマークアップ言語（Jade、Haml、Slim、Kit Language）のコンパイル JavaScriptのミニファイ、結合、文法チェック ブラウザのオートリロード 画像の軽量化 フレームワークの利用 チームでのプロジェクト共有 インストールしたらまずどうするの？ プロジェクトの追加 C
7. 確認する <p class=”btn check”> チェックボックス✓ <input type=”checkbox” class=”check”> 段落です p span{color:blue; margin:20px} <p class=”btn”> <span>ボタン</span></p> ボタン 定義済みのid,class名をつけた 要素の再定義で崩れた 9. 共通ボタン 例外ボタン共通ボタン デバイスの向きを変えられる ユーザはいつでも、さまざまな理由でiOSデバイスの向きを変えることができます。たとえば、実行 する操作が縦長の向きのほうが自然に感じられる場合もあれば、横長のほうがより多くの情報を表示 できると感じられる場合もあります。デバイスの向きを変える理由が何であれ、アプリケーションの 主要な機能が見やすいままであることをユーザは期待します。 ユーザはホーム(Home
Railsで app/assets/stylesheets 以下のパスにある
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、Compassでプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of itional stylesheets -条件付きコメント：スタイルシート Conditional classnames -条件付きコメント：class名 itional stylesheets -条件付きコメント：スタイルシート 条件付コメントはInter
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
