å°‘ãªã„装飾ã§ç´ æã®é…力を生ã‹ã™ã€ã‚ºãƒ«ã„Webサービスデザイン実践編 // Speaker Deck
WCAF Vol.11 「Design〠in ç¦äº• ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://wcaf.doorkeeper.jp/events/7028 å”力： we love heroku by @ppworks http://welove.herokuapp.com/ （å‚考）ppworks æ°ã«ã‚ˆã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ http://www.genuineblue.jp/posts/weloveheroku-design-renewal/ ズルã„デザインテクニック2013 + セミフラット version - in ç¦äº• https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku2013-plus-semihuratuto-version-in-fu-jing
ズルã„デザインテクニック2013 + セミフラット version
[大阪] プãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘デザイン勉強会ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://connpass.com/event/3086/ --- [ã‚ã‚ã›ã¦èªã¿ãŸã„] KSSã§ä½œã‚‹ãƒ‘ターンライブラリ by @machida https://speakerdeck.com/machida/k…
デザイナーã®ç§ãŒè‰²é¸æŠžã«è¿·ã£ãŸæ™‚ã«ä½¿ç”¨ã—ã¦ã„ã‚‹é…色ツール・カラーãƒãƒ£ãƒ¼ãƒˆãªã©ã®ã¾ã¨ã‚
New/ old tin palette / jessiecchapman 「色彩検定2ç´šã€ã¨è¨€ã†è‡ªæ…¢ã—ã¦ã„ã„ã‚“ã ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„è³‡æ ¼ã‚’æŒã£ã¦ã„ã‚‹ç§ã€‚…ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾å‹¤å‹™ã§ã‚ã‚ŠãªãŒã‚‰ã€ã©ã†ã‚‚「色使ã„ã€ã¨è¨€ã†ã‚‚ã®ã«è‹¦æ‰‹æ„è˜ã‚’æŒã£ã¦ãŠã‚Šã¾ã—ã¦ã€‚ ã„ã–デザインã«å–り掛ã‹ã‚ã†ï¼ã¨ãªã£ã¦ã‹ã‚‰ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã‚’決ã‚ã¦ã€ã‚µãƒ–ã®ã‚«ãƒ©ãƒ¼ã‚’決ã‚ã¦ã€ã‚ˆã—ã“ã‚Œã ã€ã‚ã€ã§ã‚‚å¾…ã£ã¦ã€ã“ã£ã¡ã®è‰²ã®æ–¹ãŒã„ã„ã‹ã‚‚ã€ã†ã†ã‚“ã€å…ƒã«æˆ»ãã†â€¦ã‚ã€ã‚„ã£ã±ã‚Šã“ã®ã‚ャミソールã«ã—よã†ã‹ã—ら…etcetc。 ã•ã£ã±ã‚Šä½œæ¥ãŒé€²ã¾ãªã„ã“ã¨ã‚‚ã—ã°ã—ã°ãªã®ã§ã™ãŒã€ãã‚“ãªæ™‚ã«ä½¿ç”¨ã—ã¦ãŠã‚Šã¾ã™é…色ã®æ‰‹åŠ©ã‘ツールをã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™:)
首相官邸サイトリニューアルã€ã—ã‹ã—ã™ãã«å†ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãŒå¿…è¦ | 水無月ã°ã‘らã®ãˆã³æ—¥è¨˜
公開: 2012å¹´4月8æ—¥16時40åˆ†é ƒ 首相官邸 (www.kantei.go.jp)ã®ã‚µã‚¤ãƒˆãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸãã†ã§ã€‚ 4500万円ã‹ã‹ã£ãŸã¨å ±ã˜ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ä½•ã‚’ã‚„ã£ãŸã®ã‹ãŒåˆ†ã‹ã‚‰ãªã„ã®ã§ã€é«˜ã„ã‹å®‰ã„ã‹ã¯è©•ä¾¡ã®ã—よã†ãŒãªã„ã§ã™ã。å˜ç´”ã«è¦æ¨¡ã‹ã‚‰ã€Œã‚„ã‚‹ã¹ã事ã€ã‚’考ãˆã¦ã¿ã‚‹ã¨ã€CMS抜ãã§4500万円ã‹ã‹ã£ã¦ã‚‚ä¸æ€è°ã§ã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚戦略をã¿ã£ã¡ã‚Šã‚„ã£ãŸã‚Šã€ãã‚Œãªã‚ŠãªCMSを入れãŸã‚Šã™ã‚Œã°è¶³ã‚Šãªããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ãã—ã¦å®Ÿéš›ã«ã‚µã‚¤ãƒˆã‚’見ã¦ã¿ã‚‹ã¨ã€ã¾ãšã€è¦‹ãŸç›®ã ã‘ã§ä»¥ä¸‹ã®ã‚ˆã†ãªç‚¹ãŒæ°—ã«ãªã‚‹ã‚ã‘ã§ã™ã€‚ 背景ã«ã†ã£ã™ã‚‰ã¨å†™çœŸãŒæ•·ã‹ã‚Œã¦ã„ã¾ã™ãŒã€è‚心ãªéƒ¨åˆ†ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸‹æ•·ãã«ãªã£ã¦ã‚ˆã見ãˆãªã„上ã«ã€ã€Œé¦–相官邸ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã¾ã‚ã‚ŠãŒèªã¿ã«ãããªã£ã¦ã—ã¾ã£ã¦ã„ã¾ã™ã€‚プãƒãŒã“ã†ã„ã†ä¸é€”åŠç«¯ãªå†™çœŸã®ä½¿ã„方をã™ã‚‹ã“ã¨ã¯ã¾ãšã‚ã‚Šã¾ã›ã‚“。写真を見ã›ãŸã„ãªã‚‰ã¡ã‚ƒã‚“ã¨è¦‹ã›ã‚‹ã§ã—ょã†ã—ã€è¦‹ã›ãªãã¦ã‚‚良ã„
Webデザインã®ã‚»ã‚ªãƒªãƒ¼ã‚’å¦ã¼ã†
2012å¹´2月16æ—¥ ç¦äº•å·¥æ¥é«˜ç‰å°‚é–€å¦æ ¡ã§è¡Œã„ã¾ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒŸãƒŠãƒ¼ã§ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Read less
CSSã®ã¿ã§ãƒ†ã‚ストã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„リフレクトをã‹ã‘るテクニック（ã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãらã’ã らã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5・CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”紹介ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯CSSã§ãƒ†ã‚ストã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘るテクニックã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontを使ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ストã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘るテクニックをã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ 通常ã€CSSã§ãƒ†ã‚ストカラー（colorプãƒãƒ‘ティ）ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„「mask-imageã€ãƒ—ãƒãƒ‘ティを組ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚具体
Web制作ã®ç‚ºã®ç„¡æ–™Webサービス・ツール40*ホームページを作る人ã®ãƒã‚¿å¸³
web制作ã§ä½¿ãˆã‚‹Webサービスやã€Webツールãªã©ã‚’ã”紹介。 å°åˆ†ã‘ã—ã¦ç´¹ä»‹ã—ã¦ã„ãŸåˆ†ã‚‚ã‚ã‚ã›ã¦ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚定番ã®ç‰©ã‹ã‚‰ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªã‚‚ã®ã¾ã§ãŠæ¥½ã—ã¿ãã ã•ã„。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェãƒãƒ¬ãƒ¼ã‚¿ Web制作ã§ã‚‚よã背景ã§åˆ©ç”¨ã™ã‚‹ãƒ‘ターンファイルを作æˆã™ã‚‹ç´ 晴らã—ã„ジェãƒãƒ¬ãƒ¼ã‚¿ã€‚様々ãªæ¨¡æ§˜ãŒã‚ã‚Šã€è‰²ã¯æ±ºã‚ã‚Œã¾ã™ã®ã§ã€çµ„ã¿åˆã‚ã›ã¯ã»ã¼ç„¡é™ã§ã™ã€‚ Pixlr Photo Editor-オンラインフォトエディタ 世界ã§æœ€ã‚‚人気ã¨ã•ã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ã‚©ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã€‚OSã‚’é¸ã°ãªã„。 photoshopã«è¿‘ã„インターフェイスã¨ã€ãƒ–ラウザã•ãˆã‚ã‚Œã°å‹•ãã¨ã„ã†ä½¿ç”¨ãŒäººæ°—。ユーザー登録ã—ãªãã¦ã‚‚利用ã§ãる（ã—ãŸã»ã†ãŒä¾¿åˆ©ï¼‰ã€‚ Vintage Effect-レトãƒã€ãƒ´ã‚£ãƒ³ãƒ†ãƒ¼ã‚¸ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 上ã®Pixlr.comãŒé‹å–¶ã™ã‚‹ã‚‚
[連載]Webデザイン入門（1日目） | Stocker.jp / diary
本日ã‹ã‚‰æ–°ãŸã«ã€ã€ŒWebデザイン入門ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§é€£è¼‰ã‚’始ã‚ã¾ã™ã€‚ 9月ã‹ã‚‰Webスクールã®è¬›å¸«ã‚’ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã“ã§ã‚«ãƒªã‚ュラムã¨ã—ã¦æ¸¡ã•ã‚ŒãŸãƒ†ã‚ストã«ã¯ã€ŒPhotoshop ã‚„ Dreamweaver ç‰ã®ã‚½ãƒ•ãƒˆã®æ“作説明ã€ã—ã‹ã•ã‚Œã¦ãŠã‚‰ãšã€ã‚½ãƒ•ãƒˆã®æ“作方法を習得ã—ãŸã ã‘ã§ã¯Webデザイナーã¨ã—ã¦å°±è·ã—ã€ä»•äº‹ã—ã¦ã„ãã®ã¯å°‘々厳ã—ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã—ãŸã€‚ ãã“ã§ã€ã‚½ãƒ•ãƒˆã®æ“作方法ã¨å¹³è¡Œã—ã¦ã€ŒWebデザインãã®ã‚‚ã®ã€ã«ã¤ã„ã¦è€ƒãˆã‚‹æ™‚é–“ã‚’è¨ã‘ãŸã„ã¨æ€ã„ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚«ãƒªã‚ュラムを作るã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã“ã“ã§ã¯ã€ãã®ã‚«ãƒªã‚ュラムã®ä¸€éƒ¨ã‚’ブãƒã‚°å½¢å¼ã«ã—ã¦æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ æ—¢ã«Webデザインã®ä»•äº‹ã‚’ã•ã‚Œã¦ã„ã‚‹æ–¹ã¯ã”å˜çŸ¥ã®ã“ã¨ã°ã‹ã‚Šã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã‚Œã‹ã‚‰Webデザイナーã«ãªã‚ŠãŸã„方やã€ä»Šã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãªã©ãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã®ä»•äº‹ã‚’ã•ã‚Œã¦ã„ã¦ã€ã“ã‚Œã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚手ãŒã‘ã¦ã¿ãŸã„ã¨
![[連載]Webデザイン入門（1日目） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aeba51f4329633993f3f50c3007e124fe9a30ab/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fb433d63ba5e7a465dbac23082f36bb7f-500x375-1.png%3Ffit%3D500%252C375%26ssl%3D1)
色彩センスã®ã„らãªã„é…色講座
3. 自己紹介 è·æ¥ï¼šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ 物心ã¤ã„ãŸã¨ãã«ã¯çµµã‚’æãã®ãŒå¥½ãã ã£ãŸ ãã®ã¾ã¾ã®å‹¢ã„ã§æŸç¾Žå¤§æŸãƒ‡ã‚¶ã‚¤ãƒ³ç§‘ã«é€²å¦ 社会ã«å‡ºãŸã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ãŒé€šã˜ãªã•ã™ãŽã¦æ‚¶çµ¶ ãã‚“ãªç¤¾ä¼šã«å¯¾ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŠ¹æžœã‚’ã‚Šã‚ã‚“ã¦ãã«èª¬æ˜Žã—ã¦èª¬å¾—ã—よã†ã¨ã—ã¦ã„ã‚‹ marippe_
地味ã«ä½¿ãˆã‚‹CSSå°æŠ€ã®ãƒ¡ãƒ¢&サンプル集 - ã‹ã¡ã³ã¨.net
cssã®å°æŠ€çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒä¾¿åˆ©ãªã®ã§å¥½ããªã‚“ ã§ã™ãŒã€cssãã®ã‚‚ã®ãŒå«Œã„ã§è¦šãˆã‚‰ã‚Œãªã„ã®ã§ カンペ的ãªè¨˜äº‹ã‚’作るã“ã¨ã«ã—ã¾ã—ãŸã€‚便利ãªå°æŠ€ ã¯æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ç‰¹ã«è‡ªåˆ†ãŒè‰¯ã使ã„ãã†ãª Tipsをメモã—ã¾ã™ã€‚æ—¢ã«å‡ºå›žã£ã¦ã„ã‚‹æƒ…å ±ã°ã‹ã‚Šã§ 特ã«ç›®æ–°ã—ã„手法ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ä½•ã‚‚期待ã§ã ãªã„ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ç‰¹ã«ãƒ†ãƒ¼ãƒžã‚‚一貫性も無ãã¦ã€ãŸã 便利ã£ã¦ã ã‘ã§ã™ã€‚推奨ã•ã‚Œãªã„方法もã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åƒ•ã¯ç´°ã‹ã„ã“ã¨æ°—ã«ã—ã¾ã›ã‚“ã®ã§ãã‚“ãªæ„Ÿã˜ã§ã™ã€‚ 内容も既出ãªã®ã§ãŠè©³ã—ã„æ–¹ã«ã¯ãŠå½¹ã«ç«‹ã¦ãªã„ã§ã™ãŒã€åƒ•ã®å€‹äººçš„ãªãƒ¡ãƒ¢ãªã®ã§é©å½“ã«æµã—ã¦é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ floatã§ä¸¦ã¹ãŸãƒªã‚¹ãƒˆã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚° Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
スマフォサイトã§ã‚ˆã見るパーツã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ル集 | 07design.blog
最近スマートフォンサイトã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã“ã§ã€å€‹äººçš„ã«ã‚ˆã使ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã スマフォサイト構築ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚…最近スマートフォンサイトã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã“ã§ã€å€‹äººçš„ã«ã‚ˆã使ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã スマフォサイト構築ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ‡ãƒ¢ï¼ˆchromeãªã©ã®webkit系ブラウザã¾ãŸã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å®Ÿæ©Ÿã§ã”覧ãã ã•ã„） download ヘッダーã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ <h3>ヘッダーã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼</h3> <!--ヘッダーã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
プãƒã‚°ãƒ©ãƒžãƒ¼ãŒã‹ã£ã“ã„ã„WEBサイトを作る5ã¤ã®ã‚³ãƒ„ - ãŠã‹ããŒãªã„(ﾟ∀ﾟ)ｯ!!
「ã‹ã£ã“ã„ã„サイト作るãžï¼ã€ ã¨æ„気込んã§ã¿ãŸã‚‚ã‚‚ã®ã€ã„ã–作ã£ã¦ã¿ã‚‹ã¨ 「ã‚れ･･･ãªã‚“ã‹ãƒ€ã‚µã„･･･〠WEBサイトを作æˆã—ãŸã“ã¨ã®ã‚るプãƒã‚°ãƒ©ãƒžãƒ¼ã®æ–¹ãªã‚‰ã€ 経験ã—ãŸã“ã¨ãŒã‚る方も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ WEB制作ã¯ã€åŸºæœ¬çš„ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚·ã‚¹ãƒ†ãƒ ã¯ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€ã¨ã„ㆠ役割分担ã®å…ƒã«ä½œæ¥ãŒè¡Œãªã‚れるãŸã‚ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒè¦‹æ „ãˆã®ã™ã‚‹ã‚µã‚¤ãƒˆã‚’作るã“ã¨ã¯ã€ ç°¡å˜ãªã‚ˆã†ã§ã€ãªã‹ãªã‹é›£ã—ã„ã“ã¨ã§ã™ã€‚ ã‹ãã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚ã‚‹ç§ã‚‚ã€ã„ãã¤ã‹ã®WEBサイトを個人的ã«ä½œæˆã—ã¦ãã¾ã—ãŸãŒã€ 自分ã§ç´å¾—ã®ã„ã見ãŸç›®ã®ã‚µã‚¤ãƒˆãŒä½œã‚Œãšã€å¤œä¸ã®è¬Žã®ãƒã‚¤ãƒ†ãƒ³ã‚·ãƒ§ãƒ³æ™‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ を完æˆã•ã›ã€1度å¯ã¦ã‹ã‚‰å†åº¦ç¢ºèªã™ã‚‹ã¨ã€ãã“ã«ã¯è¦‹ã‚‹ã‚‚無残ãªWEBサイトãŒï½¥ï½¥ï½¥ ãªã‚“ã¦ã„ã†ã“ã¨ã‚’何回も経験ã—ã¦ãã¾ã—ãŸã€‚ ãã“ã§ç§ãŒè©¦è¡ŒéŒ¯èª¤ã—ãŸçµæžœã‚’å…ƒã«ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒã€ã‚·ãƒ³ãƒ—ルãªãŒã‚‰ ã‚ã‚‹ç¨‹åº¦è¦‹æ „ãˆã®ã™ã‚‹WEBサイト
サービス終了ã®ãŠçŸ¥ã‚‰ã›
サービス終了ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“スã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“スを終了ã„ãŸã—ã¾ã—ãŸã€‚ 今後ã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”愛顧ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
webデザインã«ãŠã‘る視線誘導ã®ãŠã¯ãªã— | 07design.blog
ã“ã‚“ã«ã¡ã¯ã€‚今回ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨˜äº‹ã‚’書ãã¾ã™ã€‚「グーテンベルク・ダイヤグラムã€ã¨ã„ã†è¨€è‘‰ã‚’ã”å˜ã˜ã§ã—ょã†ã‹ã€‚ ãªã‚“ã ã‹ã™ã”ãä¸äºŒå¿ƒã‚’ãã™ãられる言葉ã§ã™ã。「グーテンベルク・ダイヤグラムã€ã¨ã¯å‡ç‰ã«é…ç½®ã•ã‚ŒãŸåŒè³ªã®æƒ…å ±ã‚’è¦‹ã‚‹éš›ã®ã€ãƒ»ãƒ»ãƒ»ã“ã‚“ã«ã¡ã¯ã€‚今回ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨˜äº‹ã‚’書ãã¾ã™ã€‚ 「グーテンベルク・ダイヤグラムã€ã¨ã„ã†è¨€è‘‰ã‚’ã”å˜ã˜ã§ã—ょã†ã‹ã€‚ ãªã‚“ã ã‹ã™ã”ãä¸äºŒå¿ƒã‚’ãã™ãられる言葉ã§ã™ã。 「グーテンベルク・ダイヤグラムã€ã¨ã¯å‡ç‰ã«é…ç½®ã•ã‚ŒãŸåŒè³ªã®æƒ…å ±ã‚’è¦‹ã‚‹éš›ã®ã€ä¸€èˆ¬çš„ãªè¦–ç·šã®æµã‚Œã®ãƒ‘ターンを表ã—ãŸå›³å¼ã®ã“ã¨ã§ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€Œäººé–“ã®ç›®ã¯å·¦ä¸Šã‹ã‚‰å³ä¸‹æ–¹å‘ã¸ã€ãƒãƒ©ãƒãƒ©ã—ãªãŒã‚‰é·ç§»ã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã†ã„ã£ãŸè¦–ç·šã®æµã‚Œã®ãƒ‘ターンã¯ã€ã‚¨ãƒ‡ã‚£ãƒˆãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã§ã¯å½“ãŸã‚Šå‰ã«ä½¿ã‚ã‚Œã¦ã„る技法・考ãˆæ–¹ã‚‰ã—ã„ã§ã™ã€‚ テã‚ストをレイアウトã™ã‚‹å ´åˆã«ã¯ã€å·¦ä¸Šãƒ»å³ä¸‹ã«é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™
[JS]jQueryã®ãƒ—ラグイン33 1é¸ -2011å¹´5月 | コリス
Skitter 多種多少ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒã‚’変更ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚ ã‚ャプãƒãƒ£ã¯ã€Œcubeã€ã€ã‚ューブ状ã«ãªã£ã¦å¤‰æ›´ã—ã¾ã™ã€‚
LavaLamp for jQuery lovers! | Ganeshji Marwaha
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
[CSS]「:beforeã€ã€Œ:afterã€ã§ã‚¿ãƒ–ã®ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’強化ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Flared Borders with CSS デモページ ※上：ディテールを強化ã—ãŸã‚¿ãƒ–ã€ä¸‹ï¼šæ—§å¼ã®ã‚¿ãƒ– [ad#ad-2] 対応ブラウザã¯ã€Œ:beforeã€ã€Œ:afterã€ã¯CSS2ã§ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã«è§’丸ãªã©ã®CSS3を使用ã—ã¦ã„ã‚‹ãŸã‚ã€CSS3対応ブラウザ（Firefox, Chrome, Safari, IE9）ã§ã”覧ãã ã•ã„。 HTML リストè¦ç´ を使用ã—ã¦ã€å®Ÿè£…ã—ã¾ã™ã€‚ <ul> <li class="current"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> CSS：タブã®ãƒ™ãƒ¼ã‚¹ シンプルãªè§’丸
CSS：åˆå¿ƒè€…ã®é ƒã«ãƒãƒžã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚ã‚Œã“ã‚Œ … IE7多ã‚
CSSã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚åˆå¿ƒè€…ã®ã“ã‚ã«ã¯ CSS ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒã†ã¾ãã„ã‹ãªãã¦ã€åŠæ—¥ã‚„丸一日悩んã ã“ã¨ã‚‚ã„ã£ã±ã„ã‚ã‚Šã¾ã—ãŸã€‚最近ã§ã¯ã€ã‚„ã£ã¨ã²ã¨é€šã‚Šè¦šãˆã¦ã€æ€ã†ã‚ˆã†ã«ã§ãるよã†ã«ãªã£ãŸã‹ãªãƒ¼ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚今回ã¯åˆå¿ƒè€…ã ã£ãŸã“ã‚ã€ã¡ã‚‡ã£ã¨æ‚©ã‚“ã ã“ã¨ãªã©ã‚’ã„ãã¤ã‹ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Webサイトã®è¦‹ãŸç›®ã‚’デザインã—ã¦ã„ãã®ã«æ¬ ã‹ã›ãªã„ CSS。度々ã“ã‚Œã£ã¦ã©ã†ã‚„ã‚‹ã‚“ã ã‚ã†ã¨ã‹ã€ã©ã†ã—ã¦ã“ã†ãªã£ã¡ã‚ƒã†ã®ï¼Ÿã¨ã„ã†ã‚‚ã®ã«éé‡ã—ã¾ã™ã€‚ã¾ãŸã€ä»Šã¾ã§ã¯ IE6 をターゲットã«å«ã‚ã¦ã¾ã—ãŸã‘ã©ã€ãã‚ãã‚ IE7 ã‹ã‚‰ã‚’ターゲットã«ã™ã‚Œã°ã„ã„ã®ã‹ãªãƒ¼ã¨æ€ã†ã“ã¨ã‚‚ã‚ã£ã¦ã€éŽåŽ»ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ›¸ãæ–¹ã®ç¿’慣を変ãˆã‚ˆã†ã‹ãªã¨ã‚‚æ€ã£ã¦ã„ã¾ã™ã€‚ スタイルシートを書ã„ã¦ã„ã¦ã€ä»Šã¾ã§éé‡ã—ãŸä¸å…·åˆã‚„ãã®å›žé¿æ–¹æ³•ã€ã¾ãŸä»Šã¾ã§ã¯ã“ã†ã—ã¦ãŸã‘ã©ã€ã“ã‚Œã‹ã‚‰ã¯å¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãªãƒ¼ã¨ã„ã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚‚ã†ãã‚“ãªã“ã¨ã—ã¦ãªã„
ã„ã¾ã•ã‚‰èžã‘ãªã„CSSï¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆå…¥é–€
連載インデックス 「ã„ã¾ã•ã‚‰èžã‘ãªã„CSSï¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆå…¥é–€ã€ Webデザインã«ã‚ã‚‹ã¨ä¾¿åˆ©ãªCSS。Web制作åˆå¿ƒè€…ã®ãŸã‚ã®å…¥é–€è¨˜äº‹ã®ã¾ã¨ã‚ã§ã™ã€‚基礎的ãªæ–‡æ³•ï¼æ›¸ãæ–¹ã‹ã‚‰ã€IDやクラスãªã©ã®ã•ã¾ã–ã¾ãªã‚»ãƒ¬ã‚¯ã‚¿ã€ãƒ—ãƒãƒ‘ティã€ãƒ‡ãƒãƒƒã‚°ãƒ„ールã®ä½¿ã„æ–¹ã€ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã€ç¶™æ‰¿ã®åŸºæœ¬ã‚’豊富ãªã‚µãƒ³ãƒ—ルコードã¨ã¨ã‚‚ã«è§£èª¬ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã‚µã‚¤ãƒˆã‚’ステã‚ã«ã™ã‚‹CSSã®åŸºæœ¬ ã„ã¾ã•ã‚‰èžã‘ãªã„CSSï¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆå…¥é–€ï¼ˆ1）　Webデザインã«ã‚ã‚‹ã¨ä¾¿åˆ©ãªCSS。ã¡ã‚‡ã£ã¨ã‚µã‚¤ãƒˆã‚’ステã‚ã«ã™ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚基本ã®åŸºæœ¬ã‚’å¦ã³ã¾ã›ã‚“ã‹ï¼Ÿ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ナビゲーションメニューã®ãƒ‡ã‚¶ã‚¤ãƒ³ç·ã¾ã¨ã‚ - DesignWalker
{{#tags}}- {{label}}
{{/tags}}