webサイト運営

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>、...
HTML5 Canva要素

HTML5 Canvas要素

<sample>四角を描く 【index.html】 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Canvasの練習</title...
wordpress

facebookページと個人ブログを同期する ※RSSリーダー(RSS Graffiti)使用

※参照先: ①先ずはRSSGraffitiの登録 Googleで「RSSGraffiti」と検索すると、一番上に出てくると思います。 「Go to Permissions Dialog」を選択。 「OK」を選択。 ...
PHP

PHPマニュアル/Math — 数学関数

定義済み定数 以下の定数は、PHP コアに含まれており、常に利用可能です。 Math の定数 定数 値 説明 使用可能 M_PI 3.14159265358979323846 パイ(円周率) M_E 2.718281...
HTML/CSS

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

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