W3C All Standards and DraftsCSS3リファレンス菊池崇の実践！CSS3道場

iUIjQTouchSencha Touch★jQuery Mobile ●iOSヒューマンインターフェイスガイドライン（PDF）

ホームページのトップにTwitterを設置して欲しいとのご要望があり、 早速、ウィジェットを設置！ だけど…プレビューではきちんと表示されている「timestamp」が、 ホームページ上では表示されなく、アレコレ確認。 jsファイルのバッティングかなぁ〜と調べて…

以前購入した本を読み返していたところ、 簡単にスマートフォンサイトを導入できるサイトが 紹介されていたので、早速ダウンロードしてみました。 iUIライブラリ内容はよく目にするこの顔つき。 あとはただ中身を書き換えるだけで、 簡単にスマートフォンサ…

二つの素材を用意し、茶色の素材のほうにマスクをかけ、 消しゴムツールで消し消し…したらこんな風に仕上がりました。紙をちぎった風に見えるかな？微妙かな？

お得意先様に、一斉に自社システムでできることや、活用方法など、 フォローする意味を込め「●●●通信」的なメールを配信すれば、 問い合わせの電話も少し減るかなぁ〜と思い、HTMLメールの送信方法を 調べてみました。 HTMLメールは各環境によってレイアウト…

ここ最近残業続きで勉強の時間が取れず、やっと今日、 スマートフォンサイトトップの枠組みができたので、取り急ぎアップを。 デモ ※IEでは正常に表示されません 文字へのドロップシャドウや角丸の設定など、ホント簡単にできちゃうCSS3って素晴らしい！

あくまで私的な備忘ですので、効果があるかは、実際にお試しくださいませ〜。●Google Insights for Search ●Google キーワード最適化ツール ●Yahoo!JAPAN リスティング広告 ●Google AdWords●IE7.js ※IEの標準に準拠したブラウザと同じように動作させることが…

●HTML5は以下のように ＜!DOCTYPE HTML＞ ＜html lang="ja"＞＜head＞ ＜meta charset="UTF-8"＞ ＜meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"＞ ＜title＞kommons/M（コモンズ）は人気美容・…

通販サイトのスマートフォンサイトを制作中…とはいえ、まだカンプ段階（汗） コツコツ作っていくぞ！

スマートフォン制作 入門本を見ながら出来るところまで。 ★スマートフォンを制作するには大きく分けて３つの方法がある 1.専用サイトをフルスクラッチで構築する PCサイトとは別にスマートフォン専用サイトをフルスクラッチ（いちから）構築し、 スマートフ…

Webスクールに通い始めた頃から苦楽を共にしてきたパソコンさんが天に召されてしまいました（泣）画面が真っ暗…バックアップ無くデータまっさら…お先真っ暗（笑） と、落ち込んでいる時間は無い！ パソコンが無ければ勉強も出来ぬと思い、早速、ビッグカメラ…

ASCIIのいつものシリーズから。iPhone+Android スマートフォンサイト 制作入門 本日届きました！さぁ〜これから読むぞぉ〜♪

毎週日曜日に開いていただいているお勉強会が今日はお休みだったので、家で自習をしました。お勉強会の時にいつも持ち込んでいるドトールのサンドが親子共々習慣化されてしまい、お勉強会が無いにもかかわらず、わざわざ駅前のドトールまで買いに行ってしま…

WordPressで制作したサイトをスマートフォンでも見れるよう MobilePressというプラグインを入れてみました。どれどれ早速スマートフォンで確認と思い、見てみましたが… そもそもスマートフォンまで視野に入れていなかったため、 表示はされるものの画像が拡…

（1）スライドメニュー （2）includeの実践 元々HTMLのファイルだったものをPHPファイルで新規保存。 DOCTYPE宣言をPHPのテンプレートとして読み込ませる場合はhead前に以下を挿入。＜?php include "dtd.php"; ?＞ ＜? php echo"\n"; ?＞＜head＞ ※includeで…

あるクライアント様から、自分達で更新の出来るホームページを 作って欲しい、とのご要望が。 一瞬WordPressが頭をよぎりましたが、あまりにも制作経験が浅すぎて、 不慮の事態に対応できる自信が無かったため、代替策として、 BiND4を提案させていただきま…

何だかこれ以上は避けて通れないような気がしてならなくなったので、 HTML5の練習をしました。 これといってシッカリしたものを作る予定が無かったので、 本当にザックリな枠組みだけですが、作ってみました。 タイトル：娘にスマートフォンを奪われた。 そ…

先日WordPressでリニューアルした通販サイトで販売している ｢骨盤美クス｣という商品をYahooで検索していたら、公開してから恐らく 2、3週間目くらいだったと思いますが、気付いたら2ページ目にいました♪ 以前のサイトだったら2ページ目だなんて到底無理だっ…

昨年からコツコツ…コツコツ…進めていたら、 もう年が明けてしまいましたが（笑） 何とか、枠が出来上がってまいりました、kommons通販サイト！ kommons（コモンズ）::人気美容・ダイエット・コスメ・健康グッズで理想的な私に変身するための応援通販サイト …

包囲光＝アンビエントライト ・物はいっぱいの光に包まれていることによって見えるようになっている。 ◆レイアウト ・レイアウトはつながっている。 （大きなくくりで見ても小さなくくりで見ても、全ての意味はつながっている） ・余白が命。 ・ジャンプ率：…

文字の大きさを変更する：styleswitcher.jsを利用する ★line-heightをきっちり設定しないと余計見づらくなる ◆H2O Space ◆iPhone用 ◆IEのコンディショナルコメント(条件付きコメント)をコードヒントで出せる機能拡張 ◆DewamweaverCS5のライブビュー ブラウザ…

◆変数（variable） ◆＜br＞は「HTML表示用の改行」、\nは「ソース用の改行」 ◆変数は0（ゼロ）を持てない。（何かしら数字を持たせる） ◆物の値、数などは、わざわざ変数を使用する。 ◆計算させるものは””（ダブルクォート）で囲わない ◆body内に同変数名が…

WP zen-coding wp - wp-contents - plugins 内にフォルダーごと入れる！ ◆プラグインならこのサイト ◆brBrbrなどのプラグイン ◆WP Multibyte Patchを必ず有効化 3バイト。英語・日本語を混在させてUTF-8で作る場合は、これが必要となる。 ◆WP Super Cache 表…

レストランページの更新作業をしている時、 「酸辣湯」には「サンラータン」のふりがなを入れて下さい、 との要望が。あまり使わないタグだろうと思い、本でも読み飛ばしていたのですが、 とうとう使う場面に出くわしてしまいました！（笑） ソースは以下の…

◆CMSとPHPをセットで勉強が実質的に使用できてよい。 ◆phpMyadminはソフトウェア。コントロールパネルの名称。 ◆DBを使用するときはやっぱり「UTF-8」がよい。 ◆外観のウィジェットのメタ情報は残しておかないと、ログインしにくくなる。 ◆テーマ編集 デフォ…

ねこすけLPO これはECサイトに使えそう！

◆タイポグラフィが一番発達していたのはスイス ◆文字には時代背景が出やすい。 ◆エミール・ルーダー ◆スイス･スタイル ◆細い書体の使い方が上手な人はデザインも上手。 ◆文字こそがデザイン！ ◆書体の選択が重要！ ◆街中にある建物を利用して、その背景にあ…

来年の年賀状用に可愛いフリーフォントをダウンロード。Matilde Free Font 可愛いフレームパターンのおまけ付きでした♪ ちなみに…今年の年賀状はこんな感じでいこうかなと。

IE6でサポートしていない透過PNGをりようしてしまうと、 透明部分が灰色で表示されてしまう。この問題を解決するには、alphafilter.jsを利用する。 head内に ＜script type="text/javascript" defer="defer" src="./alphafilter.js"＞＜/script＞ を記述し、…