いい感じの手作り感が出せる紙のテクスチャ素材色々:phpspot開発日誌
80 Free High Res Paper Textures | The Roxor | Design blog for resources and inspiration いい感じの手作り感が出せる紙のテクスチャ素材が色々と紹介されていました。 個人的に、手作り感がいいなぁ、と思ってしまう紙のテクスチャ。紙といっても色々な種類があって、それぞれに個性があります。 Wrinkled Paper 学習ノートにちょっとシワをいれた感じのテクスチャなど 当ブログのデザインに合成してみたところ、なんとも手作り感漂うデザインが出来てしまいました。 Photoshopの乗算によって合成してみた図。かかった時間1分。いつか実際にやってみたい。 Burnt Paper Textures ちょっとこげた感じの和風テクスチャなど 1パターンじゃなく、さまざまな焦がしパターンがあってナイスです。 こういう画像
素晴らしいCSSメニュー120選 – creamu
CSSでかっこいいメニューをデザインしたい。 そんなときに参考になるのが、『120 Excellent Examples of CSS Horizantal Menu』。素晴らしいCSSメニュー120選だ。 以下にいくつかご紹介。 ↑のキャプチャはandreaugusto。 dairien kudayta megavirada porterscarpetandfurniture その他のリストは以下から。 » 120 Excellent Examples of CSS Horizantal Menu 素晴らしいCSSメニュー、チェックして参考にしてみてはいかがだろうか。 天気がよくて気持ちいいですねーー。表参道でカフェ中だ。 古本で買った本を読み終わった。ブログの方はなかなか面白かったかな。
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
アナログ感溢れる手書きフォント10選「10 sketchy fonts for web designers 」
手書きフォント、文字には整ったラインを持ち、キレイに作られたフォントには無い魅力があります。今日紹介するのはアナログ感溢れる手書きフォントを集めたエントリー「 10 sketchy fonts for web designers 」です。 FFF Tusj エントリーには全部で10個の手書きフォントが紹介されていますが、今日はその中から特に気になったフォントをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Caitlyn 線でつながれた手書きフォント。 ■Sketch Rockwell 綺麗にレタリングされた手書きフォント。 ■Mia’s Scribblings ボールペンでゆるーく書いたようなフォント。 ■Karabine きれいなフォントですが、ラフっぽい線が見えるアナログ感があるフォント 上記の他にも手書きのアナログ感溢れるフォントが公開されています。デザインのアクセ
jQueryやCSSを使ったナビゲーションメニュー300選 – creamu
かっこいいナビゲーションメニューをさくっと実装したい。 そんなあなたにおすすめなのが、『300+ Jquery, CSS, MooTools and JS navigation menus』。jQueryやCSSを使ったナビゲーションメニュー300選だ。 以下にいくつかご紹介。 » Fancy menu かっこいいナビゲーションメニュー » Amazing apple style navigation menu Appleのサイトのようなナビゲーションメニューの作り方。↑のキャプチャはこちら » jQuery idTabs 8つのクールなjQueryメニュー » navigation-3 プルダウンメニューなど4つの例 » block-navigation CSSデザインのメニュー9選 その他のリストは以下から。 » 300+ Jquery, CSS, MooTools and JS na
MOONGIFT: » 要注目！モダンなUIを実現するJavaScriptライブラリ「LivePipe UI」:オープンソースを毎日紹介
JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト（右クリック）メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン
ハイクオリティなフリーphotoshopブラシ配布サイト「Qbrushes」
今までphotoshopのブラシを配布するサイトはDesigndevelopと紹介してきましたが、今日紹介するのはハイクオリティなフリーphotoshopブラシを多数配布する「Qbrushes」です。 サイトは非常にシンプルで、配布されているphotoshopブラシで作られたグラフィック並んでいて、どういったブラシでどんな事ができるのかというのを感覚的に理解することができます。配布されているブラシの例をいくつか下記に貼り付けておきます。 詳しくは以下 全体的には現在のグラフィックの流れに沿いながらも、ハイクオリティのブラシが集められているような気がします。ただ並んでいるだけではなく、レーティングや投票機能なども備えています。またブラシはジャンル別にカテゴライズされており、雰囲気やテイストからも探し出すことが可能です。 尚、こちらのベクターデータ版もあり、そちらは以前「無料配布のベクター素材
背景に使えるパターン&テクスチャ13選 – creamu
背景に使えるパターンやテクスチャを探している。 そんなあなたにおすすめなのが、『13 Sources for Background Patterns and Textures』。背景に使えるパターン&テクスチャ13選だ。 以下にご紹介。 » BgPatterns » Stripe Generator » Lost and Taken » Bittbox wood textures » Bittbox hi-res » Grungy paper » Texture Kings » Grunge Textures » Squidfingers » COLOURlovers patterns » Urban Dirty » Free 3Ds Textures » CG Textures 背景に使えるパターン&テクスチャ、チェックしてぜひ使ってみてはいかがだろうか。 友達がGX200買ったよ！ヤフ
Web2.0デザインジェネレーターいろいろ-２００８年８月:phpspot開発日誌
Web 2.0 Design Generators For Developers | 84 Bytes here is a handy list of online tools to help you save time and effort creating nice graphics for your sites or apps. Web2.0デザインジェネレーターいろいろまとまっていました。 過去にいろいろとこうしたツール系は書いてきましたが、まだ知らないものもありました。 ボタン As Button Generator Buttonator.com My Cool Button ローディング画像 AJAXload.info AJAX loading Gif generator バッジ Web 2.0 Badges Fresh Badge リボン QuickRibbon Websit
種類も豊富、1000個以上のハイクオリティなフリーのアイコン -DryIcons
以前、紹介した「DryIcons」にかなりの数のアイコンが追加されていたので、紹介します。 ダウンロードできるアイコンは、Win用「.ico」、Mac用「.ICNS」、画像「.png （16x16～128x128）」の３形式があります。
apple風のアニメーションする超クールなメニューを作成:phpspot開発日誌
Create an apple style menu and improve it via jQuery | Kriesi.at - new media design apple風のアニメーションする超クールなメニューを作成。 次のような（デモページで動作も確認）のようなクールなアニメーションするメニューの作成チュートリアルが公開されています。 Photoshopでの画像の作成方法からマークアップ、ＣＳＳ、そしてjQueryによるアニメーションまで解説。 サンプルのダウンロードも可能でダウンロードしてそのまま使うことも出来ます。 サイト構築用に、そして流れが書かれているので学習用に使えますね。 関連エントリ デザイン性に優れたCSSメニュー集 メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 6 | コリス
テキストにグロッシー・ネオン・グラス・リベット・グラフィティ・グランジ・ポップ・グラデーションなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
様々なWEBデザインエレメントのデザイン集「Pattern Tap 」 | DesignDevelop
Desingdevelopでは「404ページのデザイン集「49 Nice And Creative Error 404 Pages 」」や「コメント部分のデザイン集「30 Must See Comment Designs」」とWEBデザインの一部分に特化したデザイン集を今まで紹介してきましたが、今日紹介するのはそんなWEBデザインの特定の箇所のデザインを分類してまとめたデザイン集「Pattern Tap」です。 「404pages」「Calendars」「Buttons」などなどWEBデザインでは欠かせない部分のデザインが集められ、まとめられています。現在46のエレメントが公開されていて、それぞれ数十個のデザインサンプルが収録されています。今日は公開されている物の中から気になる物をいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Collection/404 Pages 割と
プロっぽくて編集しやすいフリーのウェブサイト用テンプレート配布サイト「TemplateYes」 - GIGAZINE
最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能となっています。また、全部Flashでできたサイト用のテンプレートなどもあります。 ダウンロードは以下から。 Free Website Templates, Flash Templates, CSS Templates - TemplateYes.com まずは各ジャンルごとにサンプルを見てみましょう。 ・PSDファイルとフォントまで付属した通常のウェブサイト用テンプレート ダウンロードはここをクリック ダウンロードはここをクリック ダウンロードはここを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Colabolo.com
[CSS]フォーム要素に半透明のナビゲーションを重ねるスタイルシート
Web2.0っぽいデザイン | i d e a * i d e a
CSS Menus, css menu - high quality website navigation menus | 13styles CSS Menus
クローリングしてる暇があるなら…論文かいたら? | EDGE Datasets(研究用データセット)
Home - Kriesi.at - Premium WordPress Themes