CSS 分割管理の実践編
2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree
ブログのコメント投稿フォームをちょっぴり親切にする
ブログのコメント投稿フォームをちょっぴり親切にする Permalink URL http://www.magicvox.net/archive/2007/01161250/ Posted by ぴろり Posted at 2007/01/16 12:50 Trackbacks 関連記事 (0) Comments コメント (2) Post Comment コメントできます Category ブログのコメント投稿フォームに初期メッセージを設定しておき、入力フォーカスが当たった時点でこれを消すという tips が紹介されています。元ネタである@Style さんのコード で 3 箇所に渡ってハードコーディングされている初期メッセージ周りを少しスマートにしてみました。 初期メッセージにコメント欄で使えるタグの一覧や注意事項を書いておくなどすればユーザビリティの点でも好ましいですね。
もっと手軽でオシャレに！Amazon アソシエイト支援ツール集 | *LOVE IS DESIGN*
2月1日から、購入に応じてポイントが溜まる Amazonポイントサービス が始まりましたね。ポイントサービスの開始を記念して、2月28日（水）まで最大10,000ポイントが当たるポイントプレゼントキャンペーンを実施しています。 そこで、Amazon の商品だってオシャレに見せたい！というわがままな願いを叶えてくれるツールをまとめてみました。 広告っぽいデザインが嫌いな人でもこれならブログに貼りたくなっちゃいませんか？ Amazon にもリンク作成は用意されていますが、支援ツールを使うと簡単にちょっと差のつくオシャレなデザインにすることができます。ブログのデザインやお好みに合わせてぜひ活用してみてください。 Amazonの画像をオシャレに見せたい人にオススメ！ Amazonリンクタグを簡単作成：Ama-Z Ama-Zは、短い URL の Amazon アソシエイト用タグリンクを作成したり、サ
YSTのSEOとYahoo! Japanからのトラフィック誘導 - SEO 検索エンジン最適化
テクニカルSEOとは、オンページSEOの一部であり、検索結果での順位を向上させるためにウェブサイトの技術的な側面を改善することを指します。検索エンジンにとって、クロールしやすく理解しやすくすることがテクニカルSEOの中心です。具体的には、サイト内のリンク構造を最適化したり、ページ内の論理的な構造を最適化したり、ページの読み込みを高速化することなどの技術的な最適化が含まれます。 著者情報に直接のSEO効果はありませんが、記事にバイラインや著者情報ボックスの形で著者情報を表示することで、読者に対して信頼性や説得力をアピールできます。また著者のプロフィールページを用意し、記事上の著者情報と合わせて構造化データをマークアップすることで、Googleが著者のエンティティを他と識別しやすくなり、著者がGoogleにとって既知の存在である場合にはSEO効果を期待できます。
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
Web 2.0のデザインパターン | S i M P L E * S i M P L E
Web 2.0のデザインパターン November 24, 2006 12:15 PM written by Gen Taguchi メモ書きにてエントリー。訳しただけだけど。 Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要なのは間違いないです（「見た目いけてないから他のサイト行こうっと」はよくありますよね・・・）。 さて、ではポイントをば。 ■ グレーの次はグリーンだ！ 明るいグリーンが流行です。下記サイトをみてもそうですよね。 ■ 角丸命！ Rounded Cornersは新しい標準す。 ■ 「無料！」印がキーワード まずはトライアルができるのがWeb 2.0の特徴。無料の文字もいれときましょう。 ■ は？素材集す
続・ブログに表示してほしいメニュー
1ヶ月程前に、「～すべき10の理由」というネタが流行っていたので、ブログに表示してほしいメニューを思いつくまま10項目挙げてみたんですが、予想以上の反響で1ヶ月経った今でもトラックバックを頂いたりしています。 その都度考えたり、人と出会えるきっかけをくださったみなさんに、あらためて感謝したいと思います。 今回、caramel*vanilla » blogに最新のコメントとTBって必要? というアンケートをされているのを知って、どんな結果が出るのか楽しみにしているんですが、ブログに表示してほしいメニューを最新のコメント／トラックバックに絞って、もう少し考えてみたいと思います。 ■最新のコメント／トラックバック表示したくない？ ブログに表示してほしいメニューと10の理由＋1の中で、最新のコメントとトラックバックについてこんな風に書きました。 3. 最新のコメント コメントのレスを確認しやすいか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語で読めるものを中心に - Webデザインのリンク集 | lush life*
COULD：Webデザインに関する 15 の調査結果