■psd tuts+ http://psd.tutsplus.com/ (ロゴからUI、合成まで幅広くphotoshopのチュートリアルを扱う) ■DigitalArts http://www.digitalartsonline.co.uk/tutorials/index.cfm (photoshop以外にもAdobe製品(illustrator,AfterEffects)など多数あり) ■Tutorial9 http://www.tutorial9.net/category/photoshop/ (photoshop以外にも写真撮影のtipsやwebなど様々なチュートリアルあり) ■abduzeedo http://abduzeedo.com/tutorials (ペイント系からロゴ、エフェクトなど多数あり、illustratorやFireworks、PixelIm
Six Revisionsで、Photoshopでディテールをデザインするチュートリアルが紹介されています。 かなり細かく解説されているので参考になりますね。ベベルやドロップシャドウで立体感を出す方法や、描画モード:オーバーレイで綺麗なグラデーションを描く方法など、シンプルだけどかなり気の利いたチュートリアルになっています。 記事はかなり長いですが、下部にある「light-and-sleek-layout.zip (ZIP, 1.24MB)」からPSDファイルをダウンロードできますね。 ぜひデザインの参考にしてみてはいかがでしょうか? » How to Make a Light and Sleek Web Layout in Photoshop さて仕事再開するかな。だいぶテンション上がってきたぞ。
Six Revisionsで、魅力的なUIにするためのjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » SimpleModal シンプルなモーダルウィンドウ » Panel Gallery ユニークなトランジションを持つスライドショー » Easy Image Gallery サムネイル表示型のイメージギャラリー » PikaChoose Belvedere Incに見られるクールなギャラリー » SlideBox たくさんのリンクを表示できるスライドボックス » Single Drop Down Menu シンプルなドロップダウンメニュー » Mouse Over Animation for Text テキストにマウスオーバーすると、明度を変えてくれたりうにょ〜っと拡大してくれるエフェクト あまり見たことのないものやシンプルで使いやすそうなギャラリーなどが揃っていま
Storybirdというサイトを見つけました。家族や友人と一緒に作る物語コミュニティーです。 Storybird is a service that uses collaborative storytelling to connect kids and families. Two (or more) people create a Storybird in a round robin fashion by writing their own text and inserting pictures. They then have the option of sharing their Storybird privately or publicly on the network. The final product can be printed (soon), watched on scree
speckyboyで、インスパイアされるWebアプリ&サイトデザインがまとまっています。 ざっといくつかご紹介。 ↑はPhotoSnack。 Image Spark YOKABOO Gambolio.com Autodesk Project Dragonfly 以下のカテゴリーに分かれてたくさん紹介されているので、ぜひ見てみてください。 ・Clean, Simple and Nice Designs ・Minimal and Effective ・Vector and Large Background ・Corporate and Professional ・Modern and Typical (Web 2.0ish) ・Stylish and Classic Layouts ・Graphically Improved Designs ・Flash, Flex and AIR Desig
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
Photoshop Tutorialsというサイトで、フリーのパターンがダウンロードできるサイトが紹介されています。 ざっといくつかご紹介。 » COLOURlovers 自分のパターンを投稿したり、ユーザーが作ったものをダウンロードできる » everyday icons 目を引くデザインにしたいときに使えそうな面白くてレトロなパターン集 » Kaliber10000 クールなパターンがたくさん。投稿も可能 » Pattern8 とてもかっこいいサイト。クオリティーの高いパターンが探せる。色で検索可能 » Shizoo Frozen Media 花柄や細かくてシンプルな柄など、テクスチャ・パターン集 その他のリストは以下からどうぞ。 » Best Sites to Download Free Patterns 麻布十番で打ち合わせ。エンジニアの方と面白い話ができた。がんばるぞぅ。
abduzeedoで、緑をうまく使った美しいWebデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はpsdtolife。 devthought Aenemya Sprouter Big Cartel 色のトーンや面積、あるいは緑をどんな色と組み合わせているかが参考になりますね。 その他のリストは以下からどうぞ。 » 55 Beautiful Green Layouts in Web Design 横浜に新しくオープンしたリゴレットのオープニングパーティーに行ってきました。駅から近いし、川沿いのテラスで飲めるしいいところでしたね。雰囲気はかなり派手派手。大人な感じで飲みたい時にはぜひ♪ » RIGOLETTO
CreativityDenというサイトで、jQueryをうまく使ったクールなポートフォリオサイトがたくさん紹介されています。 いくつかご紹介しますね。 » webalon jQueryを使って画像を水平方向にスクロールしているWebalonのサイト » metalabdesign マウスオーバーでさりげなくフェードイン&アウトするグローバルメニュー » brynnshepherd ”about me”タブをクリックすると、スライドして現れるコンテンツ » jp3design マウスオーバーすると、ふわっと浮き上がって落ちる時も滑らかなグローバルメニュー » cpeople スライディングパネルとスクローラーをクールに使ったCPeopleのサイト その他のリストは以下からどうぞ。 » 25 Portfolio Sites Using jQuery Amazingly Well pdfがcom
1st webdesignerで、Photoshopのレイアウトチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign a trendy business & finance layout。 Create a Clean and Effective Product Layout Web Design Tutorial: Blog/Portfolio Template! Create a Professional Portfolio Design in 17 Easy Steps Softblue Template Tutorial その他のリストは以下からどうぞ。 » 90 New And High Quality Photoshop Web Layout Tutorials 実家に帰ってきてまったりしています。お店のパピヨンがかわいすぎて連れて帰りそうになりました♪
HONGKIATで、新しいWordPressのテクニック&ハックがまとまっています。 いくつかご紹介しますね。 » Antivirus for WordPress 悪質なインジェクションを関知して警告してくれる » Custom ‘Read More’ and Thumbnailed Recent Posts ”もっと読む”メッセージとともに最近のエントリーのサムネイルを表示 » Add shadows to a range of objects 画像やdiv、blockquoteにシャドウをつけるプラグイン。↑のキャプチャはこちら » Alternative way to display dates – WP-RelativeDate 日付を「今日」や「昨日」、「2日前」といった表示にできる » Vote Post Up/Down Diggで見られるようなVote(投票)ボタンをエントリ
creative NERDSで、illustratorのテキストエフェクトチュートリアルがまとまっています。 ざっといくつかご紹介。 ↑はCreating an Environmentally Friendly Green Type Treatment。 Create a Vibrant 3D Pixel Type Treatment How to Create a Smokin’ Western Type Treatment in Illustrator Illustrator Tutorial – 3D lighted text effect Tutorial : Create a cool water effect その他のリストは以下からどうぞ。 » The Best Adobe Illustrator Text Effect Tutorials 女性がいいって言ってたLEAF &
PATTERN IN ISLAMIC ARTというサイトで、イスラム美術のフリーパターンが配布されています。 This website offers a FREE download of over 4000 images of patterns and other design features drawn from the rich cultural heritage of the Islamic world. とのことで、4000以上のフリーパターンが掲載されています。 一度見てみてはいかがでしょうか? » The WADE Photo-Archive : 2nd Edition 時間が取れたのでがっつり制作中。結構進んだぞ。
Six Revisionsで、焦げた紙のテクスチャが公開されています。 ざっといくつかご紹介。 ↑はBurnt Paper Texture 01。 Burnt Paper Texture 02 Burnt Paper Texture 04 Burnt Paper Texture 06 Burnt Paper Texture 12 それぞれSix Revisionsが、FlickrにBurnt Paper Textureセットとして公開しているようですね。ライセンスはCreative Commons。 一度見てみてください☆ » 12 Free & High Quality Burnt Paper Textures 昨日はクラブイベントで超楽しかった。ラテン系はたのしーですね〜♪
DESIGNM.AGで、メガメニューの使用例が紹介されています。 ざっといくつかご紹介。 ↑はThe Sak。 Etnies Target Office Depot Spread Shirt Mega menus are a growing trend in web design (see Mega Menus: The Next Web Design Trend from Sitepoint). For sites that involve a lot of pages and/or products, a mega menu may be able to improve navigation and usability. メガメニューはWebデザインにおけるトレンドになりつつある(参考:Mega Menus: The Next Web Design Trend(Sitepoint))。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く