無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45選
photoshopのwebで使うエレメンツのファイルや、ブラシ、カスタムシェイプ、パターン、アクションなどの素材を無料で提供しているサイトを紹介します。 個人のブクマを整理してる段階でまとめたものですが、共有します。 photoshopのwebで使うエレメンツのファイルや、ブラシ、カスタムシェイプ、パターン、アクションなどの素材を無料で提供しているサイトを紹介します。 個人のブクマを整理してる段階でまとめたものですが、 共有します。 はじめに photoshopの素材を紹介しているサイトは多いので、 主にphotoshopの素材の提供を主としてるサイト、 またはそのようなカテゴリを持つサイトのみを集めました。 紹介文の後のリストはそのサイトで扱ってる素材の種類となります。 また、ライセンスについては分かる範囲で記載しましたが 間違いがありましたら指摘頂けると助かります。 サイト一覧 dev
ブラウザで動くリアルなPhotoshop [HTML5][CSS3][jQuery/Javascript]:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
![ブラウザで動くリアルなPhotoshop [HTML5][CSS3][jQuery/Javascript]:DDN JAPAN](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3fe9affa123b42755613da081c65bf65795a0a3/height=288;version=1;width=512/https%3A%2F%2Farticleimage.nicoblomaga.jp%2Fimage%2F12%2F2012%2F9%2Ff%2F9f5362d3aba635f6f437bb43d3bc30644e0c97711326606606.jpg)
Our 50 Favorite Web Designs from 2011
Below are 50 (non-ranked) of our favorite web designs from 2011. These sites were chosen based on our appreciation of their design choices, innovation, and because they had that wow factor that made us simply like them. Some of the best and brightest trends we’ve seen this year in web design include responsive web design, single-page scrolling websites, the proliferation of slide shows and sliders
メガ・サービスがスタートした日のデザイン: Google、YouTube、Facebook、Twitterなど
日清食品カップヌードルのデザインはずっと変わっていないような印象がありますが、変遷を見るとすこしづつ洗練されていることが分かります。これは、ユーザーの持っているブランドに対する良い印象を変えることなく、デザインや機能を新しくすることで、飽きさせることなくブランドを維持する好例と言えますが、長い間、変わらず利用されているウェブ・サービスにも同じことが言えると思います。 Google、Facebookなど、今ではみんなが使ってるメガ・ウェブ・サービスも、当然、最初のリリースの日があります。 これらのサービスは、毎日使っているので、ちょっとづつ変わってるなとは思いつつ、最初のデザインがどんなのだったかは覚えていなかったりします。 そこで、当時を懐かしむ意味と、知らない間にこれだけ進化したということを実感していただくことを目的に、メガ・サービスがスタートした日のデザインを紹介させていただきます。元
仮想世界の表現が素晴らしい秀逸なモーショングラフィックス
Andreas Wannerstedtはスウェーデンのストックホルムで活躍するグラフィックデザイナー。 企業のCMなどを手がける傍ら、クオリティの高いメディアコンテンツをいろいろと公開しています。 SoulBot
ちょっとしたブラウザ拡張を作るのに便利！jQueryでブラウザ拡張が作れるcrossrider
crossriderは、jQuery（JavaScript）で各種プラウザに対応した↓のような、ブラウザの拡張を作ることができるオンラインサービスです。 ブラウザの拡張を本気で作るというよりは、何か自分用にちょっとした拡張を作りたい時とかに向いているかもしれません。 現在のところベータ版稼動中で、以下ブラウザのみ対応となっています。その他のブラウザ（Safari）については、今後対応していくようです。 Firefox 3.5+ Chrome Internet Explorer 7+ ユーザーインターフェースが英語なので、とっつきにくいですが、実際の動きの部分をJavaScriptで書くだけで、各ブラウザ用のパッケージができるので、自分用に使う様な「ちょっとした拡張」を作るのに便利なサービスだと思います。 どんなものが作れるか デモアプリのページでは、crossriderで作られた拡張を実際
フォント管理ソフト、Nexus FontとフォントデータをDropboxに入れてクラウド化 / Maka-Veli .com
Twitterで少し話題になったので書かせていただきます。 （仕事はどうした） Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが（ヤバイ、もう完結した） 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる
VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか、僕が知らないだけで結構使ってる 方もいるのかもｗ 仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されて こんな風にLightbox風にポップアップさせます。 以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。 コード$(window).load(function(
ソーシャルメディアやアクセス解析などの指標を１画面で確認できる「Ducksboard」
運営サイトのアクセス推移やソーシャルメディアの状況等々、Web担当者が確認すべきマーケティングツールの指標は日々増えるばかり。 それぞれ違う管理画面から確認していたら、それだけでも結構な時間を奪われてしまいます。 そんな悩みを解決してくれそうなのが、今回ご紹介するサービスです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 運営サイトやソーシャルメディアの指標をまとめてダッシュボードで管理 「Ducksboard」は、運営するウェブサイトやソーシャルメディアのデータサマリーを１画面で確認することができるダッシュボードサービス。 TwitterやFacebook、Google Analytics、Feedburnerなどなど、あらゆるマーケティングツールの指標データをまとめることができます。 あら
Croppyの作り方
Web サイト構築のためのトータルデザイン誌 Web Designing 2011年 12月号 に、jQuery × WordPress 活用事例ということで Croppy の作り方を掲載させて頂きました。 記事は2ページしかない関係でほんの一部の情報とソースしか掲載出来なかったため、こちらの記事で色々と補足させて頂きたいと思います。 ちなみに、この記事は WordPress Advent Calendar 2011 という「12月1日から12月25日のクリスマスまで一人一つずつ自分のブログにWordPressについて何かしら書いてくイベント」で昨日の @horike37 さんに続き、6番バッターとして執筆しています。 目次 なぜ WordPress で作ったのか 記事の追加はどうやっているのか 記事の削除はどうやっているのか Web Designing記事の補足 色彩分析などの情報はどう
複数要素の関連をビジュアライズできるライブラリ「arbor.js」:phpspot開発日誌
arbor.js 複数要素の関連をビジュアライズできるライブラリ「arbor.js」 JavaScriptベースですが、Chromeで見るとなめらかに動作して良い感じです。 動きがカッコイイのでデモなんかで見せるとよい印象を得られるかも。 更に子要素をアニメーション 階層的にデータを現せます 関連エントリ HTML5のキャンバスと連動させて音声をビジュアライズしたデモ ブログのプチリニューアルに使った技術要素色々 HSL形式のカラーがブラウザ上で作れる「HSL Color Picker」
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
Explore | Now I Know | A Web Series by Sprinkle Lab
About this seriesNow I Know exists to educate anyone and everyone interested in the world of entrepreneurs. This series is produced by Sprinkle Lab.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MuRadiko
YUKI HARUYAMA Portfolio Site | 春山 有由希
25+ Cool Gadget Photoshop Tutorials
新着記事
Be Creative and Playful With Polaroid vs Digital Photo » Blog of Francesco Mugnai
買って微塵も後悔しなかったニコンのデジタル一眼ベスト3 | Outputter
日々の時間の使い方を淡々と記録するソフト『ManicTime』 | ライフハッカー・ジャパン
