Webデザイナーã®ãŸã‚ã®Sass/Compass入門 先生：石本 å…‰å¸
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusã¯ã€ŒWEBã«èª•ç”Ÿã—ãŸã€å¦æ ¡ã®æ–°ã—ã„ã‚«ã‚¿ãƒã€ã€‚ ＷＥＢ生放é€ã®æŽˆæ¥ã‚’ç„¡æ–™ã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ â–¼ã“ã¡ã‚‰ã‹ã‚‰æŽˆæ¥ã«å‚åŠ ã™ã‚‹ã¨ã€å…ˆç”Ÿã¸ã®è³ªå•ã‚„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®ãƒãƒ£ãƒƒãƒˆã€è³‡æ–™ã®æ‹¡å¤§è¡¨ç¤ºç‰ãŒå¯èƒ½ã§ã™ã€‚ https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
CSSサンプル集
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
高å“質ãªWordPressã®æœ‰æ–™/無料テーマをã²ãŸã™ã‚‰ã¾ã¨ã‚ã¦ã„る・Themegraphy - ã‹ã¡ã³ã¨.net
コメントã§æ•™ãˆã¦é ‚ã„ãŸã®ã§ã”ç´¹ä»‹ã€‚ç´ æ•µãªWordPressテーマを紹介ã™ã‚‹ã‚µã‚¤ãƒˆã€‚ç„¡æ–™ã¨æœ‰æ–™ãŒã‚ã‚Šã¾ã™ã®ã§çµæ§‹ãªæ•°ã«ãªã£ã¦ã„ã¾ã™ã€‚見ã¦ã‚‹ã ã‘ã§ã‚‚インスピレーションãŒå‘上ã—ãã†ã§ã™ã。 WordPressã®ãƒ†ãƒ¼ãƒžã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã‚‚ç´ æ•µã§ã™ã€‚国産ã®ã‚µã‚¤ãƒˆãªã®ã§æ—¥æœ¬èªžãƒšãƒ¼ã‚¸ã‚‚ã‚ã‚Šã¾ã™ã‚ˆã€‚ 有料/ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãŒãšã‚‰ã£ã¨ã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚2013/7/9ç¾åœ¨ã§500以上ã‚ã‚‹ã®ã§æŽ¢ã—ãŒã„ã‚‚ã‚ã‚Šãã†ã§ã™ã。 販売元別ã§ã‚‚探ã™ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ Shotokuã‚‚ã”紹介ã„ãŸã ãã¾ã—ãŸï¼ä¼‘ã¿ãŒå–ã‚ŒãŸã‚‰ã‚¢ãƒƒãƒ—デートã—ãŸã„ã€ã¨æ€ã„ãªãŒã‚‰æ—¢ã«åŠå¹´ä¼‘ã‚ã¦ãªã„・・貧ä¹æ€–ã„。 Themegraphyã¯ä»¥ä¸‹ã‚ˆã‚Šã©ã†ãžãƒ¼ã€‚ Themegraphy
フラットデザインã®å‚考ã«ãªã‚Šãã†ãªãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚„UI Kitã€ã‚¤ãƒ©ã‚¹ãƒˆ |　ãƒãƒ‹ãƒ‡ã‚¶ãƒŽãƒ¼ãƒˆ
フラットデザインを作æˆã™ã‚‹éš›ã«å‚考ã«ãªã‚Šãã†ãªãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚„UIã‚ット。「フラットデザインï¼æ‰‹æŠœãã€ã¨ã„ã†ã®ã§ã¯ã€ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒä¿ã¦ã¾ã›ã‚“。ディテールを確èªã—ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã‚’æ‰ãˆã¦ã„ãã¾ã—ょã†ã€‚
出å·å“²æœ—ã‹ã‚‰ã®æŒ‘戦状 - ãƒã‚¤ãƒ–リッド霧ヶ峰スペシャルWEBä¼ç”»
ルームエアコン霧ヶ峰ã®ç‰¹è¨ã‚µã‚¤ãƒˆã§ã™ã€‚世界最高ã«ç†±ã„ç”·ã€å‡ºå·å“²æœ—ã®ãƒªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã‚ミã¯è¦‹æŠœã‘ã‚‹ã‹!?
コンテンツ作りã«å½¹ç«‹ã¤åŸºæœ¬çš„ãªãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°å¿ƒç†å¦ã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ãƒ¡ãƒ‡ã‚£ã‚¢äº‹æ¥éƒ¨ã®ãã‚ã²ã“ã§ã™ã€‚ 記事やä¼ç”»ä½œã‚Šã‚’è¡Œã†ä¸Šã§ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã‚„コンセプトãŒãªã‹ãªã‹æµ®ã‹ã‚“ã§ã“ãªã„ã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚çµæ§‹ãªé‡ã®è¨˜äº‹ã‚„ä¼ç”»ã‚’組ã¿ç«‹ã¦ã¦ã„ãã®ã§ã€é ãŒæŸ”軟ã§ã¯ãªã„自分ã«ã¨ã£ã¦ã¯ã‚¢ã‚¤ãƒ‡ã‚¢ã‚„コンセプトを出ã—ã¦ã„ãã®ã¯çµæ§‹ãªé‡åŠ´åƒã€‚ ãã‚“ãªã¨ãã«ç§ãŒæœ€è¿‘å‚考ã«ã—ã¦ã„ã‚‹ã®ãŒã€â€å¿ƒç†å¦â€ã§ã™ã€‚ 心ç†å¦ = 生物体ã®æ„è˜ã‚„è¡Œå‹•ã‚’ç ”ç©¶ã™ã‚‹å¦å• æ¼ ç„¶ã¨ã—ãŸã‚¢ã‚¤ãƒ‡ã‚¢å‡ºã—ã‚’ã€å¿ƒç†å¦ã‚’通ã—ã¦ã‚ˆã‚Šå…·ä½“çš„ã«ä»•ç«‹ã¦ä¸Šã’ã‚‹ã“ã¨ã§ã€ã‚る程度ã®é“ç‹ã‚’ãŸã¦ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ アイデア出ã—役立ã¤åŸºæœ¬çš„ãªãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°å¿ƒç†å¦ã¾ã¨ã‚ â– èªçŸ¥çš„ä¸å”å’Œ 個人ã®ã‚‚ã¤ã‚ã‚‹èªçŸ¥ã¨ä»–ã®èªçŸ¥ã¨ã®é–“ã«ä¸ä¸€è‡´ãƒ»ä¸èª¿å’ŒãŒç”Ÿã˜ã‚‹ã“ã¨ã€‚ãã®çµæžœã€ä¸å”和を解消ã‚ã‚‹ã„ã¯ä½Žæ¸›ã—よã†ã¨ã—ã¦è¡Œå‹•ã‚„態度ã«å¤‰åŒ–ãŒèµ·ã“る。 例ãˆã°ãƒ˜ãƒ“ースモーカーã®å–«ç…™è€…ã«å¯¾ã—ã¦ã€ã€Œã‚¿ãƒã‚³ã‚’å¸ã†ã¨ã‚¬ãƒ³ã«ãªã‚‹ãƒªã‚¹ã‚¯ãŒé«˜ããªã‚Šé•·ç”Ÿã出æ¥ãªã„ã®ã§ã‚„ã‚ãªã•ã„ã€
jQueryã¨CSS3を使ã£ãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’詳ã—ã説明ã—ã¾ã™ï½œWebpark
jQueryã¨CSS3を使ã£ãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’作ã£ã¦ã¿ã¾ã—ãŸã®ã§ã€ä½œã‚Šæ–¹ã‚’紹介ã—ã¾ã™ã€‚ã‹ãªã‚Šé•·ããªã‚Šã¾ã™ãŒã€ãŠå½¹ã«ç«‹ã¦ã°ã†ã‚Œã—ã„ã§ã™ã€‚ 色々事情ãŒã‚ã£ã¦IEã§ã”覧ã«ãªã£ã¦ã„ã‚‹æ–¹ã®ãŸã‚ã«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚‚載ã›ã¦ãŠãã¾ã™ã€‚カテゴリー３ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ ãã‚Œã§ã¯ã‚³ãƒ¼ãƒ‰ã‚’解説ã—ã¦ã„ãã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã§ã™ã€‚無駄ã«é•·ã„ã§ã™ãŒä¸€å¿œè¼‰ã›ã¾ã™ã€‚ <ul id="accordion"> <li><a href="#">カテゴリー１<span class="arrow rotate"></span></a> <ul id="active"> <li><a href="#">サブカテゴリー１</a></li> <li><a href="#">サブカテゴリー２</a></li> <li><a href="#">サブカテゴリー３</a></li> </ul> </li> <l
オンマウスã§ãµã‚“ã‚ã‚Šç¾ã‚Œã‚‹ï¼CSS3を使ã£ãŸå¹ã出ã—サンプル5ã¤
タイトルã®é€šã‚Šã§ã™ãŒã€ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨å¹ã出ã—ãŒç¾ã‚Œã‚‹ã‚µãƒ³ãƒ—ルを紹介ã—ã¾ã™ã€‚今回ã¯ç¾ã‚Œã‚‹å‹•ããŒé•ã†ã‚µãƒ³ãƒ—ルを5ã¤ç”¨æ„ã—ã¾ã—ãŸã®ã§ã€æ°—ã«å…¥ã£ãŸã‚‚ã®ãŒã‚ã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ Chromeã€Firefoxã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„IE10ã ã¨ã™ã¹ã¦ã®ã‚µãƒ³ãƒ—ルãŒå‹•ãã¾ã™ã€‚CSS3ã®transitionã‚„rotateãŒä½¿ãˆãªã„ブラウザã§ã‚‚機能的ã«ã¯å•é¡Œã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚opacityãŒä½¿ãˆãªã„IE8以下ã¯ã¡ã‚‡ã£ã¨åŽ³ã—ã„ã§ã™ãŒã€æœ€å¾Œã«å°‘ã—対応法を紹介ã—ã¾ã™ã€‚ ã§ã¯ã€ä¸€ç•ªä¸Šã®ã‚µãƒ³ãƒ—ルを解説ã—ã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã‹ã‚‰ã€‚ Home Twitter Facebook RSS Setting aè¦ç´ ãŒã‚¢ã‚¤ã‚³ãƒ³ã§ã€spanè¦ç´ ãŒå¹ã出ã—ã§ã™ã€‚アイコンã¯Webフォントã§è¡¨ç¤ºã—ã¾ã™ã€‚ 続ã„ã¦CSSã§ã™ã€‚ã„ã¤ã‚‚通りã¾ãšã¯å…¨éƒ¨è¼‰ã›ã¾ã™ã€‚ @font-face { font-family: 'typicon
デザイナーã®ä»•äº‹ã‚’é©šãã»ã©ãƒ©ã‚¯ã«ã™ã‚‹Photoshopアクション厳é¸18種ã€å…¨ã¦ç„¡æ–™ã€‘ | Find Job ! Startup
ç”»åƒåŠ 工や写真ã®ä¿®æ£ã€ã™ã¹ã¦æ‰‹ä½œæ¥ã§ã‚„ã£ã¦ã¾ã›ã‚“ã‹ï¼Ÿ Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã§è‡ªå‹•åŒ–ã™ã‚Œã°ã‚¢ãƒƒã¨ã„ã†é–“ã«çµ‚ã‚ã‚Šã¾ã™ã€‚今回ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä»•äº‹ã‚’é©šãã»ã©ãƒ©ã‚¯ã«ã™ã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’18種ã€åŽ³é¸ã—ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ 目次 å˜ç´”作æ¥ã‚’ラクã«ã™ã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆÃ—4種） モックアップ作æˆã‚’ラクã«ã™ã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆÃ—6種） å†™çœŸåŠ å·¥ã‚’ãƒ©ã‚¯ã«ã™ã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆÃ—6種） 写真ã®æž をラクã«ä»˜ã‘るアクション（×2種） å˜ç´”作æ¥ã‚’ラクã«ã™ã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ １.Retina対応画åƒã‚’生æˆã™ã‚‹ Retinize Itを使ãˆã°ã€iPhoneã‚„iPadã«å¯¾å¿œã—ãŸRetinaç”»åƒã‚’自動生æˆã§ãã¾ã™ã€‚リサイズ〜åå‰å¤‰æ›´ã®æ‰‹é–“を一気ã«çŸç¸®ã—ã¾ã—ょã†ã€‚ Retinize It ï¼’.リフレクションã™ã‚‹ æ°´é¢ã«åå°„ã—ãŸã‚ˆã†ãªåŠ¹æžœãŒå¾—られるリフレクションエフェクトãŒç°¡å˜ã«ä½œã‚Œã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã§ã™ã€‚ãŸã£ãŸã®ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§Appleプãƒãƒ€ã‚¯ãƒˆã®
ã¯ã£ã¡ã®å‰ãŒãƒãƒƒãƒå…¬å‰(ä»®)
ã“ã‚“ã«ã¡ã¯ãƒ¼ï¼ã¯ã£ã¡ã§ã™ã€‚ ã¿ãªã•ã‚“ãŠå…ƒæ°—ã§ã™ã‹ï¼Ÿ ã™ã£ã‹ã‚Šãƒ–ãƒã‚°ã‚’æ›´æ–°ã™ã‚‹ç¿’æ…£ãŒãªããªã£ã¦ã—ã¾ã„ã¾ã—ãŸï¼› æ£ç›´ã€ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚‚ã©ã†ã™ã‚‹ã‹ãªãƒ¼ã¨ãƒœãƒ³ãƒ¤ãƒªè€ƒãˆã¦ã„ã¾ã™ã€‚ ã•ã¦ã€2ã¤å‰ã®è¨˜äº‹ã‚‚「最近ã®ã“ã¨ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã ã£ãŸã‚ã‘ã§ã™ãŒç¬‘ 今回ã¯ä»Šå¹´ãŠãらã最後ã®æ›´æ–°ã§ã¯ãªã„ã‹ã¨æ€ã†ã®ã§ã€è¿‘æ³ã‚’メモ代ã‚ã‚Šã«ã€‚ Read More
waterfall.js
divè¦ç´ ãªã©ã§é…ç½®ã—ãŸé«˜ã•ã®ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã‚’レンガ状ã«ä¸€å®šã®éš™é–“ã§é…ç½®ã™ã‚‹jQueryå…¼Zeptoã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã¯é©ç”¨ãªã—ã€å³ã ã‘レンガ状ã«ã§ãã¾ã™ã€‚ waterfall waterfall -GitHub ãã†ã„ãˆã°æœ€è¿‘ã€ãƒ‡ãƒ¢ã«zeptoã®æ–¹ã‚’使ã£ã¦ã‚‹ãƒ—ラグインãŒå¢—ãˆã¦ãã¾ã—ãŸã。 waterfallã®ãƒ‡ãƒ¢ waterfallã®ä½¿ã„æ–¹ waterfallã®ãƒ‡ãƒ¢ スクリプトã®ãƒšãƒ¼ã‚¸è‡ªä½“ãŒãƒ‡ãƒ¢ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—サイズã§ã®è¡¨ç¤ºã€‚ デモページã€å¹…780pxã§è¡¨ç¤º カラムã®æ•°ã¯ã‚«ãƒ©ãƒ ã®å¹…ã®æœ€å°å€¤ã‚’è¨å®šã™ã‚‹ã“ã¨ã§ã€è‡ªå‹•ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ページ内ã®é©ç”¨ç¯„囲も指定ã§ãã‚‹ã®ã§ã€å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã¯ãã®ã¾ã¾ã®è¡¨ç¤ºã§ã™ã€‚ waterfallã®ä½¿ã„æ–¹ 使ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚ HTMLãŒã‚ã‚Œã°ã€æ•°è¡ŒåŠ ãˆã‚‹ã ã‘ã§å®Œäº†ã§ã™ã€‚ Step 1: 外部ファイル waterfallã¯j
フラットデザインã«ä½¿ãˆã‚‹ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ19é¸ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
フラットデザインã€ä»Šã‚„大ããªãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚ã‚Œã ã‘「Skeuomorphismデザインã€ã‚’推進ã—ã¦ããŸAppleã§ã•ãˆã€iOS 7ã‹ã‚‰ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’採用ã—始ã‚ã¾ã—ãŸã€‚æ½®æµã¨ã¯å„šã„ã‚‚ã®ã§ã™ã。 フラットデザインã®ç‰¹å¾´ä¸Šã€è¦‹ãŸç›®ãŒã‚·ãƒ³ãƒ—ルã§è³ªæ„Ÿã‚’è¦ã—ãªã„ã®ã§ã€åˆ¶ä½œã™ã‚‹ã®ã«ã€ŒSkeuomorphismデザインã€ã»ã©æ™‚é–“ãŒã‹ã‹ã‚‰ãšå¤§é‡ç”Ÿç”£ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ãªã®ã§ã€è³ªã®é«˜ã„アイコンセットをé¸ã‚Šã™ãã‚‹ã®ã«ã¯çµæ§‹æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯ãã‚“ãªã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã«ä½¿ãˆã‚‹ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã‚’20個集ã‚ã¦ã¿ã¾ã—ãŸã€‚å‚考ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ フラットデザインã«ä½¿ãˆã‚‹ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ20é¸ 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
æ–‡ç« ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ – 段è½ã‚„箇æ¡æ›¸ãをよりèªã¿ã‚„ã™ãã™ã‚‹ãŸã‚㫠｜https://wp.yat-net.com/name
æ–‡ç« ã‚’èªã¿æ˜“ãã™ã‚‹ç‚ºã«æ®µè½ã‚’用ã„ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ã“ã¨ã¯éžå¸¸ã«å¤šãã€ã„ã‹ã«èªã¿ã‚„ã™ãã€ã„ã‹ã«è¦‹ã‚„ã™ã„ã‹ã‚’考ãˆã¦æ§‹æˆã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã。 1.段è½ã®ä½¿ã„æ–¹ 2.èªã¿ã‚„ã™ã„改行ä½ç½® 3.箇æ¡æ›¸ãã«ã¤ã„㦠4.æ–‡ç« ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ã„ã†äº‹ 段è½ã®ä½¿ã„æ–¹ ã“ã®ãƒ–ãƒã‚°ã§ã¯ã‚る程度ã®é•·ã•ã§1段è½ã‚’è¨å®šã—ã€ä¸€ã¤ä¸€ã¤ã®ãƒ–ãƒãƒƒã‚¯ãŒé•·éŽãŽãªã„よã†ã«ã‚る程度ã®èª¿ç¯€ã‚’心ãŒã‘ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—å¯èªæ€§ã‚„視èªæ€§ã®äº‹ã‚’考ãˆã‚‹ã¨å½“然ã“ã‚Œã ã‘ã§ã¯é§„ç›®ã§ã™ã‚ˆã。もã£ã¨è€ƒãˆã‚‹ã¹ã点ãŒã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã¡ã‚‡ã£ã¨ãã®è¾ºã‚Šã«ã¤ã„ã¦è€ƒãˆã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ èªã¿ã‚„ã™ã„改行ä½ç½® ã¾ãšæ–‡ç« を構æˆã™ã‚‹ã«ã‚ãŸã‚Šã€å¿…ãšè€ƒãˆã‚‹ã¹ããªã®ã¯æ”¹è¡Œã®ä½ç½®ã§ã™ã€‚Webã«é™ã‚‰ãšç´™åª’体ã§ã‚‚åŒã˜ã§ã€ã©ã“ã§æ”¹è¡Œã™ã‚Œã°èªã¿ã‚„ã™ã„ã®ã‹ãƒ»è¦‹ã‚„ã™ã„ã®ã‹ã‚’æ„è˜ã™ã‚‹ã®ã¯ã¨ã¦ã‚‚大切ãªäº‹ã§ã™ã‚ˆã。 基本的ã«æ”¹è¡Œã¯å¥èªç‚¹ä½ç½®ã§è¡Œã†äº‹ã€‚ã“ã‚ŒãŒä¸€ç•ªã‚·ãƒ³ãƒ—ルã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿã‚ã¨ã€
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
ã¨ã‚るフリーランスWebデザイナーã®ä¸€æ—¥
2017å¹´7月14æ—¥ フリーランス, 便利ツール フリーランスã¨ã—ã¦åƒã„ã¦ã„る人ã¯ã€ãªã‹ãªã‹ä»–ã®äººã®åƒã方を知る機会ãŒãªã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿã©ã‚“ãªé¢¨ã«æ™‚間管ç†ã—ã¦ã‚‹ã‚“ã ã‚ã†ï¼Ÿã©ã‚“ãªãƒ„ールを使ã£ã¦ã‚‹ã‚“ã ã‚ã†ï¼Ÿãªã©ãªã©ã€æ°—ã«ãªã‚‹ã‘ã©ã€èžãã¾ã§ã‚‚ãªã„ã‹ãªâ€¦ãªã‚“ã¦â€¦ã€‚最近ãã®ã‚ˆã†ãªã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®åƒãæ–¹ã«ã¤ã„ã¦ã®è³ªå•ãƒ¡ãƒ¼ãƒ«ã‚’ã„ãã¤ã‹é ‚ã„ãŸã®ã§ã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®Webデザイナーã§ã‚ã‚‹ç§ã®ä¸€æ—¥ã‚’追ã£ã¦ã¿ã¾ã—ãŸï¼ˆè‡ªåˆ†ã§ï¼‰ã€‚ã„ã¤ã‚‚æ¥å‹™ã«ä½¿ã£ã¦ã„ã‚‹Webサービスや便利ãªãƒ„ールも紹介ã—ã¦ã„ã¾ã™ã€‚ã»ã¨ã‚“ã©ãŒç„¡æ–™ã‚µãƒ¼ãƒ“スãªã®ã§å¿…見ã§ã™ã‚ˆï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ 5:30 起床 æœã¯æ—©ã„ã§ã™ã€‚逆立ã¡ã‚’ã—ã¦ï¼ˆï¼ï¼‰ç›®ã‚’覚ã¾ã—ã¾ã™ã€‚逆立ã¡ãªã‚“ã¦ç›¸å½“集ä¸ã—ã¦ã„ãªã„ã¨ã§ããªã„ã®ã§ã€ä¸€æ°—ã«ç›®ãŒè¦šã‚ã¾ã™ã€‚ ãã®å¾ŒMacã‚’é–‹ã„ã¦ãƒ¡ãƒ¼ãƒ«ãƒã‚§ãƒƒã‚¯ã€‚メールクライアントã¯Mac付属ã®Mail。ã™ã返信ã™ã‚‹ã‚‚ã®ã€å¾Œã§è¿”
ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼åŽ³é¸ã€‘ãƒãƒŠãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考ギャラリーサイトã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ï¼ Webデザイナーã®ãˆã³ã¡ã‚ƒã‚“ã§ã™ã€‚ ãƒãƒŠãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作æˆã—ã¦ã„ã‚‹ã¨ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä¸Šæ‰‹ãã„ã‹ãªã„ã€ã€ŒãƒãƒŠãƒ¼ã®å‚考を上手ã探ã›ãªã„ã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚‚å¤ã„ã®ã°ã‹ã‚Šã€ã€Œæœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã£ã¦ã©ã‚“ãªæ„Ÿã˜ãªã‚“ã ã‚ã†ï¼Ÿã€â€¦â€¦ãªã©ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ‚©ã¿ã£ã¦ãŸãã•ã‚“出ã¦ãã¾ã™ã‚ˆã。 ãã“ã§ä»Šå›žã¯ã€ãã‚“ãªã‚ãªãŸã«ç¾å½¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒãŠã™ã™ã‚ã™ã‚‹ãƒãƒŠãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考サイトをジャンル別ã«åˆ†é¡žã—ã¦ç´¹ä»‹ã—ã¾ã™ï¼ 後åŠã§ã¯å®Ÿéš›ã«åŠ¹æžœã®é«˜ã‹ã£ãŸåºƒå‘ŠãƒãƒŠãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚紹介ã—ã¦ã„ã‚‹ã®ã§ã€ãœã²å‚考ã«ã—ã¦ãã ã•ã„。 「ググã£ã¦ã‚ã‹ã‚‰ãªã„ã“ã¨ã€ãŒä¸€çž¬ã§è§£æ±ºã™ã‚‹ã‹ã‚‚？ Webã®çŸ¥è˜ã‚’効率的ã«å¦ã³ãŸã„ã€æœªçµŒé¨“ã‹ã‚‰Webæ¥ç•Œã¸ã®è»¢è·ãƒ»å°±è·ã‚’目指ã—ã¦ã„ã‚‹ã€èª°ã‹ã«æ•™ãˆã¦ã‚‚らã„ãŸã„……ã¨ã„ã†æ–¹ã¸ã€‚LIGãŒé‹å–¶ã®Webクリエイター育æˆã‚¹ã‚¯ãƒ¼ãƒ«ã€Œãƒ‡ã‚¸ã‚¿ãƒ«ãƒãƒªã‚¦ãƒƒãƒ‰STUDIO by LIGã€ã§ã¯å®Ÿè·µçš„ãªã‚«ãƒªã‚ュラムã§æœ€çŸ6ヶ月ã§We
ノンデザイナーã“ã押ã•ãˆã¦ãŠããŸã„! UI/UXãŒå¦ã¹ã‚‹ç¥žã‚¹ãƒ©ã‚¤ãƒ‰7é¸ | Find Job ! Startup
競åˆã«è² ã‘ãªã„Webサービスをã¤ãã‚‹ãŸã‚ã€UI（User Interface）ã€UX（UserExperienceã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験）ã«ã“ã ã‚ã‚‹ã®ã¯ã€ã‚‚ã¯ã‚„常è˜ã€‚良ã„UI/UXã¯ãƒãƒ¼ãƒ 全員ã§è€ƒãˆã‚‹ã“ã¨ãŒã€è‰¯ã„サービスをã¤ãる秘訣ã§ã™ã€‚ エンジニアやWebディレクターもå¦ã‚“ã§æã¯ã—ã¾ã›ã‚“。もã¡ã‚ã‚“ã€æœ¬è·ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã«ã‚‚役立ã¤7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰åŽ³é¸ã¾ã¨ã‚ã§ã™ï¼ 目次 åŸºç¤ŽçŸ¥è˜ ï¼‘ï¼ŽUXã®ãŸã‚ã®UIデザイン ２．UX is not UI ３．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå‰ç·¨ 応用編（Webサイト） ４．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå¾Œç·¨ ５．コンテンツã§æ”¹å–„ã™ã‚‹ UI デザインã®æ¥µæ„ 応用編（スマホアプリ） ６．UI＆UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„UI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
5分ã§åˆ†ã‹ã‚‹ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³
iOS 7ã‚„Windows 8も採用ã—ãŸã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã€‚実際ã«ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’実ç¾ã™ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ 1分ï¼ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ä½•ãªã®ã‹ アップルã®é–‹ç™ºè€…å‘ã‘年次イベント「Worldwide Developers Conference（WWDC）ã€ãŒç±³å›½æ™‚é–“6月10æ—¥ã«é–‹å¹•ã—ã€åŸºèª¿è¬›æ¼”ã§åŒç¤¾ãƒ¢ãƒã‚¤ãƒ«OSã®æ¬¡æœŸç‰ˆã€ŒiOS 7ã€ãŒç™ºè¡¨ã•ã‚ŒãŸã€‚見ãŸç›®ã®å°è±¡ãŒå¾“æ¥ç‰ˆã‹ã‚‰ã‚¬ãƒ©ãƒªã¨å¤‰ã‚ã£ã¦ã„る。ã“ã‚Œã¯ã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†æ‰‹æ³•ã‚’採用ã—ãŸã‹ã‚‰ã 。 フラットデザインã¨ã¯ã€ç°¡å˜ã«ã„ã†ã¨ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’利用ã—ãªã„éžå¸¸ã«ã®ã£ãºã‚Šã¨ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã“ã¨ã 。
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
å ´é¢ã«åˆã‚ã›ã¦ä½¿ã„ã‚ã‘よã†ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„ã€ç¾Žã—ã„和文フォント10é¸ - Moxbit
{{#tags}}- {{label}}
{{/tags}}