æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
事å‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ã‚¦ã‚§ãƒ–ページã®è¡¨ç¤ºæ™‚間を高速化
[対象: 上級] 事å‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨å‘¼ã¶æŠ€è¡“を使ã£ã¦ã€ã‚¦ã‚§ãƒ–ページã®è¡¨ç¤ºæ™‚間を高速化ã™ã‚‹æ–¹æ³•ã‚’ã“ã®è¨˜äº‹ã§ã¯è§£èª¬ã—ã¾ã™ã€‚ 事å‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ã¯ 事å‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° (Prerendering)ã¨ã¯ã€ãã®åã®ã¨ãŠã‚Šã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ï¼ˆæ£ç¢ºã«ã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼‰ã‚’å‰ã‚‚ã£ã¦å®Ÿè¡Œã™ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ Google検索ã§æŽ¡ç”¨ã•ã‚Œã¦ã„る「インスタントページã€ã«ã¯äº‹å‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ 下ã®ã‚ャプãƒãƒ£ã¯ã€Googleã§ã€ŒAmazonã€ã‚’検索ã—ãŸã¨ãã®Chromeã®ã‚¿ã‚¹ã‚¯ã®çŠ¶æ³ã‚’タスクマãƒãƒ¼ã‚¸ãƒ£ã§ç¢ºèªã—ãŸã‚‚ã®ã§ã™ã€‚ 「事å‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€ã§Amazon.co.jpãŒå‡ºã¦ã„ã¾ã™ã€‚ 「Amazonã€ã§æ¤œç´¢ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‹ãªã‚Šé«˜ã„確率ã§ï¼ˆ1ä½ã«å‡ºã¦ããŸï¼‰Amazonã®ãƒ›ãƒ¼ãƒ ページをクリックã™ã‚‹ã¯ãšã§ã™ã€‚ Chromeã¯å…ˆå›žã‚Šã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¯ãƒªãƒƒã‚¯ã—ãªãã¦ã‚‚Amazonã®ãƒ›ãƒ¼ãƒ ページをå–å¾—ãŠã‚ˆã³æç”»ã€ã¤ã¾ã‚Šãƒ¬ãƒ³ãƒ€
[CSS]アイテム数ãŒä¸æ˜Žã§ã‚‚カラム数ã«åˆã‚ã›ã¦ã´ã£ãŸã‚Šã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
下記ã®ã‚ˆã†ãª3カラムã®ã‚°ãƒªãƒƒãƒ‰ã«è¤‡æ•°ã®ã‚¢ã‚¤ãƒ†ãƒ ã‚’é…ç½®ã™ã‚‹æ™‚ã€ã‚¢ã‚¤ãƒ†ãƒ ã®æ•°ãŒ3ã®å€æ•°ã ã£ãŸã‚‰ã´ã£ãŸã‚ŠåŽã¾ã‚Šã¾ã™ãŒã€ã‚¢ã‚¤ãƒ†ãƒ ãŒ7, 8個ã®å ´åˆã¯æœ€å¾Œã«ä½™ç™½ã‚’生ã˜ã¾ã™ã€‚ ã‚‚ã¡ã‚ん余白ã®ã¾ã¾ã§ã‚‚良ã„å ´åˆã¯ã‚ã‚Šã¾ã™ãŒã€ã´ã£ãŸã‚ŠåŽã‚ãŸã„ã¨ã„ã†æ™‚ã«å½¹ç«‹ã¤ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Tetris & The Power Of CSS 基本ã¨ãªã‚‹HTMLã¯ã€ãƒªã‚¹ãƒˆã§ã‚¢ã‚¤ãƒ†ãƒ ã‚’é…ç½®ã—ã¾ã™ã€‚ HTML アイテム数ã¯ã€é©å½“ã«å¤‰æ›´ã—ã¦æ§‹ã„ã¾ã›ã‚“。 <ul class="flex-container"> <li class="flex-item">1</li> <li class="flex-item">2</li> <li class="flex-item">3</li> <li class="flex-item">4</li> <li class="flex-item">5</li> <li cla
ウェブデザイナーã«å¯¾ã—ã¦çµ¶å¯¾ã«è¨€ã£ã¦ã¯ã„ã‘ãªã„27種類ã®æš´è¨€ã‚’è¯éº—ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸãƒã‚¹ã‚¿ãƒ¼é›†
「余白ãŒå¤šã™ãŽã‚‹ã€ã€Œã‚‚ã†ã¡ã‚‡ã£ã¨é¢ç™½ãã—ã¦ã€ã€Œãƒãƒƒãƒ—ã«ã—ã¦ã€ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‹ã‚‰å–ã£ã¦ããŸç”»åƒã‚’使ãˆãªã„ã‹ãªï¼Ÿã€ã€Œã»ã‚‰ã€å‰ã‚ˆã‚Šãšã£ã¨ã‚ˆããªã£ãŸã€‚å›ã‚‚ãã†æ€ã‚ãªã„？ã€ãªã©ã€ã‚¢ã‚¤ãƒ«ãƒ©ãƒ³ãƒ‰ã®ã‚¦ã‚§ãƒ–デザイナーやアニメーター・イラストレーター・ディレクターらãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«æœ€ã‚‚言ã‚ã‚ŒãŸããªã„言葉をãƒã‚¹ã‚¿ãƒ¼ã§è¡¨ç¾ã—ãŸã®ãŒã€ŒSharp Suitsã€ã¨ã„ã†ä¼ç”»ã§ã™ãŒã€Sharp Suitsã«å‡ºå±•ã•ã‚ŒãŸä½œå“ã†ã¡ã‚¦ã‚§ãƒ–デザイナーã«å¯¾ã—ã¦çµ¶å¯¾ã«è¨€ã£ã¦ã¯ã„ã‘ãªã„27個ã®è¨€è‘‰ã‚’BuzzFeedãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ Home - Sharp Suits http://sharpsuits.net/Home 27 Things You Should Never Say To A Designer http://www.buzzfeed.com/regajha/things-you-should-never-say-to-
Sassを極ã‚ã‚‹ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ã実践ã§ãる基本テクニック12連発 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚LIGフィリピン支社代表ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ å‰å›žã€ã“ã‚Œã‹ã‚‰Sassを始ã‚ãŸã„人ã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaver対応)ã¨ã„ã†Sassã®åŸºç¤Žã«é–¢ã™ã‚‹è¨˜äº‹ã‚’書ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€ã‚‚ã†ä¸€æ©ã¤ã£ã“ã‚“ã§ã‚‚ã£ã¨ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ã†ï¼ã¨ã„ã†è¶£æ—¨ã®ã‚‚ã¨ã€ã¡ã‚‡ã£ã¨ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ã‚‰ã£ã¦ã„ã„æ°—ã«ãªã£ã¦ã„る僕ãŒSassã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ら関数をã¾ã¨ã‚ã¦ã”紹介ã„ãŸã—ã¾ã™ï¼ ãŸãã•ã‚“ã‚る機能ã®ä¸ã‹ã‚‰ã€ä»Šå›žã¯æ¯”較的簡å˜ã§å®Ÿç”¨æ€§ã®é«˜ã„ã‚‚ã®ã‚’ãƒãƒ§ã‚¤ã‚¹ã—ã¾ã—ãŸã€‚ 目指ã›Sassマスターï¼WEBデザイナーもコーダーもã™ãã«å®Ÿè·µã—ãŸããªã‚‹Sassã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12連発もã㘠もã㘠テクニック1　アンパサンド（&） テクニック2　演算 テクニック3　round() テクニック4　rgba() テクニック5　コメントアウト テクニック6　変数 テ
åˆå¿ƒè€…必見ï¼é›†å®¢ã‚’アップã•ã›ã‚‹WordPressã®æŠ•ç¨¿æ–¹æ³•
WordPressã§ã®è¨˜äº‹ã®æŠ•ç¨¿ã¯ã‚µã‚¤ãƒˆé‹å–¶ã®æ ¸ã¨ãªã‚‹ä½œæ¥ã 。 弊社ãŒé‹å–¶ã—ã¦ã„ã‚‹ãƒã‚ºéƒ¨ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒˆã§ã‚‚WordPressを使ã£ã¦ãŠã‚Šã€å…¨ã¦ã®ã‚µã‚¤ãƒˆãŒSEOã ã‘ã§ä½•ä¸‡ã€ä½•å万ã®PVを集ã‚ã‚‹ã“ã¨ã«æˆåŠŸã—ã¦ã„る。 ãã®è¦å› ã®ä¸€ã¤ãŒã€WordPress ã®æŠ•ç¨¿æ–¹æ³•ã«ç´°éƒ¨ã¾ã§å¾¹åº•çš„ã«ã“ã ã‚ã£ã¦ã„ã‚‹ã‹ã‚‰ã 。ã“ã“ã§ã¯ã€WordPressã«æŠ•ç¨¿ã™ã‚‹æ–¹æ³•ã¨ã¨ã‚‚ã«ã€é›†å®¢ã‚’最大化ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’紹介ã—ã¦ã„ã。 実際ã«å¼Šç¤¾ã‚‚ WordPress ã«è¨˜äº‹ã‚’投稿ã™ã‚‹æ™‚ã«å®ˆã£ã¦ã„る。ãœã²ã€ã‚ãªãŸã‚‚ã“ã®é€šã‚Šã«å®Ÿè·µã—ã¦ã¿ã¦æ¬²ã—ã„。 具体的ã«ã¯ã€ã“ã®è¨˜äº‹ã§ä¸»ã«ä»¥ä¸‹ã®å†…容を解説ã—ã¦ã„る。
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
æ–‡ç« ã®ä½“è£ã‚’æ•´ãˆã€ã‚ã‹ã‚Šã‚„ã™ãèªã¿ã‚„ã™ã„æ–‡ç« ã«ã™ã‚‹
大è¦æ¨¡åˆ†æ•£ã‚·ã‚¹ãƒ†ãƒ â€Amazon Web Services†ã®ä½¿ã„æ–¹
{{#tags}}- {{label}}
{{/tags}}