レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
.htaccessで使える16の技:phpspot開発日誌
16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies .htaccessで使える16の技が色々と紹介されていました。 1. ErrorDocumentでエラーページ指定の方法 ErrorDocument 401 /error/401.php ErrorDocument 403 /error/403.php ErrorDocument 404 /error/404.php ErrorDocument 500 /error/500.php 2. Timezone設定 SetEnv TZ America/Houston 3. IPブロッキング allow from al
デザイン性の高いファンキーなフリーフォント
擦り切れたような汚れがあったり、年代を感じさせるクラシックな雰囲気のものなど、デザイン性の高いフォントが集められています。 読む人間に与える印象をガラリと変わるので、インパクトを出したい人にはうってつけです。 詳細は以下から。西部劇に登場しそうなフォント「Fusty Saddle」 4種類の凝ったフォント「Petie Boy」 塗料がはがれたようになっているフォント「Heroin 07」 文字から触覚のようなものが伸びている「Inked God」 おもちゃのようにポップな「Elli Noise」 映画のタイトルなどで使われそうなフォント「Grunge Serifia」 手書きっぽい雰囲気のある立体的なフォント「Bobsmade」 この他、様々な味のあるフォントが以下で紹介されています。 30 New (Free) Grunge Fonts | Outlaw Design Blog - A
たった2週間でWEBサービスを6つ立ち上げる究極の方法！ - 粋blog
恵比寿のIT関連の会社で営業マンをする今をときめく21歳。IT業界のえがちゃん♂こと永上裕之です。 いろんな人と話したんです！超気軽に連絡ください♪ TEL：090-2033-5444 メール：egachan★gmail.com Twitter：egachan Skype：hiroru123 メッセ：hiroru123@msn.com mixi：165462 NEW!!→→ラジオで喋って来ました（笑）ラジオ版：その１、その２ ニコニコ版：その１、その２←← サービスのコンセプトは全て統一 どうも、今をときめる21歳。IT業界のえがちゃんです（笑） 今回のテーマは『検索』でした。 具体的に6つのサービスをカテゴライズしつつ紹介します。 ●画像検索 画像in - サクサク画像検索しちゃう ●動画検索 YouTube2.in - サクサク動画検索しちゃう ●２
我的春秋: 続 JavaScript ソースが HTML から消える日
なんか、はてなブックマーク経由で、突然、昔のエントリー（JavaScript ソースが HTML から消える日）にアクセスが集中しているのに気づいて、急遽、フォローアップ エントリーをアップすることにしました。あのエントリーを書いてからまだ半年ですけど、あの時点で僕が気づいていなかったことも幾つかありましたし、何より状況が随分変化してます。 手みじかにおさらいしておくと、「JavaScript ソースが HTML から消える日」で紹介したのは、Ben Nolan 氏が開発した behaviour.js という JavaScript ライブラリです。このライブラリは、関数の実行場所を、外部 js ファイル内で CSS セレクタを使って指定することができ、これによって従来 HTML 中に埋め込んでいたイベントハンドラ部分も含め、文書構造（document structure → HTML の役
YSTのSEOとYahoo! Japanからのトラフィック誘導 - SEO 検索エンジン最適化
テクニカルSEOとは、オンページSEOの一部であり、検索結果での順位を向上させるためにウェブサイトの技術的な側面を改善することを指します。検索エンジンにとって、クロールしやすく理解しやすくすることがテクニカルSEOの中心です。具体的には、サイト内のリンク構造を最適化したり、ページ内の論理的な構造を最適化したり、ページの読み込みを高速化することなどの技術的な最適化が含まれます。 WordPressは様々なフィードを自動で出力しますが、それらがGooglebotに発見され、サーチコンソールの「クロール済み – インデックス未登録」に表示されることがあります。このままではインデックスレポートの見通しが悪くなってしまいますが、X-Robots-Tag でnoindexを指定する方法でこの状況を改善できます。
Go Sign［ゴーサイン］ cssの書く順序
cssの書く順序 投稿日： 05.22.2008 カテゴリー： Web制作 コメント・トラックバック： 0件 cssの書く順序を統一したい場合は、Mozilla.orgが設定している順序がおすすめです。 ■Mozilla.orgが設定している順序 http://www.mozilla.org/css/base/content.css /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) */ /* Suggested order: * display * list-style * position * float * clear *
AdobeのCSS情報サイト「CSS Advisor beta」:phpspot開発日誌
Adobe - CSS Advisor beta Welcome to CSS Advisor public beta. Use this site to: AdobeのCSS情報サイト「CSS Advisor beta」 各種ＣＳＳに関する情報を閲覧/書き込みすることが可能です。 Background、Border、Color、Float、Font、Margin、Padding、Position、Text、Width/Height などのカテゴリがあり、それぞれに関する記事が読める模様です。 流行って記事が増えるとなかなか貴重な情報源になりそうですね 関連エントリ 2006年を彩った50の超美麗CSSデザインサイト集 サイトのCSSを見たままリアルタイムに編集するツール色々 CSSベースのフォームテンプレート セクシーなCSSホバーボタンを作成するチュートリアル DIVを垂直方向に中央寄
[CSS]スタイルシート設計のベースになる12のCSSのフレームワーク | コリス
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
i d e a * i d e a - 2.0っぽいデザインのフォトショップテンプレート集（しかも無料！）
昨今のウェブデザインでは2.0っぽいものがまずは候補になると思いますが、一から作っていては面倒です。そこで無料でPhotoshopのテンプレートがゲットできるサイトをご紹介（む、『ゲット』って死語か？）。 たとえば・・・。 とか、 とか、 とか、 などなど。2.0っぽいすね。すべてPhotoshopのPSDファイルでダウンロードできます（フォントがなかったりするときがあるのがちょっとアレですが）。 それからこれらのファイルはPhotoshopのチュートリアルブログで提供されているものっぽいですね。詳しい作り方はそちらをご参照ください。 そのブログは↓。デザイン系興味のある人はRSS購読してみては。 » photoshop it! それからこれらのテンプレート、Photoshopで開くと次のようなメッセージが。 さりげなくサイトの宣伝ですね。「ブログで宣伝してね！さ、もうこのレイヤー削除して
ウェブサイトが出来るまで
ED治療薬（勃起薬）は様々な違いがあります。持続時間、作用時間、効果の強さ、食事の影響などの比較をご紹介しています。 サイトマップ ED治療薬（勃起薬）の比較・違い ED治療薬（勃起薬）は、現在のところ４種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、食事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬！ バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか？ バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
41. mod_rewriteを使いこなそう
SEOという言葉が普及して久しいですが、SEO対策の１つとしてURLを最適化する という方法があります。たとえば以下の2つのURLを見比べてみてください。 A.http://phppro.jp/news/detail.php?id=10 B.http://phppro.jp/news/detail/10/ 検索エンジンは、AのURL表記よりもBのURL表記を好み、ページの評価が高くなり ます。 このようなURLの最適化をPHP言語だけで処理するのは困難です。そのため、Web サーバーの機能によりURLの「書き換え」を行い、BのリクエストをAのリクエス トに移すことで対応を行います。これを実現する仕組みの１つがmod_rewriteモ ジュールです。 mod_rewriteモジュールは、Apacheに標準で添付されているモジュールで、多く のパッケージでデフォルトで組み込まれています。SEO
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本の伝統色を組み合わせてみた - DesignWalker
CSSによる段組（マルチカラム）レイアウト講座
[CSS]アイデア満載のスタイルシートのテクニック30選 | コリス
A Handy CSS Debugging Snippet
知っておくといいかもしれないCSS、8つの小技 | IDEA*IDEA