Dwの可変グリッドレイアウトを使ってブログを構築した際に気をつけた事など - すしぱくの楽しければいいのです。
公開日：2012年9月20日 カテゴリ：Web制作に役立つネタ うちのブログを デスクトップPC・タブレット・スマートフォン のブラウザサイズごと最適化して表示させるレスポンシブウェブデザイン（以下RWD)にリニューアルしました。「どうやって作ったのか教えてほしい」など、数人からリプライをもらいまして、使用したDreamWeaverCS6の可変グリッドレイアウトについて、気をつけた点などを備忘録ついでに書いてみましたよ。 流行りに乗り構築したので不安もありましたが、PV数+広告収入は上昇しており個人的には「導入してよかったぁ」っと満足してます。 DreamWeaverの可変グリッド 今回、DWの可変グリッドレイアウトを利用してRWDサイトを構築しようと思うわけですが、作る前の読み物として Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice ヒロさんが解説
写真の一部を動かすシネマグラフを使ったGoogleイベントのカバーが素敵！ - すしぱくの楽しければいいのです。
公開日：2012年9月 6日 カテゴリ：Googleネタ 流行りの手法ではありませんが、写真の一部分を動かす事でまるで動画のように錯覚してしまう視覚的効果を狙ったシネマグラフをご紹介します。（実際に作ってみたレビュー付き） 仕事の合間にGoogleイベントを徘徊していたらカバー写真がシネマグラフで作られておりまして、「うぉーやっぱり素敵すぎるー」とか影響を受けてしまい、今後の補完用としての紹介と実際に作ってみた記事を書いてみました。 シネマグラフについて ちょっと前に、Webサイトのアクセントとして（海外サイト発で）色々と紹介されましたねー。いくつか紹介すると 【画像】写真なのに動いてる！動画のような不思議な写真、シネマグラフ14枚 いやはや、綺麗ですねー。被写体が動いてくれる物であれば、静止画にマスクをかけて動画を挿入してGif形式に変換する感じですかね。ただの静止画よりもちょっとしたア
もう①とかⅣとか使って良いそうですよ、コーダーさん！ - 転職が多いKRYPTOさんのブログ
2012年08月24日 17:58 カテゴリコーディング もう①とかⅣとか使って良いそうですよ、コーダーさん！ Posted by hammerkobe No Comments Tweet コーディングをShift-JISで行っていた時代を知っている人は、「①」やローマ数字の「Ⅳ」などの文字は機種依存文字だから使わない。と言うのは身に付いているかと思います。 でもこれ、UTF-8を使う場合はほとんど気にしなくて良くなっているそうです。 機種依存文字とUnicode - WebStudio [screenshot url="www.d-toybox.com/studio/lib/romanNumerals.html"] この「①」などの丸数字（と言うのかな？）が数年ぐらい前からWindowsとMacで共通で使えることは気が付いていたんですが、Macのフォントの方がWindowsに譲歩して使え
5つのサイトストラクチャ（Webサイト情報構造）を実際のサイトと照らしあわせて考える
2012年 08月 24日 5つのサイトストラクチャ（Webサイト情報構造）を実際のサイトと照らしあわせて考える カテゴリ： IAシンキング Webデザイン タグ：IAシンキングWebサイト構築 サイトストラクチャとはWebサイトの構造のことです。サイトストラクチャを考える際には、作るサイトの目的に合わせた設計が必要なのは言うまでもありません。では、その目的に合わせた設計とはどういうものでしょうか？それを考えていきたいと思います。 1.サイトストラクチャ（サイトの構造）パターンについて 2.5つのパターンの解説 3.サイトの全体像と部分的な構造 サイトストラクチャ（サイトの構造）パターンについて Webサイト制作にあたり、サイトの設計で多く採用されるものとして5つパターンがあります。 階層型分類構造 ファセット型構造 Web型構造 直線型構造 ハブ＆スポーク型構造 名称だけを見てもピンと来
Google推奨のスマホとフィーチャーフォンに最適化したサイトの作り方
[対象: 中〜上級] Googleは、フィーチャーフォン向けのモバイルサイトに対する推奨構成を公開しました。 Building Smartphone-Optimized Websites – Webmasters — Google Developers スマートフォン向けのモバイルサイトの推奨構成を1ヶ月前に公開しましたが、このなかには従来型の携帯電話であるフィーチャーフォン、日本で俗にいうガラケーについては触れていませんでした。 そこでフィーチャーフォン用の推奨要件をドキュメントに新たに追加した形になります。 モバイルサイトの構成に際してはレスポンシブ・ウェブデザインをGoogleは推奨しています。 しかしフィーチャーフォンはCSSメディアクエリをサポートしていません。 したがってGoogleがサポートする3つ構成のうちのレスポンシブ・ウェブデザイン以外の方法を採用する必要が出てきます。
HTMLやCSSでのプロトコル表記（http:、https:）の省略について
HTMLやCSSではプロトコル表記（http:、https:）の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記（http:,https:）を省略する。 <!-- Not recommended --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- Recommended --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> １．プロトコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cylab.jp
http://fukuyama.co/apple-touch-icon
Web Design Tips To Help You Succeed - Web Design