「 HTML+CSS 」 一覧

lessって？ CSSの保守性を向上させるライブラリ。これを使うことでcssが圧倒的に便利になる。 スコープが使える 階層を作ることで他の部分への影響を抑えることができる。これはかなり大きい。 変数が …

実務でCSSをゴリゴリ書く機会があり、力不足を感じたので、メモを。 ライブラリlessやsassを使うとスコープを設定できるのでかなり楽 大まかな幅設定　スマホデザインの場合、幅を基本的に%で指定。p …

SmartyにかわるテンプレートエンジンとしてTwig(ツィッグ)を勉強中。 といってもテンプレートエンジンなので基本的なことはほとんど一緒っぽいですが。 インストール composer.jsonに下 …

sassをベースにしたフレームワークがcompassです。 compassとは? sassの記法をベースにCSSファイルの作成が可能 cssだけではなく、jsやimageファイルなどのディレクトリ情報 …

以前ちょろっと勉強していたことはあるんですが、仕事で使うことになりそうなんで復習。 sassとは 一言でいうとCSSをプログラミングのように書ける言語です。具体的には下記のようなことができます。 変数 …

本日はヘッダーメニューとかで見られるドロップダウンリストについて。 bootstrapを使った方法は下記に。 http://skill-up-engineering.com/?p=1157 通常のHT …

HTML5は標準でinputタグのバリデーション機能がついており、必須チェックや簡単なエラーチェックなどをすることが出来たりします。 必須入力のほかにも、telやemail、時間など様々なタイプのもの …

CSSを使い始めて数年がたっていますが、いまだに最適な書き方がようわかっとりません(汗) 特に難しいのが全体的なレイアウトの決定でfloatとかpositionなんかを使っていろいろと悪戦苦闘していま …

AngularJSを使っていまして、更新したのにキャッシュ機能が働いていてブラウザでは変更が反映されてない・・・なんてことがちょいつづき、キャッシュを無効化する機能を調査しました。 まず通常のHTML …

こっちのブログでも書いてますが、CSSを最近写経してて気づいたことがいろいろあるんでメモリます。 常時追加予定。 全体 最初に見取り図を描いて、どの要素とどの要素が共通性を持つかを考える。(いきなり組 …