プロユースレベルの高品質なフリーのフォント集フリーフォントはたくさんありますが、その中から厳選に厳選を重ねたハイクオリティなフリーのフォントをslodiveから紹介します。 Top 30 Free But Very Professional Fonts For Everyday Use In 2010 上記の元サイトより、いくつか紹介します。 ※各フォントごとにライセンスは異なります。
これはもう使用しない方がいいウェブデザインのトレンド
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
IE6のバグや仕様の解決方法のまとめ -Ultimate IE6 Cheatsheet
IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。
改変も自由なオープンソースの無料のベクターアイコン
Open Source Icons ダウンロードできるアイコンは23種類あり、フォーマットはEPSとなっています。 ライセンスはCC1.0とWTFPLとのことです。
グリッドをPSD上に、ガイドで簡単に作成できるPhotoshopのプラグイン -Gridmaker
数値指定でグリッドをガイドで簡単に作成できるフリーのPhotoshop CS4用のプラグイン「Gridmaker」を紹介します。 Gridmaker For Photoshop CS4 Gridmakerのインストール方法 「GridMaker.jsx」と「GridMaker.swf」をダウンロードします。 2つのファイルをプラグインの「Panels」フォルダに格納します。 例：C:\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins\Panels Photoshop CS4を再起動します。 [ウインドウ]-[エクステンション]に「GridMaker」があれば完了です。 Gridmakerの使用方法 [ウインドウ]-[エクステンション]から「GridMaker」をクリックします。 GridMakerのパネルにグリッドを指定します。 Column
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
JavaScriptのリンクもチェックできるリンクチェッカー「Xenu」
Xenuはフリーウェアで、再帰的にリンクや画像などのリンク切れをチェックできるソフトウェアです。 Xenu の特徴 Xenu のインストール Xenu の使い方 Xenu でJavaScriptで記述したリンクをチェックする Xenu の特徴 フリーウェア 通常のリンクをはじめ、画像、フレーム、プラグイン、背景、イメージマップ、スタイルシート、スクリプト、Javaアプレットなどのリンク切れのチェックが可能 ルートを指定すると、再帰的に全てのページのリンクチェックが可能 リンク検証後のレポートを作成 SSL(https://)のサイトに対応 リダイレクトに対応 ローカルファイルのリンク検証が可能 詳しくは、XenuサイトのDescriptionを参照ください。 検証後にtitle要素などの日本語は文字化けしますが、リンクチェックの機能に支障はありません。 Xenu のインストール 下記ページ
一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集
Silverback Giveaway 一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。 テキストやリストが画像に重ならないように、marginを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h3>Contest Details</h3> <div class="imagery""> <img src="imagery.png" width="205" height="400" alt="Imagery" /> </div> <p>...the introductory paragraph...</p> <ol> <li>...various bullet points went here...</li> </ol> </textar
960pxのグリッドシステムを使用する際に役立つサイト集
960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
商用サイトでも制限無しで利用できる無料の写真素材サイト集
Cats Who Codeのエントリー「50のフリー写真素材サイト集」から、商用サイトでも、リンクやクレジット表記の制限無しで利用できる無料の写真素材サイトをピックアップして紹介します。 50 sites to find free stock images 上記サイトでは、他にも個人サイトのみやリンク・クレジット表記のフリーサイトが紹介されています。 [ad#ad-2]
無料でロイヤリティフリーのサウンドがダウンロードできる -SoundJay | コリス
SoundJayは、ボタンのクリック音や効果音・環境音楽などロイヤリティフリーのサウンドを無料でダウンロードできるサイトです。 SoundJay.com - Free Sound Effects 各サウンドファイルは、WAVとMP3形式で配布されています。 登録されているサウンドは、下記のカテゴリに分かれています。 Background Sounds アンビエント。室内・屋外の環境音。 Button Sounds ボタンのクリック音。 Communication Sounds 電話・タイプライター・レコーダーなど。 Human Sound Effects 声や足音など人が発する音。 House and Domestic ドア・スイッチ・バスルーム・キッチン・時計・家電などの音。 Machine and Mechanical 機械音。 Miscellaneous Sounds コイン・カード
いろいろなデザインの矢印（アロー）のPhotoshopのブラシ集 | コリス
deviantARTから、シンプルなもの手書き風やグラフィティ風や立体的なものなど、いろいろなデザインの矢印のPhotoshopのブラシを紹介します。
商用・個人サイトで利用可能なロイヤリティフリーの写真素材サイト集 | コリス
Freeziqのエントリーから、商用・個人サイトで利用可能なロイヤリティフリーの20の写真素材サイトを紹介します。 20 Best Places to get Free Stock Photography ライセンスは再販以外はフリーのものが多いですが、利用する際には個別に確認してください。
記号もかわいい、手書き風のフリーの日本語フォント -ミウラフォント | コリス
矢印や星・ハートなど記号文字もかわいい、手書き風の日本語フォント「ミウラフォント」から、商用利用可のフリーフォント「ミウラLiner_jr」を紹介します。 MopStudio 「ミウラLiner_jr」は、英数記号文字をはじめ、ひらがな・カタカナや小学３年生程度の漢字440文字が含まれている、日本語のプロポーショナルフォントです。 特殊な形の矢印や星・ハートは、文字パレットから選択します。普通のは「やじるし」「ほし」「はーと」で変換されます。 ダウンロードは、下記キャプチャの「ミウラLiner_jr」の画像をクリックし、赤丸箇所からWindows版とMac版がダウンロードできます。 また、ミウラフォントでは、JIS第一水準漢字（2965文字）、JIS第二水準漢字から人名漢字（219文字）を選出した多くの漢字が含まれた有償版も低価格で配布しています。 単体版の「ミウラLiner」「ミウラ見出
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]CSS3で何ができるの？ という時にみておきたいサイト集
ロイヤリティフリーの写真画像を簡単に探すことができる -Cyclo.ps.
商用サイトでも無料で利用できる日本語のフリーフォント集
商用サイトでもフリーで利用できる高品質なフォント集 -Font Squirrel | コリス
[JS]ベクターグラフィックスや画像をコントロールする軽量ライブラリ -Raphael