ソースが公開されているcss小技11エントリーまとめ
cssを使った小技テクニックの エントリーが様々なブログで 公開されていますが、必要な時に 探すのが面倒なのでまとめます。 ソースコードを公開している記事に 絞ってまとめています。 CSSで実装する、ちょっと凝ったパンくずリスト cssでパンくずをデザインする方法とサンプル CSSで実装するちょっと凝ったパンくずリスト CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント ユーザービリティ（見易さ）を考慮したbodyに設定する。CSS HappyLifeさんも 記事を参考に別コードを公開。 CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント CSSだけでフレームを作るテクニック frameタグを使用しないで擬似フレームを作成。IE6対応。 CSSだけでフレームを作るテクニック テキストに影を付け印象的にする JSとｃｓｓでテキストに影を付けるテクニック
[CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシート
Usability Postから、一枚の画像で、四隅が角丸のパネルを実装するスタイルシートを紹介します。 Scalable Content Box Using Only One Background Image demo 仕組みは、全体を囲む「div」と見出し「h2」に同じ背景画像を指定し、それぞれポジションを「bottom」と「top」にして配置するものです。 仕組みのイメージ 本文のテキストは、背景画像の長さ分（デモでは1000px）までテキスト量が増えても正常に表示されます。 見出しは、同じく見出しの長さ分（40px）までとなります。 追記： 下にある「Update」に、本文量がどれだけ増えても大丈夫なバージョンがあります。 demo 2
WordPress テーマの詳説：第四章 | Standing Tall | ページ 5
コメント コメントはどのブログにとっても重要な部分であり、欠くことのできないパーツの一つだ。これによってだれでもフィードバックを送ることができるし、別々のウェブサイトやユーザーを一つのコミュニティとして共有することもできる。 私たちのテーマでは単体の投稿記事のときにだけコメントを表示するようにしていて、その機能はcomments.phpファイルが受け持っている。このファイルの中をのぞいてみると大量のPHPとHTMLが詰まっている： <?php // Do not delete these lines if (‘comments.php’ == basename($_SERVER[‘SCRIPT_FILENAME’]))die (‘Please do not load this page directly. Thanks!’);if (!empty($post->post_password)
クールなロゴをオンラインでお手軽作成「FREE Logo Maker」:phpspot開発日誌
FREE Logo Maker - FREE Logo Creator - FREE Online Logo Design クールなロゴをオンラインでお手軽作成「FREE Logo Maker」。 ４つのステップで次のようなカッコいいロゴが簡単に作成できます。 ソフトはブラウザだけあればよく、Flashを使ったインタフェースでデザインを行えます。 手順は、 (1) エンジニアリング、スポーツといったカテゴリを選択 (2) ロゴのベースとなるアイコンを選択 (3) フォントを選んでデザイン実行 (※ ロゴをデザイン中の画面) ↓↓↓↓↓↓ (※実際に作ってみたロゴ) これは簡単で実用的ですね。サイトのロゴを作成するのに役立ちそうです。
Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル:phpspot開発日誌
Deziner Folio Blog Archive Ultimate Web 2.0 Layer Styles - Free Download Photoshop Layer Styles are the easiest way to speed up the design process. I found that my previous article - Ultimate Web 2.0 Gradients v3.0 was a lot helpful to many.Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル。 サイトの「Download」ボタンでダウンロードし、.ASLファイルをダブルクリックでインストール完了します。 インストールしたら、「ウィンドウ」メニューから「スタイル」を表示します。 すると次のようにインストールされたスタイルが表
【乐鱼】【亚博】
您的请求在Web服务器中没有找到对应的站点！ 可能原因： 您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决： 检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 检查端口是否正确； 若您使用了CDN产品，请尝试清除CDN缓存； 普通网站访客，请联系网站管理员；
photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン BLOG
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。（画像クリックすると原寸表示されます。） ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。
52 Cool Photoshop Illustrator Effects and Tutorials | The Jotform Blog
It’s always fun to experiment different techniques and learn how to work with various aspects of Adobe Photoshop to spice up boring pictures and make them into works of arts and masterpieces. So, if you’re interested in learning some new skills, whether you’re a beginner, intermediate or advanced user, these Photoshop and Illustrator tutorials are for you. Below you will find an incredible amount
CSS - dtをfloatする場合の注意点 | Try | d-spica
dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず，マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
本の目次部分のようなリストをCSSでデザインするテクニック:phpspot開発日誌
クールな画像を作成するPhotoshopのチュートリアル集
Background Image Maker
Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その２
https://del.icio.us/tag/nicetitles
CSS Spriteを活用しよう - DesignWalker