新規でサイトを作るのに使えそうなの一式。Ver 3
随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL（zip：40kb） Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
ALT FACEs: WEBクリエイティブの現場はどうなっている？--米AKQAとのチャットミーティング
そもそものところwebデザイナーって、webの業界っていけてるのか？どの辺までいけるのか？ ということが以前より社内のデザイナ陣でも話題になっていました。 先日、バスキュールと他の著名なクリエイティブ会社との話し合いでそこのところを探っていけないかという目的で、サンフランシスコに拠点をおくインタラクティブエージェンシーAKQAとバスキュールのデザイナー5名でビデオチャットミーティングを行いました。 そのログです。 AKQAとのチャットミーティング 2008.10.29 日本10：00-11：30 サンフランシスコ18：00-19：00 AKQA ・稲本零さん GECD（クリエイティブディレクター） ・高橋朗さん ACD(アソシエイトクリエイティブディレクター) ・飛田真代さん （デザイナー 以前バスキュールに在籍) =====================================
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
携帯サイトのページコーディングでよく使うHTMLタグ 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
携帯サイトのページを作成する場合と、パソコン向けのページでは よく使用するHTMLタグがまったくといっていいほど異なります。 今回は携帯サイトを作成する際によく使うHTMLタグのご紹介です。 まずは、携帯ページとPC向けページについて、 使用頻度の高いタグを比較してみます。 □PC向け <A>リンクタグ <IMG>画像挿入タグ <P>段落タグ <DIV>汎用ブロックレベル <STRONG>論理強調タグ <Hx>見出しタグ <UL><LI>リストタグ <TABLE>テーブルタグ ■携帯サイト向け <A>リンクタグ <IMG>画像挿入タグ <DIV>汎用ブロックレベル <BR>改行タグ <FONT>フォントタグ <HR>区切り/水平線タグ <CENTER>中央揃え <MARQUEE>マーキータグ どうでしょう。だいぶ違っていますね。 AタグやIMGタグといった基本的なタグはPC向けもモバイル向
ウェブデザインの7つのトレンドとそのチュートリアル | コリス
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
SEO重要要因ランキング（Yahoo! JAPAN版）―日米SEOプロ60人が評価した重要度 | Web担当者Forum
この特集で挙げた57の要因に関して、Yahoo! JAPANに限定して集計した重要度のランキングを示す。 プラス要因トップ20（Yahoo! JAPAN）titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティ本文でのキーワード使用Yahoo!ディレクトリへの登録サイト内部構造としてのリンクポピュラリティリンク元サイトのサイト全体でのリンクポピュラリティサイト開設からの経過時間被リンクの話題関連性サイトの主要テーマと検索の関連性リンク元ページとの話題の関連性被リンク増加率本文のコンテンツとキーワードの（トピック分析による）関連性インデックス可能なテキストコンテンツの量h1タグ内でのキーワードの使用話題コミュニティ内でのリンクポピュラリティリンク元サイトとの話題の関連性リンク設置からの経過時間文書公開からの経過時間リンク周辺のテキストマイナス要因トップ5
SEO基本技術のチートシート（トラの巻）を作ってみた | Web担当者Forum
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ（ブログ記事は印刷しにくいからね）。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね！ SEO基本技術のチートシート（トラの巻）――表面
ITクオリティ クオリティの高い無料アイコンいっぱい
ブクマ的なエントリー。 過去に掲載したものも多いですが、まとめ量がはんぱじゃないので、気になるものものいくつかありました。 あとでじっくり見てみます。 Free Developer Icons | Developer Icon Sets | Web Design Icons | Outlaw Design Blog 2008/05/01(木) 10:30:13| 無料アイコン | トラックバック:0 | コメント:0
WEB開発に使えるアイコン集「Free web development icons」:phpspot開発日誌
Icojoy - stock icons shop, article 'Free web development icons #3' Icojoy team have released new free icon set (addon for this set). The subjects of this set are blogs, dating, player, social networks. These icons are free to use in any kind of project unlimited times. WEB開発に使えるアイコン集「Free web development icons」。 ＲＳＳやタグ、カートやスターの他、ナビゲーションに関するアイコンがつまったフリーアイコン集です。 ２６種類あって、形式は、ico, .icns, .tif, .gif, .
[JS]現在位置を示すナビゲーションを作成するチュートリアル
Ask the CSS Guyのエントリーから、CSSのみの簡単なナビゲーションからはじまり、最終的にはJavaScriptで現在位置を示すナビゲーションまでの実装をステップごとに解説したチュートリアルを紹介します。 how to switch the on state of navigation links for dynamic pages 最終形のデモ チュートリアルのステップは、下記のようになっています。 Example 1 ナビゲーションをリスト要素で実装。 Example 2 スタイルシートで装飾。 Example 3 スタイルシートで現在位置を実装。 Example 4 onclickを使用して選択箇所を実装。 Example 5 クリック時の不具合に対応。 Example 6 最終形、現在位置を示すナビゲーション。 Example 7 Example 6を使用して、パネルを
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
階層ナビゲーション実装ライブラリ集:phpspot開発日誌
Multilevel Drop Down Navigation Menus: Examples and Tutorials Navigation menus are the most important element one should pay attention when designing a website. 階層ナビゲーション実装ライブラリ集をまとめたエントリが公開されていたので気になったものをいくつか紹介。 JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみのＵＩがいっぱいです。 Drop Down Tabs (5 styles) Professional Dropdown FastFind Menu- Mootools Unlimited Drop Menu Creating an Outlook Navigation Bar 全部見る デザイン
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「こんな企業サイトはイヤだ」ベスト20
CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ*ホームページを作る人のネタ帳
2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳
[CSS]ボタンにpaddingを指定した際の各ブラウザでの表示例 | コリス
ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳
携帯シミュレータ - P1エミュレータ