新人Webデザイナーã«èªã¾ã›ãŸã„ã€åˆå¿ƒè€…å‘ã‘ã®åŸºç¤Žã‚’ä¸å¯§ã«è§£èª¬ã—ã¦ã„る記事0 ã‹ã‚‰å§‹ã‚ã‚‹HTMLã¨CSSã®åŸºæœ¬ãƒ»åŸºç¤Ž-we... / å®Œå…¨ç´ äººãŒã²ã¨ã‚Šã§Webサイトを作れるã¾ã§ã«å¿…è¦... / ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹HTML5ã§ã®ã‚µã‚¤ãƒˆåˆ¶ä½œ-目次 ...ä»–...å…¨8件
無駄ãªdivè¦ç´ ã‚„classã らã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
グリッドベースã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’作æˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ を多用ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„味ã®ã‚るデータã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ を使用ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã らã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク：960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ リストè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ャプションã®ä½¿ç”¨ 複数ã®è¦‹å‡ºã—ã¨ãƒ‘ラグラフã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ページã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ルãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãれを大ãã変ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒã‚¦ã‚§ãƒ–ページã®è¨è¨ˆã‚’容易ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワ
国産é™å®šãƒ»Web制作時ã«è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãª14ã®ãƒ•ãƒªãƒ¼ã®Webサービス - ã‹ã¡ã³ã¨.net
最近ã€å›½ç”£ã®Webサービスも ã‹ãªã‚Šå‹¢ã„ãŒã‚ã‚‹ãªãã¨æ€ã£ãŸã®ã§ ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚よã 紹介ã•ã‚Œã‚‹ã®ã¯æµ·å¤–製ã§ã™ãŒã€ ãã‚Œã«åŠ£ã‚‰ãªã„Made in Japanã® Web制作者ãŒçŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãã†ãª フリーã®Webサービスをã”紹介ã—ã¾ã™ã€‚ é †ä¸åŒã§ã™ã€‚日本語ãŒå®Œå…¨ã«é€šã˜ã‚‹æµ·å¤–Webサービスも今回ã¯çœã„ã¦ç´”国産ã®Webサイト制作ã«ä¸€å½¹è²·ã£ã¦ãã‚Œãã†ãªWebサービスをã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚出æ¥ã‚‹é™ã‚Šé«˜æ€§èƒ½ã ã£ãŸã‚Šå¤šæ©Ÿèƒ½ãªWebサービスã®ã¿ã«ã—ãŸã¤ã‚‚ã‚Šã§ã™ãŒä¸»è¦³å…¥ã£ã¦ã¾ã™ã€‚ Color of Book 国産サービスã§ä¸€ç•ªå¤šç”¨ã—ã¦ã„ã¾ã™ã€‚AmazonAPIを使ã£ã¦é›‘誌ã®è¡¨ç´™ã‚’抜ã出ã—ã€ãã®è¡¨ç´™ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’生æˆã€‚アイデアãŒç´ 晴らã—ã„ã§ã™ã。雑誌ã¯è¡¨ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„色ã§æƒ¹ãã¤ã‘るよã†è€ƒãˆã‚‰ã‚Œã¦ã„る事ãŒå¤šã„ã®ã§Web制作時ã®ã‚«ãƒ©ãƒ¼é¸å®šã«ã‹ãªã‚Šå‚考ã«ãªã‚‹ã®ã§ã¯ã€‚ Color of Book
プãƒã‚°ãƒ©ãƒžãŒ1ヶ月ã§Webデザイナーã«è»¢èº«ã™ã‚‹æ–¹æ³• - ã‚„ãã†ã‚‰ãŠãƒ–ãƒã‚°(移転ã—ã¾ã—ãŸ)
サイトを構築ã—ã¦ã„ã‚‹ã¨ã€ãƒ—ãƒã‚°ãƒ©ãƒžã¯Webデザイナーã¨å…±åŒä½œæ¥ã‚’ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„。 ã—ã‹ã—高度ãªRIAを実ç¾ã—よã†ã¨ã™ã‚‹ã¨æ€ã£ã¦ã„るよã†ã«Webデザイナーã«ç´ æを作æˆã—ã¦ã‚‚らã†ã ã‘ã§ã‚‚ã¨ã¦ã‚‚骨ã®æŠ˜ã‚Œã‚‹ä½œæ¥ã 。 ãã“ã§ã€ä¸€å±¤ã€ã€Œã™ã¹ã¦ã®ãƒ—ãƒã‚°ãƒ©ãƒžã¯Webデザイナーã«ãªã‚Œã°ã„ã„ã‚“ã˜ã‚ƒã？ã€ã¨æ€ã£ãŸã€‚ 今回ã¯ã€ç§ã®å®Ÿä½“験ã«åŸºã¥ãã€ã€Œãƒ—ãƒã‚°ãƒ©ãƒžãŒ1ヶ月ã§Webデザイナーã«è»¢èº«ã™ã‚‹æ–¹æ³•ã€ã¨ã„ã†ã®ã‚’考ãˆã¦ã¿ãŸã€‚ ■　HTML,CSSを覚ãˆã‚ˆã† ã¾ãšã€HTMLã¨CSS。ã„ãらç§ã§ã‚‚W3C( http://www.w3.org/ )ã®ã™ã¹ã¦ã«ç›®ã‚’通ã›ã¨ã¯è¨€ã‚ãªã„。 ブラウザ間ã§æŒ™å‹•ãŒé•ã†ã®ã§ãã‚Œãžã‚Œã®ã‚¿ã‚°ãŒã©ã®ãƒ–ラウザã§ä½¿ãˆã‚‹ã®ã‹ä¸€è¦§ãŒã¾ãšæ¬²ã—ã„。手軽ãªã®ã¯è©³è§£HTML & CSS & JavaScript辞典。ã“ã®ãƒãƒ³ãƒ‰ãƒ–ックã¯è¦‹ã‚„ã™ã„ã®ã§ãŠå‹§ã‚。ã¾ãŸã€ã‚ˆã使ã†ã‚¿ã‚°ã«é–¢ã—ã¦ã¯ã™ã¹ã¦è¦šãˆã‚ˆã†ã€‚覚ãˆã¦ã„ã‚‹
iPhoneよりマリオã€Googleより茶é“――ãƒãƒ¼ãƒ ラボãŒè€ƒãˆã‚‹ã€Œå’Œè£½UI〠(1/2) - ITmedia +D モãƒã‚¤ãƒ«
「iPhoneã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）ã¯ç¢ºã‹ã«ã‹ã£ã“ã„ã„ãŒã€é€²åŒ–ã®ä»•æ–¹ãŒã‚ã¾ã‚Šã«è¥¿æ´‹çš„。もã£ã¨æ—¥æœ¬çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒãŒã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ 11月15æ—¥ã€ã€ŒWeb2.0 Expoã€ã®è¬›æ¼”ã§ã“ã†è©±ã—ãŸã®ã¯ã€ãƒãƒ¼ãƒ ラボã®çŒªå寿之社長ã 。åŒç¤¾ã¯ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã€ŒSAGOOLã€ãªã©ç‹¬è‡ªã‚µãƒ¼ãƒ“スを展開ã™ã‚‹ä¸€æ–¹ã€ã€Œizaï¼ã€ï¼ˆç”£çµŒãƒ‡ã‚¸ã‚¿ãƒ«ï¼‰ã€ã€Œãƒ¯ãƒƒãƒãƒŸãƒ¼ï¼TVã€ï¼ˆãƒ•ã‚¸ãƒ†ãƒ¬ãƒ“ラボLLC）ã€ã‚µãƒ³ãƒˆãƒªãƒ¼å…¬å¼ã‚µã‚¤ãƒˆã®ã‚µã‚¤ãƒˆå†…検索機能ã€æ—¥ç«‹ã€ŒWoooã€ã®ãƒˆãƒƒãƒ—ページFlashãªã©ã‚’構築。UIã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã€æ¤œç´¢ãƒ»ãƒžãƒƒãƒãƒ³ã‚°æŠ€è¡“ã«å¼·ã¿ã‚’æŒã¤ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã 。 「UIã¯ã€ã—ょã†ãŒãªã„奴ã ã¨æ€ã£ã¦ã‚‹ã€ã¨çŒªå社長ã¯è¨€ã†ã€‚例ãˆã°æºå¸¯é›»è©±ã®ãƒœã‚¿ãƒ³ã€‚電話をã‹ã‘ãŸã‚Šã€æºå¸¯ã‚µã‚¤ãƒˆã‚’見るã«ã¯ä½•åº¦ã‚‚ボタンを押ã•ãªãã¦ã¯ãªã‚‰ãªã„ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒœã‚¿ãƒ³ã‚’押ã—ãŸã„訳ã§ã¯ãªãã€é›»è©±ã§è©±ã—ãŸã‚Šã‚µã‚¤ãƒˆã‚’見ãŸã„ã ã‘。ã¤ã¾ã‚Šã€Œãƒœã‚¿ãƒ³ã€ã¨ã„ã†UIã¯ã€Œä»•æ–¹ãªã„ã‹
æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚（ã‚ã®äººã®ãƒ‘クりã˜ã‚ƒãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼‰ï½œCSS HappyLife
08å¹´6月4日追記： コレã®æ–°ã—ã„ã®ä½œã‚Šã¾ã—ãŸã€‚ æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 2 11月7日追記： contens.cssã®56è¡Œã¨60行目ã®#contents部分ã§ã‚¹ãƒšãƒ«ãƒŸã‚¹ã—ã¦ãŠã¾ã—ãŸã€‚ ã”ã‚ã‚“ãªã•ã„... ç¾åœ¨ã¯ä¿®æ£ç‰ˆã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ ä¿®æ£å¾Œã®contents.css --- SO905iãŒã‚„ã°éŽãŽã‚‹ä»¶ã€‚JOGã§ã™ã‚ˆï¼ã˜ã‚‡ãï¼ï¼ï¼ã™ã’ー待ã£ã¦ãŸã€‚アナタを心ã‹ã‚‰å¾…ã£ã¦ã„ãŸã€‚ ã•ã¦ã€ä¸€è¡Œé§„æ–‡ã¯ãŠçµ‚ã„。本題ã§ã™ã€‚ 毎回新è¦ã‚µã‚¤ãƒˆã‚’作æˆã™ã‚‹å ´åˆã¯ã€ä»¥å‰çµ„ã‚“ã ã®ã‹ã‚‰ã‚³ãƒ”ã£ã¦æ¥ã¦ä½¿ã†ã‚±ãƒ¼ã‚¹ãŒå¤šãã¦ä½•ã‹ã¨é¢å€’ã ã¨æ€ã£ã¦ã„ãŸã‚ã‘ã§ã™ã€‚ ã‚“ã§ã€è‡ªåˆ†ä»•æ§˜ã®ãŒæ¬²ã—ã„ã¨æ€ã£ãŸã®ã§ã€ä»•äº‹ãã£ã¡ã®ã‘ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ 以å‰ã‹ã‚‰ã‚½ãƒ¬ã£ã½ã„ã®ã¯å…¬é–‹ã—ãŸã‚Šã€ãªã‚“ã‚„ã‹ã‚“ã‚„ã ã£ãŸã‚“ã§ã™ãŒã€11月2æ—¥Verã£ã¦äº‹ã§ã€‚ ã©ã†ã›æ–°è¦ã‚µã‚¤ãƒˆä½œæˆã®éš›ã«ã¡ã‚‡ã£ã¨ãšã¤è¦‹ç›´ã—ãŒå…¥ã£ã¦ã„ãã®ã§ã€ã™ãã«å¤ããªã£ã¦ã—ã¾ã†
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}