HTML5の要素や属性、美しいコードの書き方、各ブラウザの対応状況などをまとめたチートシートやリファレンスを紹介します。 HTML 5 Visual Cheat Sheet(配布終了) HTML5のタグリファレンス、以前紹介した時から背景が白に変わり、目に優しくなりました。
調べたいフォントがある画像をアップロードします。ファイルはローカルでもオンライン上でも対応しています。 上記は、手元にあるローカルファイルを「Browse」ボタンで参照し、「Continue」ボタンをクリックします。 Step 2
Photoshopを使用して、グラデーションを描いた時に濃淡の縞ができないように滑らかにするチュートリアルをslodiveから紹介します。 How To Correct Banding In Your Gradients Using Photoshop 下記にチュートリアルのポイントをステップごとに紹介します。 Step 1 レイヤーにグラデーションを作成し、作業(確認)用にそのレイヤーをコピーします。
単色で構成された、デザインが秀逸なアイデア溢れるロゴをAbduzeedoから紹介します。 Ultimate One Color Logos Inspiration Comedy Club HUGE!_
Cats Who Codeのエントリー「50のフリー写真素材サイト集」から、商用サイトでも、リンクやクレジット表記の制限無しで利用できる無料の写真素材サイトをピックアップして紹介します。 50 sites to find free stock images 上記サイトでは、他にも個人サイトのみやリンク・クレジット表記のフリーサイトが紹介されています。 [ad#ad-2]
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
Official Google Webmaster Central Blogから、Googleが提供するSEOビギナーズガイドを紹介します。 Google's SEO Starter Guide ビギナーズガイドはPDF(22ページ)で配布されており、キャプチャ画像も豊富で、丁寧な解説が記されています。 ページのタイトル(title)には、全ページで異なるユニークなものを使用する。 ページの内容を的確に表現し、冗長にならないようにする。 metaタグのdescriptionを上手に利用する。 検索結果のサマリーとして表示されることも意識する。 URLの構造に注意を払う。 数字やIDなどではなく、ページの内容に適切で、認識可能なキーワードを盛り込むようにする。 使いやすいナビゲーションを設置する。 階層構造が把握しやすく、FlashやJavaScriptでの記述ではなくテキストリンクで記述す
SEOの強化のため、タイトル(title)の表示の変更をします。 WordPress の「title タグ」を変更するには、テーマファイルの「header.php」を編集します。 ※テーマによっては、それぞれ「index.php」や「single.php」に配置されていることもあります。 初期状態の「title タグ」の記述例です。 テーマ:Default <title><?php bloginfo('name'); ?><?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title> テーマ:Classic <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> 上記の記述の場合、以下のように表示されます。 テーマ:D
定番ものやコンテンツ・ナビゲーションの生成、ページ・タグの管理、バックアップ・管理の強化などWordpressの便利なプラグインの紹介です。
Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。 Using jQuery for Background Image Animations デモ デモでは、上下のアニメーション、左右のアニメーション、フェードのアニメーションがあります。 スクリプトにはjQueryがメインに使用されており、それぞれのアニメーションは下記のように記述されています。 「#a」は上下、「#b」は左右、「#c, #d」はフェード。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#a a') .css( {backgroundPosition: "-20px 35
フリーのフォトストックサイト「stock.xchng」から、イメージアップに効果がありそうなロイヤリティフリーの写真素材を紹介します。 各画像のサイズは1000~3000ピクセルくらいです。
noupeのエントリー「Wordpress Security Tips and Hacks」から、WordPressを安全に運営するための10のTipsを紹介します。 Wordpress Security Tips and Hacks 追記: 2008年2月20日 9の「FilesMatch」の記述を修正しました。 併せて「FilesMatch」の関連リンクを追加しました。 タロタローグ ブログ さん、ありがとうございました。 全てのユーザーにサーバー全部の検索を許可しない。 「search.php」で下記の検索コードは使用しない。 <?php echo $_SERVER ['PHP_SELF']; ?> 代わりに下記のコードを使用する。 <?php bloginfo ('home'); ?> 「wp-」がついているフォルダをサーチエンジンなどに登録されないように、「robots.
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 3です。 Photo retouch Enhancing The Sky In A Photo Photo re
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く