csstux CSSデザインサイトのショーケース「csstux」。 Web2.0風にコメントとレーティングが可能。このサイトのデザイン自体もなかなかいいですね 関連エントリ WEBデザインの際に参考になる50サイト
昨今のウェブデザインでは2.0っぽいものがまずは候補になると思いますが、一から作っていては面倒です。そこで無料でPhotoshopのテンプレートがゲットできるサイトをご紹介(む、『ゲット』って死語か?)。 たとえば・・・。 とか、 とか、 とか、 などなど。2.0っぽいすね。すべてPhotoshopのPSDファイルでダウンロードできます(フォントがなかったりするときがあるのがちょっとアレですが)。 それからこれらのファイルはPhotoshopのチュートリアルブログで提供されているものっぽいですね。詳しい作り方はそちらをご参照ください。 そのブログは↓。デザイン系興味のある人はRSS購読してみては。 » photoshop it! それからこれらのテンプレート、Photoshopで開くと次のようなメッセージが。 さりげなくサイトの宣伝ですね。「ブログで宣伝してね!さ、もうこのレイヤー削除して
1. プロフィール 初めて訪れる場合はまずココを見る。 どんな人が書いているのか、職業など書ける範囲であったほうがいい。 本人の写真はあったほうがベターだけど、あるが故に損をする可能性もありおすすめしない。 2. 最新のエントリー 最低5本くらいは表示してほしい。 最新のエントリーが何ヶ月も前だとちょっとガッカリする。 3. 最新のコメント コメントのレスを確認しやすいかどうか。 コメントを受け付けている場合はできるだけ表示してほしい。 4. 最新のトラックバック セルフトラックバックで埋まっていると萎える。 5. カテゴリ どんな話題を取り上げているかわかりやすく。 「日記」とか「雑記」だけだと読む気がしない。 6. 月別アーカイブ 何年もやっている人は、無駄にサイドバーが長くならないように、スクロールバーにするなどの工夫をしてほしい。 7. ブログ内検索 よく行くブログではよく使う。
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日本語・携帯にも対応) ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組(2カラム)するとき 横幅780px の場合 黄金比:横幅 / 552px / 228px 白銀比:横幅 / 512px / 268px 白金比:横幅 / 571px / 209px 第二黄金比:横幅 / 565px / 215px ↓もしかして黄金比? これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
Lordicon Animated Icons Lordicon is a beautifully designed and animated icon set with a powerful library and endless integration options. The customization tool allows users to adjust... Punkt Plan. Just put the right UX tools to action Punkt provides you with the right suite of UX tools that will help improve your project structure, define and...
【PR】あなたの写真を簡単キレイに無料補正 写真をポラロイド風に ひとつ目は、あっという間に写真をオシャレにできるオンラインツール Polaroid-o-nizer™ アップロードした画像(GIF・JPEG・PNG)のURLを入れてクリックするだけ 余白に文字を入れることもできます。(英語のみ) お好みで写真の角度を自由に変えられます。 ■ポラロイドイメージの作り方 Background color (RGB value) RGB値で背景色を設定できます。(デフォルトは白) URL to image (GIF, JPEG or PNG, 200x200 pixels minimum) 使用できるイメージサイズの最小サイズは200x200ピクセル x and y coordinates (optional) オプションで座標の指定ができます。 Rotation angle (between
Drinking Rockstars and Programming Creating a Style-Guide for your site One thing you'll realize after you do alot of front-end work is that after you don't work with the CSS and HTML for a few days, you'll forget the classes that you defined and end up writing alot of similar CSS styles.サイトをCSSで綺麗に作っても、時間が経つとそれぞれのidやclass定義について忘れてしまいます。 時間が経ってからデザインを修正する場合、CSSの見直しや、実際の見栄えについて確認するのに手間取ってしまいます。 そこで
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く