ã“ã‚Œã‹ã‚‰ã®Web制作ã«ä½¿ãˆã‚‹ã€é¢ç™½ã„UIを実装ã§ãã‚‹jQuery・CSS集Fancy Inputテã‚スト入力時ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·... / Hook.js下ã«ã²ã£ã±ã‚‹ã¨ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹jQue... / Kontext CSS3を使ã£ãŸ3Dãªãƒšãƒ¼ã‚¸åˆ‡ã‚Š...ä»–...å…¨17件
ウェブ制作ã®æ™‚間を大幅ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ンソースã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ラウザã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€å分ã§ã—ょã†ã€‚ 対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ページã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
アイデアを大é‡ç”Ÿç”£ã§ãる最強ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「オズボーンã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ | ãŠåœŸç”£å±‹ã•ã‚“ブãƒã‚°
è‹¥ã‹ã‚Šã—é ƒã€ä¸Šå¸ã‹ã‚‰ã€Œã‚¢ã‚¤ãƒ‡ã‚¢ã‚’出ã›ã€ã€Œæ¬¡ã®ä¼šè°ã¾ã§ã«ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’考ãˆã¦ãŠã‘ã€ã¨è¨€ã‚れ〠ãã®ãŸã³ã«ã€Œã¾ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã‹ã‚ˆãƒ»ãƒ»ãƒ»ã€‚ã€ã€Œå…¨ç„¶æ€ã„ã¤ã‹ãªã„・・・。ã€ã¨æ‚©ã‚“ã ã‚‚ã®ã§ã™ã€‚ アイデア本を片ã£ç«¯ã‹ã‚‰èªã‚“ã§è©¦ã—ã¦ã¿ã¾ã—ãŸãŒã€ãã†ç°¡å˜ã«ã¯ã‚¢ã‚¤ãƒ‡ã‚¢ã¯å‡ºãªã„ã‚‚ã®ã§ã€ä¸Šå¸ã¸ã®ã‚¢ã‚¤ãƒ‡ã‚¢å ±å‘Šã¯å¤§å¤‰è‹¦ç—›ã ã£ãŸã“ã¨ã‚’æ€ã„出ã—ã¾ã™ã€‚ ãã‚“ãªå½“時ã®è‡ªåˆ†ã«ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’æ•™ãˆã‚‹ã“ã¨ãŒã§ãã‚Œã°ã€ãšã„ã¶ã‚“状æ³ã¯å¤‰ã‚ã£ã¦ã„ãŸã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ 「オズボーンã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã¯ã€ã€Œå…¥ã‚Œæ›¿ãˆã¦ã¿ãŸã‚‰ã€ã€Œå¤§ããã—ã¦ã¿ãŸã‚‰ã€ã€Œé€†ã«ã—ã¦ã¿ãŸã‚‰ã€ãªã©ã¨ã€ï¼‘ã¤ã®ãŠé¡Œã‹ã‚‰ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’大é‡ç”Ÿç”£ã™ã‚‹ã“ã¨ãŒã§ãるフレームワークã§ã™ã€‚ アイデア出ã—ã«å›°ã£ã¦ã„ã‚‹æ–¹ã€ãœã²ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’試ã—ã¦ã¿ã¦ãã ã•ã„。 「オズボーンã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã¯ã€ã©ã‚“ãªãƒ„ールãªã®ã‹ï¼Ÿ ï¼™ã¤ã®è¦–点ã‹ã‚‰ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’発想ã§ãるツールã§ã™ã€‚
å°ã•ãã¦ã‚‚ãã£ãã‚Šã€å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã®ãƒŸãƒ‹ã‚¢ã‚¤ã‚³ãƒ³290種
Design interface application Framework _ 290 free vectors icons アイコンã¯ã‚¦ã‚§ãƒ–サイトã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—リケーションã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãªã©ã‚’想定ã—ã¦ã„ã‚‹ãŸã‚ã€å¤šç¨®å¤šæ§˜ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒ290種類æƒã£ãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ サイズã¯16x16ã«åŸºã¥ã„ã¦è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€å°ã•ãã¦ã‚‚鮮明ãªå¤–見を備ãˆã¦ã„ã¾ã™ã€‚
ITU Gaze Tracker - ãªã‚‰ã°
ã©ã“ã§å£²ã£ã¦ã‚‹ã®ã‹ã•ãˆçŸ¥ã‚‰ãªã„ãŒã€å•†ç”¨ã®è¦–線追跡システムã¯é«˜ä¾¡ã‚‰ã—ã„。一方ã€ç ”究レベルã§ã¯å®‰ä¾¡ãªè¦–線追跡システムã®æ案やプãƒãƒˆã‚¿ã‚¤ãƒ”ングãŒçµæ§‹è«–æ–‡ã«ãªã£ã¦ã„るらã—ã„。今回使ã£ãŸè¦–線追跡ソフトITU Gaze Trackerã¯ãã®ã²ã¨ã¤ã®æˆæžœã§ã€ä¸»ã«ã‚³ãƒšãƒ³ãƒãƒ¼ã‚²ãƒ³IT大å¦ã®ç ”究グループã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¦ã„る。ITU Gaze Trackerã¯å®¶é›»é‡è²©åº—ãªã©ã§æ‰‹ã«å…¥ã‚‹ã‚¦ã‚§ãƒ–カメラやビデオカメラをãã®ã¾ã¾æ”¹é€ ãªã—ã«ä½¿ã£ã¦ã€å®‰ãç°¡å˜ã«è¦–線追跡システムを構築å¯èƒ½ã«ã™ã‚‹ã‚½ãƒ•ãƒˆã‚’目指ã—ã¦ã„ã‚‹*1。 å…¬å¼ã®å‹•ä½œç’°å¢ƒã¯ã€ Windows XP SP2 .Net Framework 3.5 SP1 赤外線暗視機能付ãã®ã‚¦ã‚§ãƒ–カメラã‹ãƒ“デオカメラ*2 ãã‚Œãªã‚Šã«æ€§èƒ½ã®è‰¯ã„コンピュータ ã¨ãªã£ã¦ã„ã‚‹ãŒã€OSã¯Windows Vista SP2（32bit）ã§ã‚‚動作ã—ãŸã€‚ã‚ã¨å‹•ä½œç’°å¢ƒã«ã¯æ›¸ã„ã¦ãªã„ã‘ã©ã€ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã«ã‚
知らãªã„ã¨æã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークæ€è€ƒæ´»ç”¨æ³• - GoTheDistance
ホッテントリメーカーã‹ã‚‰ã‚¿ã‚¤ãƒˆãƒ«ã‚’é ‚æˆ´ã—ãŸã€‚id:phaã•ã‚“ã‚ã‚ŠãŒã¨ã€‚ 社会人ãªã‚‰æŠ¼ã•ãˆã¦ãŠããŸã„フレームワークæ€è€ƒ : LINE Corporation ディレクターブãƒã‚°ãŒéžå¸¸ã«äººæ°—ã§ä»Šå¹´ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ–ãƒã‚¬ãƒ¼(ã¨ã„ã†ã‹ã‚¨ãƒ³ãƒˆãƒªå¤§è³žã«è¦‹ãˆã‚‹)大賞ã«ã‚‚ノミãƒãƒ¼ãƒˆã•ã‚Œã¦ã„る。ã“ã†ã„ã†è¨˜äº‹ã¯ãƒ‹ãƒ¼ã‚ºãŒã‚ã‚Šãã†ãªã®ã§ã€åƒ•ãªã‚Šã«ãƒ•ãƒ¬ãƒ¼ãƒ ワークæ€è€ƒã«ã¤ã„ã¦ã„ãã¤ã‹ã‚µãƒ³ãƒ—ルを用æ„ã—ã€åƒ•ãŒä½¿ã†ãƒãƒ£ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ルを紹介ã—ã¦ãŠãã¾ã™ã€‚ ã¨ã„ã†ã‹1000以上ã®ï¾Œï¾žï½¸ï¾ã¨ã‹ãƒ»ãƒ»ãƒ»å«‰å¦¬ï¼æ¿€ã—ã嫉妬ï¼ï¼ãƒãƒ³ã‚«ãƒå™›ã‚“ã˜ã‚ƒã†ï¼ï¼ï¼ï¼ ãã‚‚ãã‚‚è°è«–ã—ã¡ã‚ƒã„ã‘ãªã„ã“㨠個人ã®ä¾¡å€¤è¦³ã«ä¾æ‹ ã—ã€ãŠäº’ã„ã®ä¸»å¼µã‚’出ã—åˆã£ã¦ã‚‚全体ã¨ã—ã¦åˆæ„ãŒå¾—られãã†ã«ãªã„ã“ã¨ã€‚例ãˆã°ï½¢æµ®æ°—ã®å®šç¾©ï½£ã¨ã‹ã€‚ã“ã‚“ãªã®ã¯è°è«–ã—ãŸã£ã¦å…¨ä½“最é©ãªã‚“ã¦å°Žã‘ã‚‹ã‚ã‘ãŒç„¡ã„ã®ã§ã€ãƒ“ジãƒã‚¹ã®å ´ã§ã¯å…¨ãæŒã£ã¦ãƒ ダã§ã™ã€‚居酒屋ã§ã‚„ã‚Šã¾ã—ょã†ã€‚ 仕事ã§è°è«–ã™ã‚‹ã“ã¨ã®æ„味 ã‚ãªãŸ
CSSã«ã‚ˆã‚‹æ®µçµ„レイアウトã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク - lucky bag
CSS ã«ã‚ˆã‚‹æ®µçµ„レイアウトを実ç¾ã™ã‚‹ã«ã¯ã€float プãƒãƒ‘ティ㋠position プãƒãƒ‘ティã®ã©ã¡ã‚‰ã‹ã‚’使ã£ãŸæ–¹æ³•ã‚’é¸æŠžã™ã‚‹ã“ã¨ã«ãªã‚‹ã¨æ€ã†ã®ã ã‘ã‚Œã©ã‚‚〠float æ´¾ã®è‡ªåˆ†ã¨ã—ã¦ã¯ position を使ã£ãŸæ–¹æ³•ã®åˆ©ç‚¹ãƒ»æ¬ 点を知ã£ã¦ãŠã‹ãªã‘ã‚Œã°ã¨æ€ã£ãŸã‚“ã§ã€float ã§ä½œã£ãŸã®ã¨åŒã˜ã‚ˆã†ã« position ã§ã‚‚段組レイアウトを作ã£ãŸã¿ãŸã€‚ã›ã£ã‹ãã ã‹ã‚‰ã€ãれらレイアウトをã¾ã¨ã‚㟠CSS フレームワークを公開ã—ã¾ã™ã€‚ CSS ã«ã‚ˆã‚‹æ®µçµ„レイアウト ã¡ãªã¿ã«ã€å„レイアウトã®è©³ç´°ãªèª¬æ˜Žã¯ã‚ã‚Šã¾ã›ã‚“。ãã‚Œã«ã¤ã„ã¦ã¯ã€ã„ã¤ã‹ä½•ã‹ã§è§£èª¬ã—ã¾ã™ã€‚ ã¾ãŸã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯è‡ªç”±ã«ä½¿ã£ã¦é ‚ã„ã¦æ§‹ã„ã¾ã›ã‚“ãŒã€ãã‚Œã«ã‚ˆã£ã¦ç”Ÿã˜ã‚‹å•é¡Œã«ã¤ã„ã¦ã®ã‚µãƒãƒ¼ãƒˆã¯è¡Œã„ã¾ã›ã‚“。 ãŸã ã—ã€ã“ã†ã„ã†çŠ¶æ³ã§ã¯å´©ã‚Œã‚‹ã‚ˆã¨ã„ã†å ±å‘Šã‚„ã€é€†ã«ã“ã†ã™ã‚‹ã¨è‰¯ã„よã¨ã„ã†ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãŒé ‚ã‘ã‚‹ã®ã§ã‚ã‚Œã°ã€ãœã²ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã„ã†éž
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HTML5ã¨CSS3を使ã„ã“ãªã—ãŸããªã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク15é¸
http://www.designwalker.com/2010/06/html5-template.html
http://www.designwalker.com/2010/05/grid-design.html
[CSS]商用サイトã§ã‚‚ãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹CSSã®ãƒŠãƒ“ゲーション集
{{#tags}}- {{label}}
{{/tags}}