色彩センスã®ã„らãªã„é…色講座
3. 自己紹介 è·æ¥ï¼šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ 物心ã¤ã„ãŸã¨ãã«ã¯çµµã‚’æãã®ãŒå¥½ãã ã£ãŸ ãã®ã¾ã¾ã®å‹¢ã„ã§æŸç¾Žå¤§æŸãƒ‡ã‚¶ã‚¤ãƒ³ç§‘ã«é€²å¦ 社会ã«å‡ºãŸã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ãŒé€šã˜ãªã•ã™ãŽã¦æ‚¶çµ¶ ãã‚“ãªç¤¾ä¼šã«å¯¾ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŠ¹æžœã‚’ã‚Šã‚ã‚“ã¦ãã«èª¬æ˜Žã—ã¦èª¬å¾—ã—よã†ã¨ã—ã¦ã„ã‚‹ marippe_
並ã¹ãŸç”»åƒã‚’æ•·ãè©°ã‚ã¦è¶…カッコよãã™ã‚‹jQueryサンプル:phpspot開発日誌
Automatic Image Montage with jQuery | Codrops 並ã¹ãŸç”»åƒã‚’æ•·ãè©°ã‚ã¦è¶…カッコよãã™ã‚‹jQueryサンプル。 <img>ã‚’å˜ã«ä¸¦ã¹ã‚‹ã ã‘ã§ã‚ã¨ã¯ãƒ–ラウザã®å¹…ã«å¿œã˜ã¦ç”»åƒã‚’次ã®ã‚ˆã†ã«ä¸¦ã³æ›¿ãˆã¦ãã‚Œã¡ã‚ƒã†ãƒ‡ãƒ¢ã¨ã‚¹ã‚¯ãƒªãƒ—トã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã§ã™ã€‚ ç”»åƒé–“ã®èª¿æ•´ã‚„背景色ã®èª¿æ•´ç‰ãŒè¡Œãˆã‚‹ã‚ˆã†ã§ã™ã€‚ デモページã¯ã“ã¡ã‚‰ ブラウザサイズを変更ã—ã¦ã‚‚ç”»åƒã‚’å†è¨ˆç®—ã—ã¦è¡¨ç¤ºã—ãªãŠã—ã¦ãã‚Œã¾ã™ã€‚ 背景を黒ã«ã™ã‚‹ã¨ã‚ˆã‚Šã‚ªã‚·ãƒ£ãƒ¬ãªæ„Ÿã˜ã§ã™ã€‚ 関連エントリ ç•°ãªã‚‹å¹…・高ã•ã®ç”»åƒã‚‚超綺麗ã«æ•´åˆ—ã•ã›ã‚‹jQueryプラグイン「Atteeeeention plugin〠ブãƒãƒƒã‚¯ã‚µã‚¤ã‚ºå†…ã«ç”»åƒã‚’綺麗ã«åŽã‚ã‚‹jQueryプラグイン「CJ Object Scalerã€
フリーã§OKï¼æ—¥æœ¬èªžã‚‚æ¼¢å—も使ãˆã‚‹æ‰‹æ›¸ã風フォントã®ã¾ã¨ã‚。:Ｂｌï½ï½‡ã§æœ¬ã‚’紹介ã—ã¡ã‚ƒã„ã¾ã™ã€‚
2011å¹´09月02æ—¥22:02 by tkfire85 フリーã§OKï¼æ—¥æœ¬èªžã‚‚æ¼¢å—も使ãˆã‚‹æ‰‹æ›¸ã風フォントã®ã¾ã¨ã‚。 カテゴリ管ç†äººã€€é›‘談 tkfire85 ã€é–¢é€£è¨˜äº‹ã€‘ ・「超基礎ã€é«˜æ ¡è‹±èªžã§å¦ã¶å…¨è‹±èªžæ–‡æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ ・知らãªãゃå±é™ºï¼ã‚³ãƒ³ãƒ“ニã‹ã‚‰å¦ã¶ã€Œè²·ã‚ã›ã‚‹ã€ï¼—ã¤ã®å¿ƒç†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ・フィンランドã®å°å¦5年生ãŒã¾ã¨ã‚ãŸè°è«–ã®ãƒ«ãƒ¼ãƒ«ãŒå‡„ã„。 ・楽天ã‹ã‚‰å±Šã迷惑ãªã€Œãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã€ã‚’一括ã§è§£é™¤ã™ã‚‹æ–¹æ³•ã€‚ ・脳外科医ãŒç›´ä¼ï¼è„³ãŒå¤‰ã‚ã‚Œã°äººç”ŸãŒå¤‰ã‚‹ã€‚ー　脳ã«æ‚ªã„ï¼—ã¤ã®ç¿’æ…£ ・ãŸã£ãŸ1分ã§äººç”ŸãŒå¤‰ã‚る片ã¥ã‘ã®ç¿’æ…£ ・å«æ£ç¾©ãŒè‡ªç„¶ã‚¨ãƒãƒ«ã‚®ãƒ¼å‚å…¥ã§ç‹™ã†çœŸã®æ¨™çš„ ・もã†ãƒ€ãƒ¡ã ï¼ã¨æ€ã£ãŸæ™‚ã€ã‚ãªãŸã®å¿ƒã‚’æ•‘ã†é”法ã®7ã¤ã®è¨€è‘‰ã€‚ ・本当ã¯æ•™ãˆãŸããªã„ï¼1å¹´365日ブãƒã‚°ã‚’æ›´æ–°ã—続ã‘る僕ã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢è¡“。フォントã«ã¯æ²¢å±±ã®æ•°ãŒã‚ã‚Šã¾ã™ã€‚よã明æœä½“ã¨ã‹ã‚´ã‚·ãƒƒã‚¯ä½“ã¨ã‹è¨€ã„ã¾ã™ãŒã€ä½¿ç”¨å ´æ‰€ã‚„用途ã«å¿œã˜ã¦ä½¿ã„分
é…色パターンã‹ã‚‰Webデザインを考ãˆã‚‹
2017å¹´6月29æ—¥ Webデザイン, 色彩 ページを開ã„ãŸçž¬é–“ã«ãã®Webサイトã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å·¦å³ã™ã‚‹ã»ã©é‡è¦ãªè¦ç´ 「色ã€ã€‚ã—ã‹ã—色ã®çµ„ã¿åˆã‚ã›ã€é…色ã«ã¯ç„¡é™ã®ãƒ‘ターンãŒã‚ã‚Šã€æ£ã—ã„é…色を見ã¤ã‘ã‚‹ã®ã¯ç°¡å˜ãªã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã“ã§ã¯è‰²å½©ã®åŸºç¤Žã¨é…色パターンã®è¦‹ã¤ã‘æ–¹ã®ä¸€ä¾‹ã‚’紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã¾ãšã¯è‰²å½©ã®ä¸‰å±žæ€§ã«ã¤ã„㦠色ã¯å½©åº¦ãƒ»æ˜Žåº¦ãƒ»è‰²ç›¸ã®ä¸‰å±žæ€§ï¼ˆä¸‰è¦ç´ ã¨ã‚‚呼ã¶ï¼‰ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ 彩度 色ã®é®®ã‚„ã‹ã•ã®åº¦åˆã„を表ã—ã¾ã™ã€‚彩度ã®é«˜ã„色ã¯æ´¾æ‰‹ãƒ»è¯ã‚„ã‹ãƒ»ç›®ç«‹ã¤è‰²ã¨ã„ãˆã¾ã™ã€‚åä¾›æœã‚„ã‚ャラクターグッズ関連ã®ã‚µã‚¤ãƒˆã«ã¯å½©åº¦ã®é«˜ã„色ãŒä½¿ã‚れるã“ã¨ãŒå¤šã„ã§ã™ã€‚逆ã«å½©åº¦ã®ä½Žã„色ã¯åœ°å‘³ãƒ»ãŠã ã‚„ã‹ãƒ»ä¸Šå“ã§ã‚ã‚‹ã¨ã„ãˆã‚‹ã§ã—ょã†ã€‚和食・ヴィンテージ風デザインã®ã‚µã‚¤ãƒˆã«ã¯å½©åº¦ã®ä½Žã„色ãŒã‚ˆã使ã‚ã‚Œã¾ã™ã€‚ 明度 色ã®æ˜Žã‚‹ã•ã®åº¦åˆã„を表ã—ã¾ã™ã€‚明度ãŒé«˜ã„ï¼æ˜Žã‚‹ã„色ã¯ã•ã‚ã‚„ã‹ã§çˆ½
éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®ï¼‘ | 07design.blog
デザイナーã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ãƒ»ãƒ»ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ 実ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ã€‚ ãã®ãƒ«ãƒ¼ãƒ«ã®çŸ¥è˜ãŒã‚ã‚Œã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ¬ãƒ™ãƒ«ã¨ã¯ã„ã‹ãªã„ã‚‚ã®ã®ã€è¦‹ãŸç›®ãŒãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ä½œã‚Œã‚‹ã¯ãšã§ã™ã€‚ デザインã¨ã„ã†è¨€è‘‰ã®å®šç¾©ã‚„ソフトã®ä½¿ã„æ–¹ã‹ã‚‰å§‹ã‚ã¦ã—ã¾ã†ã¨ã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€ 今回ã¯ã‚ãã¾ã§ã‚‚「ã¨ã‚Šã‚ãˆãšè¦‹ãŸç›®ã‚’ã‚レイã«ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ã«é‡ç‚¹ã‚’ç½®ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ 記事内ã§
ウェブé…色ツール Ver2.0
基本的ãªä½¿ã„æ–¹ 左上ã®ã‚«ãƒ©ãƒ¼ãƒ”ッカーを使ã£ã¦ã€ä»»æ„ã®1色を作れã°ã€ãã‚Œã«åˆã‚ã›ãŸé…色ãŒä½œã‚Œã‚‹ãƒ„ールã§ã™ã€‚ã¾ãŸãƒã‚´ã®æ–‡å—や色ã¯ä»»æ„ã®ç‰©ã‚’指定ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ï¼ˆãŸã ã—フォントã¯å¤‰æ›´å‡ºæ¥ã¾ã›ã‚“）。 カラーピッカーã®ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’利用ã™ã‚Œã°ã€ãƒ¡ã‚¤ãƒ³ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®å¤‰æ›´ã‚„色相幅も変ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚å‹•ããŒå¿…è¦ãªé…色ã®å ´åˆã«ã¯ã€2ã¤ã‚ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å³ã«å‹•ã‹ã—ã¦ãã ã•ã„。補色é…色ã«è¿‘ã„é…色ãŒå‡ºæ¥ä¸ŠãŒã‚Šã¾ã™ã€‚ 色ã®ä¸€è¦§ã‚’押ã™ã“ã¨ã§ã€å‡ºæ¥ä¸ŠãŒã£ãŸè‰²ã®ä¸€è¦§ã‚’表示ã—ã¾ã™ã®ã§ã€ã‚³ãƒ”ー&ペーストã—ã¦ãŠä½¿ã„ãã ã•ã„。 ã“ã®é…色ツールã«ã¤ã„㦠ã“ã®é…色ツールã¯ãƒ•ã‚©ãƒ«ãƒˆã‚¥ãƒŠã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚リンクç‰ã¯å½“然ã®ã“ã¨ãªãŒã‚‰è‡ªç”±ã«ã—ã¦ã„ãŸã ã„ã¦æ§‹ã„ã¾ã›ã‚“ãŒã€ç„¡æ–ã§è¤‡è£½ãƒ»è»¢è¼‰ã™ã‚‹ã®ã¯ãŠã‚„ã‚ãã ã•ã„。 å–æ・執ç†ç‰ã®ãŠç”³ã—込㿠ã“ã®ãƒ„ールã«é–¢ã—ã¦ã®ã”質å•ã€ã‚ã‚‹ã„ã¯ãã®ä»–ã®è‰²ã«é–¢ã™ã‚‹å–æ・æ¥å‹™ã‚„講演ãªã©ã¯ã€ãƒ•ã‚©ãƒ«ãƒˆã‚¥
Web制作者ã¯çŸ¥ã£ã¦ãŠããŸã„webサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ7é¸ â”‚ Design Spice
レスãƒãƒ³ã‚·ãƒ–webデザインã‹ã‚‰ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã‚ˆã使ã‚ã‚Œã¦ã„ã‚‹webデザインã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨èªžã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ レスãƒãƒ³ã‚·ãƒ–webデザイン エラスティックレイアウト リã‚ッドレイアウト フレã‚シブルレイアウト 固定幅レイアウト グリッドレイアウト å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ レスãƒãƒ³ã‚·ãƒ–webデザイン(Responsive Web Design) PCやスマートフォンã€ã‚¿ãƒ–レット事ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’制作ã™ã‚‹ã®ã§ã¯ãªã〠ディスプレイã®å¹…ã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’最é©åŒ–ã™ã‚‹æ–¹æ³•ã€‚ CSS3ã®Media Queriesを利用ã—ã¦ãƒ‡ã‚£ã‚¹ãƒ—レイサイズã«å¿œã˜ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã—ã¾ã™ã€‚ メリット 一ã¤ã®ã‚½ãƒ¼ã‚¹ã§è¤‡æ•°ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸä»Šå¾Œãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žãŒå¢—ãˆã¦ã‚‚ãã‚Œã«å¯¾å¿œã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‡ãƒã‚¤ã‚¹ã«åˆã‚ã›ãŸå½¢ã§èª¿æ•´ã§ãã‚‹ã®ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚‚高ããªã‚Šã¾ã™ã€‚ デメリッ
Webデザイナー（ç§ï¼‰ã«ã‚ˆã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ³¨æ„書ã
ç§ã¯ DTP デザインãŒè‹¦æ‰‹ã§ã™ ...。ã§ã‚‚ã¨ãã©ããŠå®¢ã•ã‚“ã‹ã‚‰ã€ãƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã¨ã‹ãƒã‚¹ã‚¿ãƒ¼ã€å刺ãªã‚“ã‹ã®ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é ¼ã¾ã‚Œã¾ã™...。ãã“ã§ã‚‚ã£ã¨å‹‰å¼·ã—ãªãã¡ã‚ƒã„ã‘ãªã„ãªãƒ¼ã¨æ„Ÿã˜ã¦ã„ãŸã®ãŒã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã«ã¤ã„ã¦ã®ã“ã¨ã€‚今回ã¯ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã¨ãã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦å¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 以å‰ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„る先輩ã«ã€ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚„æƒãˆã‚‹ã ã‘ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã˜ã‚ƒãªã„ã—ã€ã‚‚ã£ã¨ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã‚„レイアウトã®ã“ã¨ã‚’勉強ã—ãªã•ã„ã¨è¨€ã‚ã‚Œã¾ã—㟠…。ç§ã¯æ™®æ®µã€Webデザインã—ã‹ã—ã¦ã„ãªã„ã‚“ã§ã™ã‘ã©ã€ã¨ãã©ãフライヤーやãƒã‚¹ã‚¿ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã¤ã„ã§ä»•äº‹ã®ã‚ˆã†ãªå½¢ã§é ¼ã¾ã‚Œã‚‹äº‹ãŒã‚ã‚Šã¾ã™ …。 ã§ã‚‚ã€Webデザインã—ã‹ã—ã¦ã“ãªã‹ã£ãŸç§ã¯ã€ç´™åª’体 – DTP デザインãŒè‹¦æ‰‹ã§ã™ …。ã¡ã‚‡ã†ã© 1å¹´ãらã„å‰ã«ã‚‚åŒã˜ã‚ˆã†ãªè¨˜äº‹ã€Webデザイナー（ç§ï¼‰ã«ã‚ˆã‚‹DTPデザイン注æ„書ã：Webã¨
Webデザインやプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãªã©ã®å‹‰å¼·ã«è‰¯ã•ãã†ãªå›½å†…ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚„Webサイトã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
ã„よã„よ2011å¹´ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ 今年も去年åŒæ§˜ã€å‹‰å¼·ã™ã‚‹ã“ã¨ãŒ 沢山ã‚ã‚Šã¾ã™ã€‚ã¾ã モãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒ ãã“ãã“ã‚ã‚‹ã†ã¡ã«å‹‰å¼·ã«ãªã‚Šãã†ãª 国内ã®è¨˜äº‹ã‚’リンク集ã«ã—ã¾ã—ãŸã€‚ è¿·ã£ãŸã¨ãã«è¦‹ã¦ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ ã¾ã™ã€‚ より最é©ãªæ–¹æ³•ã¨ã„ã†ã®ã¯ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ãšã¯æ‰‰ã‚’å©ã‹ãªã„事ã«ã¯ä½•ãŒæ‚ªã„ã‹ã‚‚分ã‹ã‚Šã¾ã›ã‚“。ã¨ã„ã†ã“ã¨ã§ã€å†…容ã«æ‹˜ã‚‰ãšã€å¦ã®æ„見をスルーã—ã¦ã“ã“ã«è‰²ã€…ã¾ã¨ã‚ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚ 勉強ã—ãŸã„æ°—æŒã¡ã¯ã‚ã‚‹ã‘ã©å‡ºæ¥ãªã„ç†ç”±ã¯ã€Œä½•ã‚’始ã‚ã‚Œã°ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†æ–¹ã‚‚ã€ä½•ãŒå‡ºæ¥ã‚‹ã®ã‹ã€ã©ã†ã„ã£ãŸå‹‰å¼·æ³•ã§å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ãŒåˆ†ã‹ã‚Œã°ã‚„ã‚‹æ°—ãŒèµ·ãã‚‹ã‹ã‚‚知れã¾ã›ã‚“。 5分ã§åˆ†ã‚‹ã‚·ãƒªãƒ¼ã‚º 以å‰ã‚‚æµè¡Œã£ãŸã‚“ã§ã™ã。Web関連以外もå«ã‚ã¦ã“ã“ã«ã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ 5分ã§åˆ†ã‹ã‚‹ PHP を知らãªã„人㌠PHP ã®ä¾¿åˆ©ã•ã‚’å¦ã¹ã‚‹è¨˜äº‹ã‚’書ã„ãŸã‚ˆ 5分ã§ã‚ã‹ã‚‹ Ruby を知らãªã„人㌠Ruby ã®
デザインを勉強ã—ãŸã“ã¨ãŒãªã„人ã§ã‚‚デザインã§ãるよã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„4ã¤ã®åŸºæœ¬åŽŸå‰‡
ã“ã®ãƒ–ãƒã‚°ã€Webデザインレシピã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’リニューアルã—ã¾ã—ãŸã€‚ ã“ã®æ©Ÿä¼šã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’勉強ã—ãŸã“ã¨ãŒãªã„人ã§ã‚‚ã€æ¥½ã—ãデザインをã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€åŸºæœ¬åŽŸå‰‡ 4ã¤ã‚’ã”紹介ã—ã¾ã™ã€‚ ã“ã®åŽŸå‰‡ã¯ã€ŒãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚ºãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ックã€è‘—者 Robin Williams ã§è©³ã—ã解説ã•ã‚Œã¦ã„ã¾ã™ã€‚ å¤ã„本ã§ã™ãŒã€ã¨ã£ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„本ã§ä»Šã§ã¯æ–°è£…増補版ã¨ãªã£ã¦ç™ºè¡Œã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ 今回ã€ã“ã®ãƒ–ãƒã‚° – Webデザインレシピã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã‚¬ãƒ©ãƒƒã¨å¤‰ãˆã¦ã¿ã¾ã—ãŸã€‚ã“れを機会ã«ã¡ã‚‡ã£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã¨ã„ã†ã‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ãã«ã‚¬ã‚¤ãƒ‰ã¨ãªã‚‹ã€4ã¤ã®åŽŸå‰‡ã‚’ãŠã•ã‚‰ã„ã—ã¦ãŠãã¾ã™ã€‚Webデザインã«é™ã‚‰ãšã€ä¼šç¤¾ã§æ出ã™ã‚‹å ±å‘Šæ›¸ã‚„å¦ç”Ÿã•ã‚“ã®ãƒ¬ãƒãƒ¼ãƒˆã€ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã€ãƒšãƒ¼ã‚¸ã¨å‘¼ã¹ã‚‹ã‚‚ã®ã«ã¯å…¨éƒ¨å½“ã¦ã¯ã¾ã‚‹ã¨æ€ã†ã®ã§ã€Webサイトを作るã¨ã‹ã˜ã‚ƒãªãã¦ã‚‚ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 ã›ã£
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Webデザイナーã§ã‚‚ã§ãã‚‹ã€ã‚µã‚¤ãƒˆã®ãƒ‘フォーマンスをã‚ã’ã‚‹5ã¤ã®æ–¹æ³•
Webデザイナーã§ã‚‚ã§ãã‚‹ã€ã‚µã‚¤ãƒˆã®ãƒ‘フォーマンスをã‚ã’ã‚‹5ã¤ã®æ–¹æ³• 2011-08-28 WebデザイナーãŒã€Webサイトã®ãƒ‘フォーマンスをé‡è¦–ã™ã‚‹å‚¾å‘ã¯ã‚ã¾ã‚Šç„¡ã„よã†ã«æ„Ÿã˜ã¾ã™ãŒé‡è¦ãªã“ã¨ã§ã™ã€‚ Googleã§ã¯ã€0.5秒é…ããªã‚‹ã¨ã€æ¤œç´¢æ•°ãŒ20%減少ã™ã‚‹ amazonã§ã¯ã€0.1秒é…ããªã‚‹ã¨ã€å£²ã‚Šä¸Šã’ãŒ1%減少ã™ã‚‹ ã¨ã„ã†å ±å‘Šã‚‚ã‚るよã†ã§ã™ã€‚Webサイトã®ãƒ‘フォーマンスã¯ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚‚影響ã™ã‚‹å¤§åˆ‡ãªéƒ¨åˆ†ã€‚ 今回ã¯Webサイトã®ãƒ‘フォーマンスを上ã’る方法をå–り上ã’ã¾ã™ã€‚ パフォーマンスアップã®å‰ã« å¿œç”時間ã®é™ç•Œ 0.1秒ã¾ã§ãªã‚‰ã€çµæžœã¯ã‚³ãƒ³ãƒ”ューターã§ã¯ãªãã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã£ã¦å¼•ãèµ·ã“ã•ã‚ŒãŸã‚ˆã†ã«æ„Ÿã˜ã‚‹ã€‚ 1秒ã¾ã§ãªã‚‰ã€"é…ã‚Œã¦ã„ã‚‹"ã¨æ„Ÿã˜ã‚‹ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ€è€ƒã¯é€”切れãšã«ã€è‡ªç”±ã«å‹•ã„ã¦ã„ã‚‹ã¨æ„Ÿã˜ã‚‹ã€‚ 10秒ã¾ã§ã«ãªã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚³ãƒ³ãƒ”ューターã«æŒ¯ã‚Šå›žã•ã‚Œã¦ã„ã‚‹æ°—æŒã¡ã«ãªã‚Šã€ã‚¹ãƒˆãƒ¬
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ç´ äººã£ã½ã„デザインã‹ã‚‰è„±å´ã™ã‚‹ãŸã‚ã®12ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒƒãƒ—ス | webox blog
クオリティを上ã’ã‚‹ãŸã‚ã«ã¯ã¡ã‚‡ã£ã¨ã—ãŸã€Œã“ã ã‚ã‚Šã€ãŒã¨ã¦ã‚‚大事ã§ã™ã€‚ 定期的ã«è©±é¡Œã«ãªã‚‹ãƒã‚¿ã§æ縮ã§ã™ãŒã€ç´ 人ã£ã½ã„デザインã«ãªã‚‰ãªã„よã†ã«å€‹äººçš„ã«ã‚ˆã使ã£ã¦ã‚‹å°æŠ€ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 上ã®ã‚‚ã®ã»ã©ã€ç°¡å˜ã§å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹å°æŠ€ã«ãªã‚Šã¾ã™ã€‚ 1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’使ㆠ1pxã®åŠ¹æžœã‚’使ã†ã®ã¨ä½¿ã‚ãªã„ã®ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è³ªã«å¤§ããªé•ã„ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚ ã‚ã‚‹æ„味Webデザインã§ã¯ä¸€ç•ªé‡è¦ãªè¦ç´ ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 定番ã§ã™ã€‚ãŸã£ãŸ1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ã¤ã‘ã‚‹ã ã‘ã§ã‚·ãƒ£ãƒ¼ãƒ—ãªå°è±¡ã«ãªã‚Šã¾ã™ã€‚ ãŸã å¡—ã‚Šã¤ã¶ã—ãŸã ã‘ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’入れãŸã ã‘ã®ãƒœã‚¿ãƒ³ã§ã¯ã€ã®ã£ãºã‚Šã¨ã—ãŸæ„Ÿã˜ã«ãªã‚Šã‚„ã™ã„ã§ã™ãŒã€1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’上部ã«å…¥ã‚Œã‚‹ã ã‘ã§ã‚·ãƒ£ãƒ¼ãƒ—ãªç«‹ä½“を表ç¾ã§ãã¾ã™ã€‚ æ£ç¢ºã«ã¯1pxã§ãªã2pxã§ã™ãŒã€ã“ã†ã—ã¦é»’ç³»ã®ãƒœãƒ¼ãƒ€ãƒ¼ã¨ç™½ç³»ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’並ã¹ã‚‹ã“ã¨ã§ã€æ˜Žç¢ºã«ã‹ã¤ã‚·ãƒ£ãƒ¼ãƒ—ã«ä»•åˆ‡ã‚Šã‚’表ç¾ã§ãã¾ã™ã€‚ 1pxã®ãƒ‰ãƒãƒƒãƒ—シャ
カテゴリー別é…色アイデア100
カテゴリー別é…色アイデア100é…色ã«ã‚ˆã£ã¦ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®å°è±¡ã¯å¤§ãã変ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚色ã¯å¤§åˆ‡ãªè¦ç´ ã®ã²ã¨ã¤ã§ã™ãï¼ã¨ã„ã†ã“ã¨ã§ã€è‰²ã®æŒã¤å°è±¡åˆ¥ã«é…色アイデアをãšã‚‰ã‚Šã¨ä¸¦ã¹ã¦ã¿ã¾ã™ã€‚é…色ã¯ãŠãªã˜ã¿ï¼ˆï¼Ÿï¼‰ã®COLOURloversã‹ã‚‰ã€ã€Œã“ã‚Œã¯ï¼ã€ã¨æ€ã†ã‚‚ã®ã‚’é¸ã°ã›ã¦é ‚ãã¾ã—ãŸã€‚ç´ æ•µãªé…色ãŒã„ã£ã±ã„ã®ã“ã®ã‚µã‚¤ãƒˆã€ãœã²è¦—ã„ã¦ã¿ã¦ãã ã•ã„ï¼ã¾ãŸã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã‚ãã¾ã§ä¸€ä¾‹ã§ã™ã®ã§ã€è‡ªåˆ†ãªã‚Šã«ã‚¢ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã‚‹ã®ã‚‚楽ã—ã„ã¨æ€ã„ã¾ã™ã€‚サイトã®é›°å›²æ°—ã«ã‚ã†é…色を探ã—ã¦ã¿ã¦ãã ã•ã„。 é…色ã«é–¢ã™ã‚‹ãŠã™ã™ã‚サイトCOLOURlovers色をテーマã«ã—ãŸã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚µã‚¤ãƒˆã€COLOURlovers。自分ã®è€ƒãˆãŸé…色を登録ã—ãŸã‚Šã€ãŠæ°—ã«å…¥ã‚Šã®é…色をä¿å˜ã—ã¦ãŠãã“ã¨ãŒã§ãã¾ã™ã€‚今回ã¯ã“ã¡ã‚‰ã‹ã‚‰é…色アイデアをé¸ã³ã¾ã—ãŸã€‚ ウェブé…色ツール Ver2.0以å‰ã€Œé…色ã«è‡ªä¿¡ãŒãªãã¦ã‚‚ï¼Web デザインãŒå¥½ãã«ãªã‚‹é…色ツ
デザインã®åŸºç¤ŽåŠ›ã‚’ワンランクアップã—ãŸã„ç§ï¼ˆWebデザイナー）ã®æ³¨æ„書ã
Webデザインã¯ã€ç´™ã®ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨é•ã†ã¨ã“ã‚も多ã„ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚åŒã˜ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã‹ã‚‰ã€æ´å²ã‚ã‚‹ DTP デザインã‹ã‚‰å¦ã¶ã“ã¨ã¯ã„ã£ã±ã„ã‚ã‚Šã¾ã™ã€‚デザインã®åŸºç¤Žã®åŸºç¤Žã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„基礎ã®éƒ¨åˆ†ã®æ³¨æ„書ãã§ã™ã€‚ 毎日インターãƒãƒƒãƒˆã‚’見ã¦ã„ã‚‹ã¨ã€ç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ã® Webサイトã«å‡ºä¼šã„ã¾ã™ã€‚ã¨ãã«ã¯ã²ã¨ç›®æƒšã‚Œã—ã¡ã‚ƒã†ã‚ˆã†ãªã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ã£ãŸã¨ãã€ã©ã†ã—ã¦ç´ 敵ãªã®ã‹ãªãƒ¼ã¨è€ƒãˆã‚‹ã®ã‚‚勉強ã®ã†ã¡ã€‚ãã†æ€ã£ã¦ç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ãŠã„ã¦ã€è‡ªåˆ†ãªã‚Šã«ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç´ 敵ãªç†ç”±ã‚’考ãˆã¦ãŸã‚Šã—ã¾ã™ã€‚ デザインã®ç†ç”± ã©ã†ã—ã¦ãã†ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãŸã®ã‹ … デザインã«ã¯ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚æ°—ã¾ãã‚Œã«è‰²ã‚’é¸ã‚“ã ã‚Šã€è¦ç´ ã‚’é…ç½®ã—ãŸã‚Šã—ãªã„ã‹ã‚‰ã§ã™ã€‚ãªã®ã§è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”±ã€ã©ã†ã—ã¦ãã†ã„ã†é¢¨ã«ã—ãŸã®ã‹ã¨ã„ã†ã“ã¨ã‚’ã€å£ã§èª¬æ˜Žã§ããªã„ã¨ãƒ€ãƒ¡ã ã¨è¨€ã‚ã‚Œã¾ã™ã€‚ã‚‚ã¡
ã“ã‚Œã ã‘ã‚ã‚Œã°ã‚·ãƒ³ãƒ—ルアイコン探ã—ã«ã¯å›°ã‚‰ãªã„ã‹ã‚‚ï¼å…¨éƒ¨ãƒ•ãƒªãƒ¼ã®ã‚·ãƒ³ãƒ—ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä¸€æŒ™ç´¹ä»‹ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
僕ã¯ã¨ã«ã‹ãシンプルãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤§å¥½ãã§ã™ã€‚無駄ãŒç„¡ãã€ä¼ãˆã‚‹ã“ã¨ã ã‘ã‚’ä¼ãˆã‚‹ã‚ã®æ½”ã•ã¨ã€ç›®çš„æ„è˜ã®é«˜ã•ãŒæ°—æŒã¡ãŒã„ã„ã§ã™ã€‚ã‚‚ã¯ã‚„æ„›ã—ã¦ã¾ã™ã€‚ ãã‚“ãªãƒŸãƒ‹ãƒžãƒ«å¤‰æ…‹ãªåƒ•ãŒé›†ã‚ãŸã‚·ãƒ³ãƒ—ルアイコン集。Evernoteã®ãƒŽãƒ¼ãƒˆã«ã³ã£ã—ã‚Šã«ãªã£ã¦ã„ãŸã®ã§ã€ã›ã£ã‹ãã ã‹ã‚‰ã“ã“ã§å…¨éƒ¨ã”紹介出æ¥ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ã“ã‚Œã ã‘ã‚ã‚Œã°ã€ã¾ã今年ã¯å›°ã‚‹ã“ã¨ã¯ç„¡ã„ã§ã—ょã†ï¼ˆãŸã¶ã‚“）。自称ミニマル変態ã®åƒ•ã¯ã€ã¾ã ã¾ã è¿½åŠ ã—ã¦ã„ãã¤ã‚‚ã‚Šãªã®ã§ã€ä½•ã‹çŸ¥ã£ã¦ã„ã‚Œã°æ˜¯éžæ•™ãˆã¦ãã ã•ã„ï¼ ãªã‚“ã ã‹ä¸€éƒ¨ã€åˆ¥ã«ã‚·ãƒ³ãƒ—ルã˜ã‚ƒãªã„アイコンも混ã–ã£ãŸæ°—ãŒã—ã¾ã™ãŒã€ãã®è¾ºã¯è»½ãæµã—ã¦ã‚ã’ã¦ãã ã•ã„。僕ã®Evernoteã®ä¸ã¯ã€äººã«è¦‹ã›ã‚‰ã‚Œãªã„ãらã„乱雑ãªåˆ†ã‘æ–¹ãªã®ã§ã€æ•´ç†æ•´é “ã‹ãã¦ã€ã¡ã‚‡ã£ã¨ã“ã†ã„ã†æŠ•ç¨¿å¢—ã‚„ã—ã¦ã„ã“ã†ã‹ãªã¨æ€ã„ã¾ã™ï¼ ã‚ã¨ã€å¤§åŠã¯åƒ•ã‚‚商用利用を確èªã—ã¦åˆ©ç”¨ã—ãŸã®ã§ã€ã»ã¨ã‚“ã©ã¯Commerciallyã§ã‚ã‚‹ã“ã¨ã¯ç¢ºèªã—ã¦ã„ã¾ã™ãŒ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://designaholic.cc/2011/03/webweb21.html
CSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebpark
Amazon.co.jp: 見ãŸç›®ã ã‘ã«é ¼ã‚‰ãªã„本物ã®Webデザイン æ¥ç¸¾ã‚¢ãƒƒãƒ—ã®ãŸã‚ã®æœ€é‡è¦ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯: 玉井昇: 本
{{#tags}}- {{label}}
{{/tags}}