実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
[CSS]チェックしておきたい、スタイルシートのテクニックのまとめ | コリス
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ
ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向
最近リリースされた高品質なフリーのデザインフォント -2011年4・5月
最近リリースされた高品質なフリーのデザインフォントを紹介します。 Elega 個人・商用利用無料。 Decani 個人・商用利用無料。 Dalle 個人・商用利用無料。 [ad#ad-2] Fabri
継ぎ目のないシームレスな背景画像の無料素材とジェネレーターのまとめ
タイル状に継ぎ目なく配置できるシームレスな背景用の画像が作成できるジェネレーターと無料素材を配布しているサイトを紹介します。
効果的に「奥行き」をデザインに与えているウェブサイトのまとめ
ウェブデザインにスパイスを効かせる一つの方法に、奥行きを与える、があります。フラットなデザインではなく、エレメントを使って奥行きを作り出します。 そんな奥行きを効果的にとりいれたウェブサイトを紹介します。
ウェブ制作に役立つ、便利な最近のオンラインサービスのまとめ -2011年1月
最近リリースされたものを中心に、デザイン、スタイルシート、ワイヤーフレーム、データベースなどに役立つオンラインサービス・ウェブアプリケーションを紹介します。
商用利用無料、完全オリジナルの高品質なPhotoshopのブラシを配付しているサイト -brush lovers
brush lovers [ad#ad-2] brush loversは当サイトで何度も紹介したWeb Designer Depotの姉妹サイトです。ブラシのデザインは全て、Liora Blumによってデザインされたものです。 ブラシは個人でも商用でも、無料で利用可能なものが数多く揃っています。 一部、「Buy」のアイコンがついたものは有料ですが、かなり安価（$3くらい）です。 ブラシはカテゴリ、登録順、人気順、レート順に表示することができ、以下にカテゴリからいくつか紹介します。
ディテールの作りこみも丁寧に解説された、ウェブデザインを作成するPhotoshopのチュートリアル集
最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
[CSS]text-shadowでここまでできる、かっこいいエフェクト集
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; レタープレスのテキストエフェクト
パフォーマンス改善やセキュリティに役立つ.htaccessの設定 | コリス
ウェブサイトのパフォーマンスの改善やSEO、セキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考：Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定：パフォーマンスやSEO関連 .htaccessの設定：セキュリティ関連 .htaccessの設定：パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例：東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト（永続的なリダイレクト）を設定します。 例：旧ファイル（old.html）、新ファイル（new
ユーザーが何色を求めているかをまとめた -Color of the Year 2010
感情をあらわしたキーワードとカラー、国ごとの色合い、月ごと・曜日ごと・時間ごとの色合いなど、2010年のカラーをまとめたインフォグラフィックを紹介します。 Color of the Year 2010: By The People [ad#ad-2] 「Color of the Year 2010」は、世界137ヵ国1,088人の人々を対象に2010年のカラーについて調査を行ったもので、カラーの流行について具体化したインフォグラフィックとなっています。
デザイナーがプレッシャーに負けずにクリエイティブでいるためのTips
納期がせまっている時などに、浮かない表情でコンピュータのスクリーンをじぃーと見つめていることはありませんか？ これはグラフィックデザイナーにとって、ごく普通に起こりえることです。 そんなプレッシャーを克服して、クリエイティブでいるための5つのTipsを紹介します。 タイポグラフィは、ウェブを含めポストカードやビジネスカードやパンフレットなど、ほとんどのグラフィックデザインで機能します。クライアントからタイプフェイスの指定がないのであれば、自分から使用するタイプフェイスについて尋ねてみてください。 タイプフェイスを最終的に決めるポイントは、クライアントについて論理的に考えることです。そしてデザインの残りの箇所にそのアイデアを使ってください。 2. カラーを選ぶ シンプルでクリーンなデザインを保つためにグレースケールを最初に勧めるデザイナーはたくさんいます。カラーで困っている時、確かにそこから
ウェブデザイナーのための実用的なデザインとコーディングテクニック集
Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。 1. 複数の項目がある棒グラフのエフェクト 2. ホバー時に追加情報を表示 3. カテゴリごとに異なるカラーを適用 4. ちょっと面白い画像のキャプション 5. ウェブのための印刷風デザイン おわりに -developersではなく、designers 1. 複数の項目がある棒グラフのエフェクト 下記のサイトで使用している棒グラフでは、上：タグの種類と数、下：コメントのついた記事と数、をそれぞれ素晴らしいエフェクトで実装しています。 こういった数値化されたデータは、ユーザーに対して有用なコンテンツの手がかりを提供し、ユーザビリティを改善することに
カラーだけではない、ウェブデザインにおける4つのコントラストの使い方
コントラストはカラーだけではありません。 ユーザーに伝えたい重要なエレメントを適切に目立たせる4つのコントラストを紹介します。 Fully Understanding Contrast in Design [ad#ad-2] 下記は各ポイントを意訳したものです。 コントラストとは 1. カラーのコントラスト 2. サイズのコントラスト 3. シェイプのコントラスト 4. ポジションのコントラスト おわりに 通常、コントラストがテーマに扱われる時は初心者向けのものが多いでしょう。例えば書籍では、『ブラックとホワイトがコントラストをもっており、レッドとオレンジはそうではありません』と書いてあります。初心者向けの本では、コントラストはカラーのことだけが触れられており、サイズやシェイプについては触れられていないでしょう。 アマチュアのデザイナーとプロのデザイナーを区別する最も容易な方法は、コントラ
ユーザーにウェブサイトの信頼感を与えるための10のガイドライン
ユーザーが安心してウェブサイトを利用できるように、ウェブサイトの信頼感を与えるためのガイドラインを紹介します。 Stanford Guidelines for Web Credibility [ad#ad-2] ガイドラインは少々古いものですが、現在でも通用するものではないかと思います。 下記は10のガイドラインとその簡単な説明を意訳したものです。 ウェブサイトの情報や記事が正確なものであるか実証することを簡単にする。 これらの証拠となる第三者やベースとなる資料へのリンクを掲載することで、ウェブサイトの信頼性をつくることができます。これらのリンクをクリックしないとしても、人々はあなたの情報や資料に対して信頼を示します。 ウェブサイトの運営組織、または運営者を明らかにする。 ウェブサイトが合法的な組織によるものであることを明示することは信頼性を引き上げるでしょう。一番簡単な方法は物理的な情報
[SEO]10分でできる、あなたのウェブページが検索エンジンにきちんとインデックスされているかどうか | コリス
あなたが作成したページがGoogleなどの検索エンジンになぜインデックスされないのか、なぜランキングされないのか、ペナルティを課せられていないか、重複コンテンツの問題はないかを確認できる方法を紹介します。 10-Minute Missing Page Audit [ad#ad-2] 下記は各ポイントを意訳したものです。 各見出しの左は時間の目安です。 [0:00-0:30]インデックスの確認（ドメイン） サイトがGoogleにインデックスされているか確認します。フォームに「site:」コマンドを使用して、検索してください。 コマンドを使用する時はルートのドメイン名（site:example.com）を入力してください。 [0:30-1:00]インデックスの確認（ページ） 次に、ページがインデックスされているか確認します。前述の結果、Googleがそのサイトの存在を知っていると想定し、問題の
[CSS]画像無しで作成する美しいデザインのボタンのスタイルシート
Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ（カラーバリエーション） ※更新：カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています（下記キャプチャ参照）
ウェブの便利ツールが一つにまとまった -1dl.us
短縮URL発行、画像アップローダー、テキスト共有、クィックメール、パスワードの安全度チェック・生成などのツールが一つにまとまったオンラインサービスを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料！ 毛筆・筆文字、ペン字、マジック、手書きの日本語フリーフォント 総まとめ
プロユースにも耐えうる高品質なフリーフォント -AW Conqueror