最近リリースされた高品質なフリーのデザインフォントを紹介します。 HERO 個人・商用利用無料。 ROKE1984 個人・商用利用無料。 Spatha Serif 個人・商用利用無料。 [ad#ad-
最近リリースされた高品質なフリーのデザインフォント -2010年11月
最近リリースされた高品質なフリーのデザインフォントを紹介します。 HERO 個人・商用利用無料。 ROKE1984 個人・商用利用無料。 Spatha Serif 個人・商用利用無料。 [ad#ad-
画像を今風にプレロードするjQueryプラグイン:phpspot開発日誌
How to Create an Awesome Image Preloader | Nettuts 画像を今風にプレロードするjQueryプラグイン。 画像をプレロードするというと、new Image してsrc に指定とかCSSで見えないようにしてロード等いうのが昔は一般的でしたね。 紹介されている jQueryプラグインを使うことで、画像の表示位置にローディングアニメーションを付けつつ、画像が読み終わったらフェードインアニメーションで表示という、今風な感じでロードできるようです。 デモページ 画像を読み込んだ後のコールバック関数を指定することもできるので、更にこれから何かをしたいという場合にも便利。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 これはいい！iPadテーマのjQuery画像ギャラリー 画像にぼかし効果を与えられ
アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」:phpspot開発日誌
アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」 2010年11月29日- jQuery.superselect アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」。 以下が普通のselect ですが…。 使用後は次のようにファンシーな感じに。 なんかページデザインとselectボックスのデザインに統一感がないというようなケースや、アイコンを付けてわかりやすく選択してもらいたい場合に使えそうですね。 <option>タグのrel属性にアイコンを設定しておいて、$(element).superselect() とやると実現できるみたいです。 関連エントリ デザイン性に優れたクリエイティブなフォームデザインのサンプル集 斬新なコメントフォームデザイン集
商用可！質感のあるグランジパターン写真素材集「7 Subtle Grunge Pattern Textures」
様々なデザインで利用出来るパターン素材。photoshopを利用するものからWEB用の画像データのものまで様々なものが公開されていますが、今日紹介するのは質感のあるグランジパターン写真素材集「7 Subtle Grunge Pattern Textures」です。 全部で７つのパターンが公開されていますが、今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 解像度も非常に高く、横幅は2000px以上で、どんな媒体にもある程度対応できる素材となっています。単純なパターンだけではなく、ワンランク上の作り込んだ感を与えてくれる背景素材だと思います。WEBからグラフィックまで幅広い用途で利用できそうです。 テクスチャはzipにまとめて配布されています。ありがたい事に、こちらは商用利用可能だそうです。寄付も受け付けているみたいなので、本当に役に立ったという方は原文からどうぞ
日本のWebサイトの404ページデザインいろいろ+α
気になって探したのですが、ググッても 9割は海外のデザインだったので、日本 の素敵な404ページを探してみました。 時間の関係でさほど数を揃える事が出来 ませんでしたが、少しでも参考になれば 幸いです。 404は、誰でも訪れる可能性のあるページです。ある意味、用意したコンテンツよりも見られる可能性がありますのでほんの少しでも手を入れておくといいかも知れませんね。 どこかで「404は古い。無条件でトップページリダイレクトが最適」なんて意見も見かけましたが、個人的にはユーザーを混乱させる要因になるのでリダイレクトは避けたほうがいいと思います。 では、個人的に気になった404ページをご紹介していきます。順不同で、ややサイトの属性がWeb関係に偏っていますがご了承ください。尚、リンクは404ページではなく、TOPページにしてあります。 株式会社サクラクレパス デザインも好評のサクラパレスの404ペ
個性的だけど色々使えそうないい感じのフォント色々:phpspot開発日誌
Best Free Fonts of 2010 | Freebies 個性的だけど色々使えそうないい感じのフォントを色々まとめたエントリのご紹介です。 次のようなフォントが色々と紹介されています。 Null VAL Stencil Code The Lobster Font AW Conqueror Age Piron SAF こんなにも沢山フォントがあると困りそうですが、ワードに応じてこのフォントを使おう的な検索エンジンがあったら便利かもしれませんね。 関連エントリ Twitterで使われているフォント「Pico」 クリエイティブでユニークなフォント３０ Web2.0っぽい30のフリーフォント集 フリーフォントがダウンロードできる６０サイト
普通のサイトを一瞬でマトリックス風にできるjQueryプラグイン「jQuery Matrix」:phpspot開発日誌
jQuery Matrix | Romanovian 普通のサイトを一瞬でマトリックス風にできるjQueryプラグイン「jQuery Matrix」。 次のように、一見何の変哲もない普通のサイトがありますが、.matrix() メソッドで瞬時にマトリックス化されます。 以下がその結果。 なんだ、文字と色かえただけじゃん、と思われた方も多いかもしれません。 しかし、別のデモを見ると画像をマトリックス化してるデモが・・・。なんとアスキーアートです。 テキストなので選択も出来ます。 アスキーアートとして使う文字は自分で配列で指定できるのですが、次のように１文字で表現することもできます。 なんか最後はあまりマトリックス関係なくなってしまいましたね。 単純に、写真へのエフェクトとしてかけてみるだけでも面白い効果が得られそうですね。 関連エントリ ユーザ登録時にパスワード強度表示を入れてと言われた場合
汎用性の高いPSD, AI付きの高品質なモノクロのアイコン素材
WPZOOM Developer Icon Set (154 free icons) [ad#ad-2] アイコンは全部で154種類、フォーマットはPNG, PSD, AIが揃っています。
[JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch
リンクをクリックしてページを遷移する際に、フェードやスクロールのアニメーションを加えるスクリプトを紹介します。 デモページ Pageswitchの実装 実装は簡単です。 HTML 既存のHTMLに、特に手を加える必要はありません。 idに使用している「example」は適当なものに変更できます。 <div id="example"> <a href="//coliss.com/">Example #1</a><br /> <a href="http://www.example.com">Example #2</a><br /> </div> [ad#ad-2] JavaScript PageswitchはjQueryのプラグインのため「jquery.js」と当スクリプトを外部ファイルにし、下記のように各リンクにエフェクトを指定することができます。 $(document).ready(fun
知ってるだけで少し絵がうまくなる言葉 - にくろぐ。
引用元:同人ノウハウ板「知ってるだけで少し絵がうまくなる言葉」 http://anime2.2ch.net/test/read.cgi/2chbook/1141409510/ 1 名前：スペースNo.な-74[sage]投稿日：2006/03/04(土) 03:11:50 意識でもなんでもいい。 おれが知ってるのは身体の比。 有名だが足のサイズは肘の長さとほぼ同じ。 なんかいつも意識にしてる言葉教えろ 4 名前：スペースNo.な-74[]投稿日：2006/03/04(土) 06:05:54 手は指を広げて顔が隠れるくらいの大きさ あってるか自信ないw 5 名前：スペースNo.な-74[ｓａｇｅ]投稿日：2006/03/04(土) 12:25:47 立体だと思いながら描く 空気を意識して描く これは美大受験の時にデッサンの練習で教わった
スマートフォン用のサイト作成に役立つテスティングツール７:phpspot開発日誌
7 Useful Tools for Mobile Website Testing | Tools スマートフォン用のサイト作成に役立つテスティングツールが７つ紹介されており、便利そうなものをピックアップしてみました。 サイトチェッカー W3C mobileOK Checker W3Cのモバイルサイトチェッカー。サイトのURLを入れるだけで、対応状態を〜％として表示してくれます。 何を改善すればポイントを上げられるか？についても詳細にレポートしてくれるところがいいですね。 mobiReady URLを入力するとサイトのモバイル対応状態をレポート結果として表示してくれる。 レポート結果は次のようになります 機種が微妙ですが、JAVAをつかったシュミレーターで動作確認できたりします Gomez Mobile Website Readiness Test URLのほか必要情報を入れるとサイトのモ
ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
ブラウザに合わせて背景画像のサイズを自動で合わせてくれるスクリプト・jQuery Backstretch
とても楽そうだったのでメモです。画面 のサイズに合わせて自動で背景画像 をリサイズしてくれるので背景画像を 固定できる、というもの。jQueryのプラ グインなので手軽でいいですね。ユー ザーがどんなモニタサイズでも同じ 背景画像を表示させることが出来ます。 以前、同じ機能のjQueryプラグインがPHPSPOTさんでも紹介されていましたが、複数覚えておいて損はないのでご紹介します。 ↑ これがデフォルト。 ↑ ご覧のようにサイズを変更しても背景画像は変わりません。 自動で背景画像をストレッチさせるので、環境の違いによる背景画像の表示の差が生じることも無い、というもの。 使い方は非常に単純で、jQuery Backstretchを読み込んでから画像を指定すればおｋです。 <script type="text/javascript" src="/js/jquery.backstretch-1
@font-faceの使い方 : CI - バンクーバーに住むWEB制作者のブログ
Delicious font sample さぁ、どうだ。どう見えますかね？なんか不安。めっちゃ不安。だって、初めてだモン♪
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第二水準漢字にも対応、油性マジックで書いたフリーの日本語フォント -たぬき油性マジック
タイプワイルド：最強の肉食獣たちのクローズアップ写真 : カラパイア
新着記事
css-lecture.com
http://e0166nt.com/blog-entry-817.html
商用利用無料！ 毛筆・筆文字、ペン字、マジック、手書きの日本語フリーフォント 総まとめ
