HTML/CSS

Django

便利ツール

ボックスシャドウジェネレーター Googleフォント fontawesome バックグラウンドグラデーションジェネレーター
HTML/CSS

[css] contentプロパティで挿入できるコンテンツ

contentプロパティで挿入できるコンテンツ | WebTecNote // // 3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(...
HTML/CSS

metaタグによるリダイレクト(SEOによるルール)

リダイレクトに <meta http-equiv="refresh"> タグを使用すると、検索エンジンランキングが下がる可能性があります。 metaタグによるリダイレクト ⇐ head要素内に記述されたmetaタグによりリダイレクトを行う方...
HTML/CSS

tableの膨張を防ぐ

table要素の中に、半角スペースなどの区切り文字が存在しない英数字を入れると、td要素やth要素に設定しているwidthプロパティの長さ以上に、tableが膨張されてしまいます。 特に、Firefoxは記号を区切り文字として認識しない為...
HTML/CSS

JavaScriptコードを外部ファイルとして作成し、それらのファイルをHTMLに読み込む際、外部ファイルに記述されたコードはいつどのようなタイミングで実行されるのか?

JavaScriptコードを外部ファイルとして作成し、それらのファイルをHTMLに読み込む際、 外部ファイルに記述されたコードはいつどのようなタイミングで実行されるのか? 参照先  1 2 3 4 5 6 7 8 9 <h...
HTML/CSS

htmlで値(変数)を定義する方法

1)HTMLタグに記述 ①CSSでやる <body> <style type="text/css"> <!-- .parson1:before{content:"田中";} p.age1:after{content:"36歳";} -->...
HTML/CSS

「論理ピクセル」と「物理ピクセル」(表示サイズ調整の要となるdpiスケーリングとViewport)

マルチデバイス対応に必須な画面サイズ調整に必要なのは、dpiスケーリングとViewportである。 ①dpiスケーリング iPhone 3GS は480x320、iPhone 4は960x640と解像度が縦横2倍も違うのに、特に設定しな...
HTML/CSS

iPhone実機 シュミレーターとの動作が違う!?

デバイスはファイル名の大文字小文字を区別するのでそれを確認することと、リソースが転送されてない可能性があるのでデバイスからアプリを消して、クリーンして再ビルドしてみたらたいていは直るんじゃないでしょうか。 解決策は2つ。...
HTML/CSS

ブロックレベル要素とインライン要素

ブロックレベル要素(Block-Level Elements) <address>、<blockquote>、<center>、<div>、<dl>、<fieldset>、<form>、<h1>-<h6>、 <hr>、<noframes>、...
HTML/CSS

レスポンシブWebデザインはviewportとメディアクエリーからはじめろ!

レスポンシブWebデザインはviewportとメディアクエリーからはじめろ! | 株式会社Bark to Imagine 1 <meta name="viewport" content="width=device-wi...