「Webデザイン用のフリー素材をシェアしよう」がコンセプトのWebデザイナー専用コミュニティ・Designmoo
無料でハイクオリティなPSD素材や フォント、テクスチャなどWebデザイン に欠かせないリソースを無料でDL 出来るコミュニティサイト・Designmoo のご紹介。コミュニティに参加せずとも 使わせてもらえますのでリソースサイト として覚えておくといいかもしれません。 「あなたの役に立つか分からないけど、よかったらリソースをシェアしよう」とのこと。フォントやテクスチャ、PSD素材やブラシなど多くのWebデザイン向け素材が無料で手に入ります。メンバー登録も不要ですよ。 メンバーになるには招待が必要みたいですが、素材のダウンロードは誰でも登録不要で出来るみたいです。 いくつかピックアップ Dyslexia 可愛らしいビットマップフォント Dyslexia 4 minimalistic notice styles ポップアップを優しい色合いに。 4 minimalistic notice st
jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグイン
機能自体はベーシックなんですが、 用意されているエフェクトが多数 あるスライドギャラリー系のjQery プラグイン、jQuery Panel Gallery のご紹介です。自動で切り替わる タイプです。 よくあるjQueryギャラリーのように、クリックで進んだり、キャプションを表示させたり、といった事は出来ませんが、エフェクトが50ほどあるのが魅力です。エフェクトは複数組み合わせる事も可能です。IE6でも動作してくれました。 jQuery Panel Gallery オプション設定でエフェクトやスピードの指定が可能です。エフェクトは複数指定することもできます。 マークアップもシンプル。 <div id="container"> <img src="image1.jpg" alt="image 1" width="500" height="250" /> <img src="image2.j
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
商用でも無料・ハイクオリティ・解像度高め、と3拍子揃った写真素材配布サイト・4freephotos - かちびと.net
久々に個人的にありがたいフリー写真 素材サイトがあったのでシェア。配布 されている写真がなかなかクオリティ が高く、使いやすそうです。ライセンス はパブリックドメインみたいですので、 安心して使えますね。 4freephotosは個人や商業サイトなどのプロジェクトに使える写真を共有しようと考えた写真家のグループが運営しているそうです。 クオリティも高く、解像度も横幅1000以上は当たり前っぽいので結構オススメです。ライセンスはクリエイティブコモンズのPublic Domain Toolsを使い、public domainにリンクしてありました。4freephotosにも Using the public domain images found on this website does not require a link back to us, but if you found them
無料で音源（効果音やBGM等）素材をダウンロード出来る15のサイト
その他のソフトウェア無料音源 フリーで音源をダウンロードする事 が可能なサイトのまとめです。人に 聞かれて探したのでついでにメモ。 ライセンスはサイトごとに異なるので それぞれご確認の上でご利用下さい。 フリーで音源をダウンロードする事 が可能なサイトのまとめです。人に 聞かれて探したのでついでにメモ。 ライセンスはサイトごとに異なるので それぞれご確認の上でご利用下さい。 フリーで使える事を条件に探しました。ライセンスはそれぞれ異なります。 The Freesound Project 要ユーザー登録。とにかく量が凄いです。現在8万以上。 The Freesound Project Sound Jay ボタン用、自然系などカテゴリ分けされています。 Sound Jay Open Source Audio 投票も可能です。ユーザー参加型。 Open Source Audio Soungle
無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy
結構便利そうだったのでご紹介。オンライン でWebサイトの簡単な設計図、いわゆる モックアップをドラッグ&ドロップ、直感で作成 出来て、PDFやJPGで保存出来るフリーの Webサービス、lumzyのご紹介。ユーザー 登録不要というのが良いですね。 日本語もある程度使えて（ボタンのテキストなどには使えないです）、PDFで保存しても文字化けせず、しかもユーザー登録も不要なので結構重宝しそうな気がします。 「モックアップはきれいに作りすぎてはいけない、という話」という記事でもありますが、手書きのような感覚でスピーディに作れるので件の記事内容に沿ったモックアップの作成が出来そう。 lumzy ユーザー登録不要と言うのが手軽でいいですね。それでいて結構高機能なので侮れません。以下に簡単に使い方を。 プロジェクトを作る まず、プロジェクト名を決めます。決めなくてもモックアップは作成出来ますが、決めな
「Photoshopでこの人を正面に向かせてください。」と言ってしまう気持ちが分かるくらい凄い加工技術
Webデザイン写真の加工技術 「Photoshopでこの人を正面に 向かせてください」と言ってし まう気持ちが分からなくもない くらい凄い加工技術をご紹介。 以前話題になった記事でWebクリ エイターボックスさんの「クライアントからの ムチャぶり迷言集」の中にあった 「Photoshopでこの人を正面に向かせ てください」と言ってしまう気持ちが 分からなくもないくらい凄い加工技術 をご紹介。 「Photoshopでこの人を正面に向かせてください」というのはなかなかアレなお願いですが、「Photoshopならなんでも出来るんでしょ？」と、知らない人なら思ってしまうのはそれだけ今の加工技術が高いと認識してるのでしょうね。 たしかにこれ見たら「なんでも出来るんだ」と思ってしまうかもしれません。むしろ何故出来ないかが理解できないのかも。。。 人を正面に、という話題を取り上げたので人を使った加工アー
素敵な名刺デザインいろいろ
個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ（ギャラリー）です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
ライフハッカーお勧めの多機能ブックマークレットQuixを試したら本当に便利だった
ライフハッカーで紹介されていた 高機能なブックマークレットの Quixを試したら本当に便利でした のでご紹介します。使いこなせば かなりブラウジングやWeb制作 の助けになりそうです。 Quixの使い方はいたって簡単で、指定されているコマンドを入力するだけ。以下のようにブックマークレットを使って出るテキスト欄にコマンドを入力します。 短いコマンドを入力するだけでGoogleの様々なサービスや、Web制作に役立つFirebugやxray、Twitterやtumblrにポストする事も可能。 コマンドの数はかなり多いので個人的にお勧めのコマンドを抜粋します。 Quixにはおよそ90ものコマンドが用意されており、ブックマークレットを使って出るテキストエリアにそのコマンドを入れるだけで使えます。検索関連機能は全て「コマンド キーワード」が使えます。 使い方使い方はかなり単純。ブックマークレットを使う
cssの情報・まとめ
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版RoundedCornr / 角丸のHTML・CSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of
Web制作に役立つリソースサイトを大量にストックしているBLUE VERTIGO
Web制作において写真やアイコン、 フォントなどの素材があるとかなり 制作が楽になるのは言うまでも ありませんが、そんな素材を配布 しているリソースサイトを大量に ストックしているサイトをご紹介。 BLUE VERTIGO。ここを覚えておけばリソースサイトを探す手間も結構省けるのでは無いかと思います。 有料無料が混在してはいますが、フリーが多い印象です。フォントは有料無料を分けていました。 リソースサイトのストックは多いに越した事ありません。BLUE VERTIGOでは有料無料含めて実に800サイト以上をストックしていますのでこの中からお気に入りを見つけるのも良いかもしれません。 横スクロールで探しますカテゴリは横スクロールで探します。大まかに「Photo（写真）」「ベクター/クリップアート」「フォント」「ロゴ」「サウンド（音源）」「Photoshopブラシ」「POSER（３DCGソフト）
WordPressを利用している良デザインな日本のサイトいろいろ
日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ！」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第２弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで
配布したWP管理画面マニュアルをプラグイン化して管理画面で確認出来るようにしてみた
先週にWordPress2.9の管理画面 の操作マニュアル（Webに疎い お客様に渡す用）を配布しましたが、 直接管理画面で見れたほうがいいかも と思って簡単なプラグインを作成しました。 良かったらご利用下さい。 詳しくは以下より。 操作マニュアルを管理画面で直接確認出来る ↑ 上記のようにWebサイトを納品した先のお客様側で管理画面内でマニュアルを確認出来るので、紙に印刷して渡したり、PDFで渡す事でお客様がいちいち開く必要が無いようになります。 必要なくなればプラグインを削除、という感じで。テーマ→functions.phpからでも可能ですが、プラグインの方が削除も楽なのでこっちを選択。 ↑ 上記のようにPDFが大きく表示されます。単純にPDFを読み込んでるだけです。モニターの関係上、見にくい場合は別窓で開けるようにリンク付けてあります。 宜しければ編集して下さい作成はしましたが、管理
「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net
復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu
フリーのフレーム型Photoshopブラシ・29種 - かちびと.net
写真などのフレームが必要に なって探した時に見つけた 素敵なフレームのフリーの Photoshopブラシを備忘録 としてシェアしたいと思い、 エントリーします。 deviantart内から探しました。29種類あります。ライセンスにお気をつけ下さい。 Brush Pack – Grungy Frames 01 軽めのグランジ風なフレームに木の葉や花を添えたフレーム。 Brush Pack – Grungy Frames 01 by =MouritsaDA-Stock Letter Frames オールドエレガントタイプのフレーム。女性に好まれそう。 Letter Frames by ~Lileya Brush Pack – Vintage Frames 02 使いやすそうなヴィンテージ風のフレーム。 Brush Pack – Vintage Frames 02 by =MouritsaDA-
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、２次配布は不可。
背景などに使えそうなフリーの和風テクスチャ素材いろいろ
知人に頼まれて和柄の テクスチャを探していましたが その過程でいくつか見つけた素材 をメモしておきます。フリーの 日本風なテクスチャ素材です。 背景に使えそうなものが中心です。 何に使ってもその方の自由ですけどｗ 多少はメモしていますが、著作権はご自身でお確かめ下さい。 Japanese Textures 15種類の和壁、和紙や漢字が書かれた紙のテクスチャ。商用利用可。 Japanese Paper Textures 14 High-Res Japanese Paper Textures 和風の高品質なテクスチャ14種類が個人商用ともに利用可能。 14 High-Res Japanese Paper Textures Fireworksの和風・伝統紋様テクスチャ 商用OKの和風パターンテクスチャ。 Fireworksの和風・伝統紋様テクスチャ Paper Texture Pack 02 か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
