https://b.hatena.ne.jp/msw-etude/bookmark msw-etudeのはてなブックマーク (194) https://gigazine.net/news/20080208_fancyzoom/ 画像をモーション付き拡大表示する。IE6/IE7/Firefox/Safariに対応。 msw-etude 2008-02-08T06:03:18Z webデザイン 326 <blockquote cite="https://gigazine.net/news/20080208_fancyzoom/" title="スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20080208_fancyzoom%2F" alt="" /> <a href="https://gigazine.net/news/20080208_fancyzoom/">スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE</a></cite><p><a href="https://gigazine.net/news/20080208_fancyzoom/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0f64f57c6b6822e7753ef1ddc5f964c607c55807/height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2008%2F02%2F08%2Ffancyzoom%2Fzoom.png" alt="スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE" title="スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE" class="entry-image" /></a></p><p>IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能の...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20080208_fancyzoom/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20080208_fancyzoom/" alt="はてなブックマーク - スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE" title="はてなブックマーク - スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20080208_fancyzoom/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/ 企業ロゴの変遷。 msw-etude 2008-02-08T04:19:05Z design logo デザイン ロゴ 142 <blockquote cite="https://www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/" title="Neatorama » Blog Archive » The Evolution of Tech Companies’ Logos"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.neatorama.com%2F2008%2F02%2F07%2Fthe-evolution-of-tech-companies-logos%2F" alt="" /> <a href="https://www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/">Neatorama » Blog Archive » The Evolution of Tech Companies’ Logos</a></cite><p><a href="https://www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/"><img src="" alt="Neatorama » Blog Archive » The Evolution of Tech Companies’ Logos" title="Neatorama » Blog Archive » The Evolution of Tech Companies’ Logos" class="entry-image" /></a></p><p>You&#39;ve seen these tech logos everywhere, but have you ever wondered how they came to be? Did you know that Apple&#39;s original logo was Isaac Newton under an apple tree? Or that Nokia&#39;s original logo was a fish? Let&#39;s take a look at the origin of tech companies&#39; logos and how they evolved over time:...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/"><img src="https://b.hatena.ne.jp/entry/image/https://www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/" alt="はてなブックマーク - Neatorama » Blog Archive » The Evolution of Tech Companies’ Logos" title="はてなブックマーク - Neatorama » Blog Archive » The Evolution of Tech Companies’ Logos" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.smashingmagazine.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/ クオリティの高いIllustratorのチュートリアル msw-etude 2008-02-07T06:44:32Z design Illustrator tutorial デザイン チュートリアル 203 <blockquote cite="https://www.smashingmagazine.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/" title="40 Excellent Illustrator Tutorials — Smashing Magazine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.smashingmagazine.com%2F2009%2F09%2Fback-to-school-with-40-excellent-adobe-illustrator-tutorials%2F" alt="" /> <a href="https://www.smashingmagazine.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/">40 Excellent Illustrator Tutorials — Smashing Magazine</a></cite><p><a href="https://www.smashingmagazine.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/"><img src="" alt="40 Excellent Illustrator Tutorials — Smashing Magazine" title="40 Excellent Illustrator Tutorials — Smashing Magazine" class="entry-image" /></a></p><p>Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the for...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/"><img src="https://b.hatena.ne.jp/entry/image/https://www.smashingmagazine.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/" alt="はてなブックマーク - 40 Excellent Illustrator Tutorials — Smashing Magazine" title="はてなブックマーク - 40 Excellent Illustrator Tutorials — Smashing Magazine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20080205_loadinfo_gif/ ローディング・アニメーションをカスタマイズ、生成。 msw-etude 2008-02-05T15:01:15Z webデザイン webサービス ジェネレータ 294 <blockquote cite="https://gigazine.net/news/20080205_loadinfo_gif/" title="ローディング中のアニメーションGIFを生成する「Load Info - gif generator」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20080205_loadinfo_gif%2F" alt="" /> <a href="https://gigazine.net/news/20080205_loadinfo_gif/">ローディング中のアニメーションGIFを生成する「Load Info - gif generator」</a></cite><p><a href="https://gigazine.net/news/20080205_loadinfo_gif/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fa028bf78666e282a87706b9358fd7019502358d/height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2008%2F02%2F05%2Floadinfo_gif%2Fgif01.png" alt="ローディング中のアニメーションGIFを生成する「Load Info - gif generator」" title="ローディング中のアニメーションGIFを生成する「Load Info - gif generator」" class="entry-image" /></a></p><p>AJAXなどでよくあるあの「読み込み中……」みたいな感じのローディング中アニメーションをGIFアニメとして、好きな色の組み合わせでカスタマイスできるという便利なジェネレータです。現時点で99種類のパターンがあります。 詳細は以下の通り。 Load Info - gif generator http://loadinfo.net/ まずは好きなパターンをク...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20080205_loadinfo_gif/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20080205_loadinfo_gif/" alt="はてなブックマーク - ローディング中のアニメーションGIFを生成する「Load Info - gif generator」" title="はてなブックマーク - ローディング中のアニメーションGIFを生成する「Load Info - gif generator」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20080205_loadinfo_gif/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.designwalker.com/seed/graphicdesign/3dtotal/ ペイント系Photoshopチュートリアル。 msw-etude 2008-01-31T07:10:44Z Photoshop tips design チュートリアル デザイン 19 <blockquote cite="http://www.designwalker.com/seed/graphicdesign/3dtotal/" title="http://www.designwalker.com/seed/graphicdesign/3dtotal/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.designwalker.com%2Fseed%2Fgraphicdesign%2F3dtotal%2F" alt="" /> <a href="http://www.designwalker.com/seed/graphicdesign/3dtotal/">http://www.designwalker.com/seed/graphicdesign/3dtotal/</a></cite><p><a href="http://www.designwalker.com/seed/graphicdesign/3dtotal/"><img src="" alt="http://www.designwalker.com/seed/graphicdesign/3dtotal/" title="http://www.designwalker.com/seed/graphicdesign/3dtotal/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/graphicdesign/3dtotal/"><img src="https://b.hatena.ne.jp/entry/image/http://www.designwalker.com/seed/graphicdesign/3dtotal/" alt="はてなブックマーク - http://www.designwalker.com/seed/graphicdesign/3dtotal/" title="はてなブックマーク - http://www.designwalker.com/seed/graphicdesign/3dtotal/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/graphicdesign/3dtotal/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.ideaxidea.com/archives/2008/01/post_338.html 自分をブランディング。 msw-etude 2008-01-25T06:36:24Z アイディア デザイン ブランディング 263 <blockquote cite="https://www.ideaxidea.com/archives/2008/01/post_338.html" title="今日からできる、『自分ブランド』の作りかた | IDEA*IDEA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2008%2F01%2Fpost_338.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2008/01/post_338.html">今日からできる、『自分ブランド』の作りかた | IDEA*IDEA</a></cite><p><a href="https://www.ideaxidea.com/archives/2008/01/post_338.html"><img src="" alt="今日からできる、『自分ブランド』の作りかた | IDEA*IDEA" title="今日からできる、『自分ブランド』の作りかた | IDEA*IDEA" class="entry-image" /></a></p><p>ドットインストール代表のライフハックブログ</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2008/01/post_338.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2008/01/post_338.html" alt="はてなブックマーク - 今日からできる、『自分ブランド』の作りかた | IDEA*IDEA" title="はてなブックマーク - 今日からできる、『自分ブランド』の作りかた | IDEA*IDEA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2008/01/post_338.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://aknrkym.exblog.jp/2496638/ ディーター・ラムスによる「良いデザインの10の原則」 msw-etude 2008-01-20T17:08:31Z design デザイン 読み物 73 <blockquote cite="https://aknrkym.exblog.jp/2496638/" title="interlogue : Dieter Rams：Ten commandments on design"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Faknrkym.exblog.jp%2F2496638%2F" alt="" /> <a href="https://aknrkym.exblog.jp/2496638/">interlogue : Dieter Rams：Ten commandments on design</a></cite><p><a href="https://aknrkym.exblog.jp/2496638/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/806a4bf124f51b95d1f92fb4bdc4bbf9effc07b9/height=90;version=1;width=120/https%3A%2F%2Fpds.exblog.jp%2Flogo%2F1%2F200510%2F28%2F70%2Fa005347020051028190239.jpg" alt="interlogue : Dieter Rams：Ten commandments on design" title="interlogue : Dieter Rams：Ten commandments on design" class="entry-image" /></a></p><p>Good design is innovative. 良いデザインは、革新的である。 既存製品の形を真似るものでもなく、単に新奇性のための新奇性を生み出すのでもない。革新の神髄は、製品の機能すべてに明確に見て取れなくてはならない。 現在の技術的発展は、革新的なソリューションを生み出す新たなチャンスを提供し続けている。 Good de...</p><p><a href="https://b.hatena.ne.jp/entry/s/aknrkym.exblog.jp/2496638/"><img src="https://b.hatena.ne.jp/entry/image/https://aknrkym.exblog.jp/2496638/" alt="はてなブックマーク - interlogue : Dieter Rams：Ten commandments on design" title="はてなブックマーク - interlogue : Dieter Rams：Ten commandments on design" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/aknrkym.exblog.jp/2496638/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/ 様々なアイコン。 msw-etude 2008-01-15T11:13:47Z icon webデザイン デザイン 29 <blockquote cite="https://www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/" title="Sunday Design Resource Issue 3 – 500+ icons every designer needs"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.crazyleafdesign.com%2Fblog%2Fsunday-design-resource-issue-3-500-icons-every-designer-needs%2F" alt="" /> <a href="https://www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/">Sunday Design Resource Issue 3 – 500+ icons every designer needs</a></cite><p><a href="https://www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a05d527da3c5d17e1892dbf46677f9f5021e6718/height=90;version=1;width=120/https%3A%2F%2Fi195.photobucket.com%2Falbums%2Fz279%2Fcrazyleaf%2F1-4.png" alt="Sunday Design Resource Issue 3 – 500+ icons every designer needs" title="Sunday Design Resource Issue 3 – 500+ icons every designer needs" class="entry-image" /></a></p><p>Every design needs icons at some level. So, this week the Sunday Design Resource will present free icon resources. You can also get more icons from here. 1. 90 Free Vector Icon Sets, all in one EPS file. You can download the file directly from here. 2. Vista Ultimate IconPackager Vs. 1 3. Vista U...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/"><img src="https://b.hatena.ne.jp/entry/image/https://www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/" alt="はてなブックマーク - Sunday Design Resource Issue 3 – 500+ icons every designer needs" title="はてなブックマーク - Sunday Design Resource Issue 3 – 500+ icons every designer needs" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/ 高レベルのPhotoshopチュートリアル。 msw-etude 2008-01-11T05:38:08Z photoshop tips チュートリアル 40 <blockquote cite="http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/" title="http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.designwalker.com%2Fseed%2Fgraphicdesign%2Fphotoshop-tutorials%2F" alt="" /> <a href="http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/">http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/</a></cite><p><a href="http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/"><img src="" alt="http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/" title="http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/graphicdesign/photoshop-tutorials/"><img src="https://b.hatena.ne.jp/entry/image/http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/" alt="はてなブックマーク - http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/" title="はてなブックマーク - http://www.designwalker.com/seed/graphicdesign/photoshop-tutorials/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/graphicdesign/photoshop-tutorials/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.designwalker.com/seed/webdesign/photoshop_25shapes/ 25種類の無料カスタム・シェイプファイル。 msw-etude 2008-01-04T14:39:15Z Photoshop 7 <blockquote cite="http://www.designwalker.com/seed/webdesign/photoshop_25shapes/" title="http://www.designwalker.com/seed/webdesign/photoshop_25shapes/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.designwalker.com%2Fseed%2Fwebdesign%2Fphotoshop_25shapes%2F" alt="" /> <a href="http://www.designwalker.com/seed/webdesign/photoshop_25shapes/">http://www.designwalker.com/seed/webdesign/photoshop_25shapes/</a></cite><p><a href="http://www.designwalker.com/seed/webdesign/photoshop_25shapes/"><img src="" alt="http://www.designwalker.com/seed/webdesign/photoshop_25shapes/" title="http://www.designwalker.com/seed/webdesign/photoshop_25shapes/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/webdesign/photoshop_25shapes/"><img src="https://b.hatena.ne.jp/entry/image/http://www.designwalker.com/seed/webdesign/photoshop_25shapes/" alt="はてなブックマーク - http://www.designwalker.com/seed/webdesign/photoshop_25shapes/" title="はてなブックマーク - http://www.designwalker.com/seed/webdesign/photoshop_25shapes/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/webdesign/photoshop_25shapes/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.designwalker.com/seed/graphicdesign/typography2/ タイポグラフィーが美しい15のサイト。 msw-etude 2008-01-04T14:36:38Z webデザイン デザイン 4 <blockquote cite="http://www.designwalker.com/seed/graphicdesign/typography2/" title="http://www.designwalker.com/seed/graphicdesign/typography2/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.designwalker.com%2Fseed%2Fgraphicdesign%2Ftypography2%2F" alt="" /> <a href="http://www.designwalker.com/seed/graphicdesign/typography2/">http://www.designwalker.com/seed/graphicdesign/typography2/</a></cite><p><a href="http://www.designwalker.com/seed/graphicdesign/typography2/"><img src="" alt="http://www.designwalker.com/seed/graphicdesign/typography2/" title="http://www.designwalker.com/seed/graphicdesign/typography2/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/graphicdesign/typography2/"><img src="https://b.hatena.ne.jp/entry/image/http://www.designwalker.com/seed/graphicdesign/typography2/" alt="はてなブックマーク - http://www.designwalker.com/seed/graphicdesign/typography2/" title="はてなブックマーク - http://www.designwalker.com/seed/graphicdesign/typography2/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.designwalker.com/seed/graphicdesign/typography2/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20071218_easily_create_css_layouts/ レイアウト作成を行う際に便利なリソース22種類。 msw-etude 2007-12-18T05:59:44Z css webデザイン 707 <blockquote cite="https://gigazine.net/news/20071218_easily_create_css_layouts/" title="CSSのレイアウト作成に役立つ便利なリソースいろいろ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20071218_easily_create_css_layouts%2F" alt="" /> <a href="https://gigazine.net/news/20071218_easily_create_css_layouts/">CSSのレイアウト作成に役立つ便利なリソースいろいろ</a></cite><p><a href="https://gigazine.net/news/20071218_easily_create_css_layouts/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/907ab625fdadb61a9accb4007f3756a2495ef0b9/height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2007%2F12%2F18%2Feasily_create_css_layouts%2FcssSnap00_m.jpg" alt="CSSのレイアウト作成に役立つ便利なリソースいろいろ" title="CSSのレイアウト作成に役立つ便利なリソースいろいろ" class="entry-image" /></a></p><p>最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts ba...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20071218_easily_create_css_layouts/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20071218_easily_create_css_layouts/" alt="はてなブックマーク - CSSのレイアウト作成に役立つ便利なリソースいろいろ" title="はてなブックマーク - CSSのレイアウト作成に役立つ便利なリソースいろいろ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20071218_easily_create_css_layouts/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20071203_best_of_css_design_2007/ Best Web Galleryが選んだ2007年度のCSSデザインベスト5 msw-etude 2007-12-03T14:43:03Z css design webデザイン 591 <blockquote cite="https://gigazine.net/news/20071203_best_of_css_design_2007/" title="2007年度のCSSデザインベスト50発表"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20071203_best_of_css_design_2007%2F" alt="" /> <a href="https://gigazine.net/news/20071203_best_of_css_design_2007/">2007年度のCSSデザインベスト50発表</a></cite><p><a href="https://gigazine.net/news/20071203_best_of_css_design_2007/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3f3cc1d821f432e87f0fa151d17bf231196ba04f/height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2007%2F12%2F03%2Fbest_of_css_design_2007%2Fcss00.jpg" alt="2007年度のCSSデザインベスト50発表" title="2007年度のCSSデザインベスト50発表" class="entry-image" /></a></p><p>CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデ...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20071203_best_of_css_design_2007/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20071203_best_of_css_design_2007/" alt="はてなブックマーク - 2007年度のCSSデザインベスト50発表" title="はてなブックマーク - 2007年度のCSSデザインベスト50発表" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20071203_best_of_css_design_2007/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.ideaxidea.com/archives/2007/11/ui_patterns.html インターフェイスのパターン集。 msw-etude 2007-11-25T03:46:43Z webデザイン デザイン デザインパターン インタフェース 313 <blockquote cite="https://www.ideaxidea.com/archives/2007/11/ui_patterns.html" title="サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2007%2F11%2Fui_patterns.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2007/11/ui_patterns.html">サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～</a></cite><p><a href="https://www.ideaxidea.com/archives/2007/11/ui_patterns.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c5481dd33168a1a9637d041619f6a98672ed7385/height=90;version=1;width=120/http%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2007%2F11%2F25%2Fui_top.gif" alt="サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～" title="サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～" class="entry-image" /></a></p><p>ドットインストール代表のライフハックブログ</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2007/11/ui_patterns.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2007/11/ui_patterns.html" alt="はてなブックマーク - サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～" title="はてなブックマーク - サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2007/11/ui_patterns.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.creativecommons.jp/find/ Creative Commonsで素材検索。 msw-etude 2007-11-22T05:49:10Z creative commons 素材 12 <blockquote cite="http://www.creativecommons.jp/find/" title="クリエイティブ・コモンズ・ジャパン検索"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.creativecommons.jp%2Ffind%2F" alt="" /> <a href="http://www.creativecommons.jp/find/">クリエイティブ・コモンズ・ジャパン検索</a></cite><p><a href="http://www.creativecommons.jp/find/"><img src="" alt="クリエイティブ・コモンズ・ジャパン検索" title="クリエイティブ・コモンズ・ジャパン検索" class="entry-image" /></a></p><p>音 NeoM:rePublic 素材集 NiftyのCCライセンス・ベースのコンテンツ・ポータル NeoM の多様な素材がダウンロードできます．今まで楽曲，画像，映像，そしてMacromedia Flashのファイルがアップされています． 教育 早稲田大学OCW：シラバス検索 早稲田大学の科目・学部別のシラバスを検索し，教材にアクセスすることがで...</p><p><a href="https://b.hatena.ne.jp/entry/www.creativecommons.jp/find/"><img src="https://b.hatena.ne.jp/entry/image/http://www.creativecommons.jp/find/" alt="はてなブックマーク - クリエイティブ・コモンズ・ジャパン検索" title="はてなブックマーク - クリエイティブ・コモンズ・ジャパン検索" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.creativecommons.jp/find/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.askaccs.ne.jp/xoops/modules/weblinks/ 著作権や情報モラルに関するQ&A。 msw-etude 2007-11-20T05:35:00Z 著作権 29 <blockquote cite="http://www.askaccs.ne.jp/xoops/modules/weblinks/" title="askaccs.ne.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.askaccs.ne.jp%2Fxoops%2Fmodules%2Fweblinks%2F" alt="" /> <a href="http://www.askaccs.ne.jp/xoops/modules/weblinks/">askaccs.ne.jp</a></cite><p><a href="http://www.askaccs.ne.jp/xoops/modules/weblinks/"><img src="" alt="askaccs.ne.jp" title="askaccs.ne.jp" class="entry-image" /></a></p><p>This domain may be for sale!</p><p><a href="https://b.hatena.ne.jp/entry/www.askaccs.ne.jp/xoops/modules/weblinks/"><img src="https://b.hatena.ne.jp/entry/image/http://www.askaccs.ne.jp/xoops/modules/weblinks/" alt="はてなブックマーク - askaccs.ne.jp" title="はてなブックマーク - askaccs.ne.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.askaccs.ne.jp/xoops/modules/weblinks/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://humming.via-kitchen.com/weblog/2007/11/04/tips-for-search-form-on-safari/ 検索ウィンドウに検索履歴を追加。 msw-etude 2007-11-19T17:57:31Z safari webkit html 2 <blockquote cite="http://humming.via-kitchen.com/weblog/2007/11/04/tips-for-search-form-on-safari/" title="Safariで検索フォームをちょっと素敵に。 - Humming Via Kitchen"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhumming.via-kitchen.com%2Fweblog%2F2007%2F11%2F04%2Ftips-for-search-form-on-safari%2F" alt="" /> <a href="http://humming.via-kitchen.com/weblog/2007/11/04/tips-for-search-form-on-safari/">Safariで検索フォームをちょっと素敵に。 - Humming Via Kitchen</a></cite><p><a href="http://humming.via-kitchen.com/weblog/2007/11/04/tips-for-search-form-on-safari/"><img src="" alt="Safariで検索フォームをちょっと素敵に。 - Humming Via Kitchen" title="Safariで検索フォームをちょっと素敵に。 - Humming Via Kitchen" class="entry-image" /></a></p><p>Safari でちょっとした小ネタを発見。 HTMLのinputで、typeを search にすると、 角丸のいい感じのテキストエリアに変身してくれるっす。 さらに results と autosave を追加すると、 履歴をちゃんと保持してくれるようになる。 results で履歴を保持する数を指定し、 autosave で保存するユニークなID?を指定するみたい...</p><p><a href="https://b.hatena.ne.jp/entry/humming.via-kitchen.com/weblog/2007/11/04/tips-for-search-form-on-safari/"><img src="https://b.hatena.ne.jp/entry/image/http://humming.via-kitchen.com/weblog/2007/11/04/tips-for-search-form-on-safari/" alt="はてなブックマーク - Safariで検索フォームをちょっと素敵に。 - Humming Via Kitchen" title="はてなブックマーク - Safariで検索フォームをちょっと素敵に。 - Humming Via Kitchen" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/humming.via-kitchen.com/weblog/2007/11/04/tips-for-search-form-on-safari/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.uniqlo.com/grid/ ユニクロのロゴをグリッド上で生成、合体、切断、分割、回転、移動させて遊ぶ。 msw-etude 2007-11-16T05:49:21Z flash webデザイン 354 <blockquote cite="http://www.uniqlo.com/grid/" title="UNIQLO_GRID"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.uniqlo.com%2Fgrid%2F" alt="" /> <a href="http://www.uniqlo.com/grid/">UNIQLO_GRID</a></cite><p><a href="http://www.uniqlo.com/grid/"><img src="" alt="UNIQLO_GRID" title="UNIQLO_GRID" class="entry-image" /></a></p><p>Plugin Error : You need to upgrade your Flash Plugin. Please Install Flash Player 9.0 from this site.</p><p><a href="https://b.hatena.ne.jp/entry/www.uniqlo.com/grid/"><img src="https://b.hatena.ne.jp/entry/image/http://www.uniqlo.com/grid/" alt="はてなブックマーク - UNIQLO_GRID" title="はてなブックマーク - UNIQLO_GRID" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.uniqlo.com/grid/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.bebit.co.jp/memo/ ユーザビリティ向上のアイデアを毎週紹介。 msw-etude 2007-10-18T14:04:41Z ユーザビリティ webデザイン 552 <blockquote cite="https://www.bebit.co.jp/memo/" title="ユーザビリティ実践メモ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.bebit.co.jp%2Fmemo%2F" alt="" /> <a href="https://www.bebit.co.jp/memo/">ユーザビリティ実践メモ</a></cite><p><a href="https://www.bebit.co.jp/memo/"><img src="" alt="ユーザビリティ実践メモ" title="ユーザビリティ実践メモ" class="entry-image" /></a></p><p>スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む</p><p><a href="https://b.hatena.ne.jp/entry/s/www.bebit.co.jp/memo/"><img src="https://b.hatena.ne.jp/entry/image/https://www.bebit.co.jp/memo/" alt="はてなブックマーク - ユーザビリティ実践メモ" title="はてなブックマーク - ユーザビリティ実践メモ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.bebit.co.jp/memo/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://photost.jp/ プロが撮った写真素材を商用・個人利用問わず無料で使える。 msw-etude 2007-10-17T17:02:52Z フリー素材 素材 webデザイン 779 <blockquote cite="http://photost.jp/" title="写真素材・無料素材サイト PHOTO ST（フォトストリート）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fphotost.jp%2F" alt="" /> <a href="http://photost.jp/">写真素材・無料素材サイト PHOTO ST（フォトストリート）</a></cite><p><a href="http://photost.jp/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f5ced8ae6a09421c04c6638ef1997720f0495062/height=90;version=1;width=120/http%3A%2F%2Fphotost.jp%2Fwp-content%2Fthemes%2Fjin%2Fimg%2Fbg_default.jpg" alt="写真素材・無料素材サイト PHOTO ST（フォトストリート）" title="写真素材・無料素材サイト PHOTO ST（フォトストリート）" class="entry-image" /></a></p><p>30代会社員男性。20代前半は週一合コンからの出会い系マスター。仕事は真面目。マッチングアプリは30代になってから初体験。そのクオリティの高さに感動し当メディア「ふたりのマッチング」を立ち上げ。管理人。</p><p><a href="https://b.hatena.ne.jp/entry/photost.jp/"><img src="https://b.hatena.ne.jp/entry/image/http://photost.jp/" alt="はてなブックマーク - 写真素材・無料素材サイト PHOTO ST（フォトストリート）" title="はてなブックマーク - 写真素材・無料素材サイト PHOTO ST（フォトストリート）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/photost.jp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>