手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄
ハイセンスにデザインされたHTML/CSSテンプレート集:phpspot開発日誌
32 High Quality Free Html/CSS Templates For Download ハイセンスにデザインされたHTML/CSSテンプレート集がまとまったエントリのご紹介。 どう見てもプロレベルで、改変して利用して手間を省くもよし、デザインの参考にするもよし、といった感じで便利です。 これらを誰かに作ってもらったら・・・と考えると、フリーでこれだけ多数のものが公開されていることの有り難さを感じずにはいられませんね。 関連エントリ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーな(X)HTML/CSSなテンプレート集のまとめ CSSテンプレート配布サイト色々まとめ プロレベルでハイクオリティなXHTML/CSSテンプレート集
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
50 Clever, Creative Logos - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
As Button Generator
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
| ＾＾ |秒刊SUNDAY | アイコンの常識を凌駕する高クオリティフリーアイコン５０個
2009年02月16日 アイコンの常識を凌駕する高クオリティフリーアイコン５０個 カテゴリ：WEBデザイン アイコンと言えば、PCの操作上で識別する為のものですが、そのアイコンにこだわってみると言うのも今まで無かったのでは。Windows7時代になれば大きなアイコンも使えます。もちろんWebデザインにも使える。 ◆高クオリティフリーアイコン５０個 ※この記事とても長いです･･･。覚悟して見て下さい。 では Function Icon Set Concept Icons .08 Affel Smultron Icon Pack Eico Studio Anniversary Icon Pack Kidaubis 3D Icon - Blue series Beijing 2008 Icons Jonas Rask Icons The Shield Icon Set Mac Icons
無料レタッチツール「GIMP」を使いこなす最強リンク集 :教えて君.net
画像編集ソフト「GIMP」に搭載された強力な機能を活用すれば、写真を面白おかしく改造するのも、イケメン写真を捏造するのもお手の物だ。「なにやらズゴイらしいけど、使い方を覚えるのが大変そう」などとＧＩＭＰの導入に二の足を踏んでいた人も、この記事を参考にして、ぜひコラ画像作成に挑戦しよう。 GIMP 徹底活用ガイド 2009 (インプレスムック エムディエヌ・ムック)(MdN) ￥1,575 マーケットプレイス 新品最安値：￥1,575(+送料) (価格は2009/02/04 18:37時点のものです) ダウンロード＆インストール まずはGIMPをダウンロードしよう。現在の最新バージョンは2.6.4だ。リンク先ではインストールの手順を説明している。 詳細はこちら→市販ソフト顔負けの高機能フォトレタッチソフト GIMP for Windows 基礎:GIMPで写真に落書きをする／人物を切り抜
GIMP思い込みチュートリアル（GIMPの使い方）
GIMPを使ってカラー写真を版画のような白黒写真へと変える方法です。 下のgimpのチュートリアルのページを見ながら作りました。 Creating the Che Guevara Effect - GIMP tutorial - gimpusers.com で、今回は写真を使うわけですが、適当な持ち合わせが無いので下のページ プロカメラマン撮影の無料写真素材・フリー画像素材のリンクスタイル から、お兄さんの写真を頂戴してきました。 ということで詳しくは以下の通り。 まずは、加工前と加工後を並べて比べておきます。（以下、画像はクリックすると拡大します） では、作成方法です。 白黒にしたい写真を用意します。あらかじめ適当な大きさにしておいてください。 この写真をGIMP（ギンプ）で開きます。 （電脳はさみ）を使って、人物の部分を選択します。電脳はさみの使い方については、領域の選択 基本その2の
人気のオンラインジェネレータ11選『Popular Online Generators』 – creamu
かっこいいジェネレータを探している。 そんなあなたにおすすめなのが、『Popular Online Generators』。人気のオンラインジェネレータ11選だ。 以下にご紹介。 ボタンジェネレータ » http://www.mycoolbutton.com/ » http://www.buttonator.com/# ロゴジェネレータ » http://cooltext.com/ » http://creatr.cc/creatr/ » http://h-master.net/web2.0/ » http://www.simwebsol.com/ImageTool/ バッヂジェネレータ » http://www.web20badges.com/ ストライプジェネレータ » http://www.stripegenerator.com/ Ajaxロードアイコンジェネレータ » http:/
光のモーションで画像を超カッコよくするPhotoShopチュートリアル:phpspot開発日誌
Creating light motion trails & glowing sparks | Veerle's blog A technique often used in advertising these days, is these glowing lines. 光のモーションで画像を超カッコよくするPhotoShopチュートリアル。 PhotoShopで光のモーションを作って画像をすごくカッコよくする流れが見れます。 本テクニックを使えば、まるで雑誌広告のようなクールな画像が作れてしまいます。 実際に上記のような画像を作るには練習が必要だと思いますが、マスターすればいろんなところで使えそうです。 関連エントリ スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のような文字を作成するPhotoShopチュートリアル テキストにツララが重なっ
Web2.0デザインのオンラインジェネレータ13選『13 Online Generators for Web 2.0 Design』 | CREAMU
Web Web2.0デザインのオンラインジェネレータ13選『13 Online Generators for Web 2.0 Design』 Web2.0風のデザインを簡単に作りたい。 そんなあなたにおすすめなのが、『13 Online Generators for Web 2.0 Design』。Web2.0デザインのオンラインジェネレータ13選だ。 その中のいくつかをご紹介。 » Web 2.0 Badges Web2.0風のバッヂを作成 » http://www.roundedcornr.com/ 角丸を作成できるジェネレータ » http://web2.0stylr.com/stylr.aspx Web2.0風のロゴジェネレータ » http://lab.rails2u.com/bgmaker/ 背景画像のジェネレータ 詳しくは以下から。 » 13 Online Generator
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/column/busnews/20090409/8.html
商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
IDEA * IDEA
IDEA * IDEA
webサイトを作る時に顧客とあらかじめシンクロしておくと良い7つの基礎*ホームページを作る人のネタ帳
web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
デザイン初心者の方が気をつけると良いポイントあれこれ - DesignWalker
