ぞうさんのつぶやき（備忘録）

忘れないように色々メモ…

フォローする

ホーム
HTML/CSS

Webについて色々

2016/5/12 2016/5/17 HTML/CSS, Javascript/jQuery

http://webdesignrecipes.com/

シェアする

  • ツイート
  • このエントリーをはてなブックマークに追加

フォローする

インタラクティブ, 一般, 用語 tomi_notes

関連記事

NO IMAGE

BEM(cssのクラス名の命名ルール)

BEMとは Block、Element、Modifierの略語。「ベム」と言い方をする時もある。 フロントエンド設計方法の一つでcssの...

記事を読む

NO IMAGE

CSSだけでインタラクティブなエフェクト

画像のマウスオーバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。キャプションとはしていますが、例えばブロ...

記事を読む

NO IMAGE

jQueryの基本

準備 ここから最新版をDL。 圧縮版の Minified と非圧縮版の Uncompressed があって、普通は読み込みが早いので圧縮...

記事を読む

NO IMAGE

CSS3ジェネレーター

・グラデーションジェネレーター Grad3 Ultimate CSS Gradient Generator ・角丸 CSS Bo...

記事を読む

NO IMAGE

メディアクエリ

モバイルファースト 小さいサイズから順に指定する。余計な大きい画面向けのスタイルを後から指定する(読み込ませない)ためモバイルサイト向け。...

記事を読む

NO IMAGE

画像のRetina対応

Webサイトやアプリで使用する画像をRetina(レティナ)ディスプレイに対応させる方法のまとめ。 Retinaディスプレイは高解像度なの...

記事を読む

NO IMAGE

画像のレスポンシブ対応

％の指定 画像をウィンドウ幅いっぱいに表示させるとする。 <img>の幅に100％を指定すると親要素(この場合は<...

記事を読む

NO IMAGE

HTML、CSSの書き方ルール(Google HTML/CSS Style Guide)

「Google HTML/CSS Style Guide」はGoogleが出している書式やスタイルのルール。 全般的なスタイル プロトコ...

記事を読む

NO IMAGE

icon web font

一行追加するだけ！CSSのみで使えるフォントアイコン【Font Awesome】の使い方とサンプル 一行追加するだけ！CSSの...

記事を読む

NO IMAGE

<li>タグを横並びにした時にできる隙間を消す

<li>をinline-blockで横並びにした時に隙間ができる時がある。 ソースはこんな感じ。 これは<li...

記事を読む


SVGファイルについて
画像のレスポンシブ対応

最近の投稿

  • hostsファイル
  • フォント名について
  • 大きな印刷物
  • CSSの解除と継承
  • メディアクエリ

カテゴリー

  • DTP
  • htaccess
  • HTML/CSS
  • Javascript/jQuery
  • PHP/Perl
  • SEO
  • Wordpress
  • サーバー
  • デザイン
  • マーケティング
  • リスティング
  • 未分類

タグ

BEM favicon Google HTTPヘッダ SVG アイコン イメージ インタラクティブ オウンドメディア キャッシュ コンテンツマーケティング サイズ ジェネレーター ツール フォント プラグイン ルール レスポンシブ 一般 基本 用語 目安 紙 素材 設定
© 2016 ぞうさんのつぶやき（備忘録）