css2sassSource at http://github.com/jpablobr/css2sass This simple site is created by Jose Pablo Barrantes @ http://jpablobr.com && heavily inspired by html2haml
Webデザイナーã®ãŸã‚ã®Sass/Compass入門 先生：石本 å…‰å¸
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusã¯ã€ŒWEBã«èª•ç”Ÿã—ãŸã€å¦æ ¡ã®æ–°ã—ã„ã‚«ã‚¿ãƒã€ã€‚ ＷＥＢ生放é€ã®æŽˆæ¥ã‚’ç„¡æ–™ã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ â–¼ã“ã¡ã‚‰ã‹ã‚‰æŽˆæ¥ã«å‚åŠ ã™ã‚‹ã¨ã€å…ˆç”Ÿã¸ã®è³ªå•ã‚„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®ãƒãƒ£ãƒƒãƒˆã€è³‡æ–™ã®æ‹¡å¤§è¡¨ç¤ºç‰ãŒå¯èƒ½ã§ã™ã€‚ https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
SassMeister | The Sass Playground!
SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.
[書評]「Web制作者ã®ãŸã‚ã®Sassã®æ•™ç§‘書〠｜https://wp.yat-net.com/name
「Web制作者ã®ãŸã‚ã®Sassã®æ•™ç§‘書ã€ã‚’著者ã®å¹³æ¾¤ 隆ã•ã‚“（@hira）ã€æ£®ç”° 壮ã•ã‚“（@sou_labï¼‰ã‚ˆã‚Šé ‚æˆ´ã—ã¾ã—ãŸã®ã§æ›¸è©•ã‚’æŒã£ã¦ãŠç¤¼ã¨ã•ã›ã¦é ‚ãã¾ã™ã€‚ ã“ã®æ›¸ç±ã¯CSSã®ãƒ¡ã‚¿è¨€èªžã§ã‚ã‚‹Sassã«é–¢ã—ã¦ã€Œå°Žå…¥ã®ãƒ¡ãƒªãƒƒãƒˆã€ã€ã€Œå°Žå…¥æ–¹æ³•ï¼ˆWindowsã€Mac）ã€ã€ã€Œå®Ÿéš›ã®ä½¿ã„æ–¹ã€ã€ã€Œãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ã¾ã§å¿…è¦ãªäº‹ã‚’細部ã«ã‚ãŸã£ã¦æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦æ°—ã«ãªã‚‹ã®ã¯å¦ç¿’コストã¨ãã‚Œã«è¦‹åˆã†åŠ¹æžœã ã¨æ€ã„ã¾ã™ãŒã€åƒ•ãŒå®Ÿéš›ã«åˆ©ç”¨ã—ã¦ä¾¿åˆ©ã ã¨æ„Ÿã˜ã‚‹ã®ã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ç®¡ç†ã®ã—易ã•ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æ™‚é–“çŸç¸®ã¨å†—é•·ã«ãªã‚ŠãŒã¡ãªã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®æ¸›é‡åŒ–ã€å¤‰æ•°ã‚„四則演算ãŒæ‰±ãˆã‚‹åŠ¹çŽ‡ã®è‰¯ã•ã®3点ãŒå¤§ãã„ã§ã™ã€‚ 書ç±ã‚’èªã‚ã°ãれらã®ãƒ¡ãƒªãƒƒãƒˆãŒã©ã‚Œç¨‹ã®ã‚‚ã®ã‹ã‚’知れるã®ã¯å‹¿è«–ã€ã‚ˆã‚Šè©³ã—ã便利ã«ä½¿ã†æ–¹æ³•ã‚„å¿«é©ã«ä½¿ãˆã‚‹ãƒ„ールãªã©ã¨ã„ã£ãŸSassã«é–¢é€£ã™ã‚‹å¹…広ã„知è˜ã‚’å¾—ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 書ç±ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ§‹æˆã¨ãª
![[書評]「Web制作者ã®ãŸã‚ã®Sassã®æ•™ç§‘書〠｜https://wp.yat-net.com/name](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b5284bee55c04ba13d388ef455db4259746074a/height=288;version=1;width=512/https%3A%2F%2Fwp.yat-net.com%2Fyatblog%2Fwp-content%2Fuploads%2F2013%2F09%2Fsass_book_00.jpg)
相手ãŒæœ¬å½“ã«å›°ã£ã¦ã„ã‚‹ã“ã¨ã€ãã®è§£æ±ºç–ã¨ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚る―《ラクスル》CCO山田ã‚ã‹ãæ°ã«èžã | ã‚ャリアãƒãƒƒã‚¯ï¼ˆCAREER HACK）
ãƒ©ã‚¯ã‚¹ãƒ«æ ªå¼ä¼šç¤¾ã«ã¦CCO（Chief Creative Officer）を務ã‚る山田ã‚ã‹ãã•ã‚“。様々ãªæ¥ç•Œãƒ»æ¥ç¨®ã‚’経験ã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¨ã—ã¦GREEã§ã‚‚プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’率ã„ãŸå½¼å¥³ã¯ã€ã©ã®ã‚ˆã†ãªè€ƒãˆã®ã‚‚ã¨ã€ãƒ©ã‚¯ã‚¹ãƒ«ã§æ´»èºã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿ ▼ラクスルCEO・æ¾æœ¬ææ”æ°ã¸ã®ã‚¤ãƒ³ã‚¿ãƒ“ューã¯ã“ã¡ã‚‰ エンジニア・クリエイターãŒã€WEBã§ãƒ“ジãƒã‚¹ã®ä»•çµ„ã¿ã‚’変ãˆã¦ã„ã。 ─《ラクスル》æ¾æœ¬ææ”æ°ã«èžã。 ▼ラクスルCTO・山下雄太æ°ã¸ã®ã‚¤ãƒ³ã‚¿ãƒ“ューã¯ã“ã¡ã‚‰ GREEを辞ã‚ã¦ã§ã‚‚ã€æŒ‘む価値ã¯ã‚ã£ãŸâ”€ã€Šãƒ©ã‚¯ã‚¹ãƒ«ã€‹CTOãŒèªžã‚‹ã€æ—¢å˜æ¥ç•Œã‚’テクノãƒã‚¸ãƒ¼ã§å¤‰ãˆã‚‹é†é†å‘³ã€‚ CCOã¨ã„ã†ãƒã‚¸ã‚·ãƒ§ãƒ³ã§ã€ä½•ã‚’考ãˆã€ã©ã®ã‚ˆã†ã«åƒã„ã¦ã„ã‚‹ã®ã‹ï¼Ÿ 「社会ã«å‡ºãŸæ–¹ãŒå¦ã¹ã‚‹ã“ã¨ãŒå¤šã„ã—ã€å’æ¥ã¾ã§å¾…ã£ã¦ã‚‰ã‚Œãªã„ï¼ã€ã¨ã„ã†æƒ³ã„ã§å¤§å¦ã‚’ä¸é€€ã—ã€æ§˜ã€…ãªã‚ャリアをæ©ã‚“ã§ããŸã¨ã„ã†å±±ç”°ã‚ã‹ãã•ã‚“。 ãã®ä¸ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã«å‡ºä¼šã„ã€å®Ÿç¸¾ã¨
ã¯ã¦ãªCTOç”°ä¸æ…Žå¸æ°ã«è¨Šã―「CTOã¨ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢1人ã²ã¨ã‚Šã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’作るå˜åœ¨ã§ã‚る〠| ã‚ャリアãƒãƒƒã‚¯ï¼ˆCAREER HACK）
「CTOã¨ã¯ä½•ã‹ã€ã‚’å•ã†ã‚·ãƒªãƒ¼ã‚ºä¼ç”»ã€‚今回ã„よã„よã€ã¯ã¦ãªã®ç™»å ´ã§ã‚る。「エンジニアã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’組むã“ã¨ãŒã€CTOã®é‡è¦ãªå½¹å‰²ã®ï¼‘ã¤ã€ã¨èªžã‚‹ã€ã¯ã¦ãªCTOç”°ä¸æ…Žå¸æ°ã€‚ãã“ã«ã¯ã€æ•°å¤šãã®ã‚µãƒ¼ãƒ“スã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’有ã™ã‚‹çµ„ç¹”ãªã‚‰ã§ã¯ã®ç†ç”±ãŒã‚る。 ã¯ã¦ãª ã«ãŠã‘ã‚‹CTOã¯ã€ä¸€ä½“ã©ã‚“ãªå˜åœ¨ã‹ã€‚ CTOã¨ã„ã†è¨€è‘‰ã¯åºƒãèªçŸ¥ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã‚‚ã®ã®ã€ãã®å½¹å‰²ã‚„仕事ã«ã¤ã„ã¦ã¯ã€ã¾ã ã¾ã 明確ã¨ã¯ã„ãˆãªã„。「CTOã¨ã¯ä½•è€…ã‹ã€ã¨ã„ã†å•ã„ã®ç”ãˆã‚’見ã¤ã‘ã‚‹ã¹ãã€æ•°ã€…ã®CTOã«ã‚¤ãƒ³ã‚¿ãƒ“ューを行ãªã£ã¦ã„ã‚‹CAREER HACK。今回ã¯ã„よã„よã€ã¯ã¦ãªã®ç™»å ´ã§ã‚る。 伊藤直也æ°ã®å¾Œã‚’引ã継ãŽã€2010å¹´ã« ã¯ã¦ãªCTOã«å°±ä»»ã—ãŸç”°ä¸æ…Žå¸æ°ã€‚ãã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã«ã¤ã„ã¦ã€ã¾ãšã¯ç°¡å˜ã«è§¦ã‚Œã¦ãŠã“ã†ã€‚ 京都大å¦å¤§å¦é™¢ä¿®äº†å¾Œã€NTTãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚µãƒ¼ãƒ“ã‚¹ã‚·ã‚¹ãƒ†ãƒ ç ”ç©¶æ‰€ã«å…¥ã‚Šã€OS言語環境ã¾ã‚ã‚Šã®ç ”究ã«ç´„6年間従事ã™ã‚‹ã€‚ãã®å¾Œã‚¨
Webアニメーションを高速化ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå¾Œç·¨ï¼‰
Webアニメーションを高速化ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå¾Œç·¨ï¼‰ 斉藤 ç¥ä¹Ÿï¼ˆæ ªå¼ä¼šç¤¾ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢ï¼‰ å‰ç·¨ã‹ã‚‰å¼•ã続ãã€å¾Œç·¨ã§ã‚‚最é©åŒ–ã®ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„レンダリングプãƒã‚»ã‚¹ã€è¨ˆæ¸¬æ–¹æ³•ã€ãã—ã¦æœ€é©åŒ–を妨ã’るよãã‚るアクシデントã¨ãã®å›žé¿æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ アニメーションを高速化ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„レンダリングプãƒã‚»ã‚¹ ブラウザãŒã©ã®ã‚ˆã†ã«ã‚¦ã‚§ãƒ–サイトを表示ã—ã¦ã„ã‚‹ã®ã‹ã‚’知るã“ã¨ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘ã«é™ã‚‰ãšã€Webã®ãƒ‘フォーマンス全体ã®é«˜é€ŸåŒ–ã‚’è¡Œã†ãŸã‚ã«å¤§åˆ‡ãªã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ イスラエルã®é–‹ç™ºè€…ã§ã‚ã‚‹Tali Garsielæ°ãŒå…¬é–‹ã—ãŸã€ŽHow Browsers Workã€ã¯ã€HTML5 Rocksã«è»¢è¼‰ã•ã‚Œã€è¤‡æ•°ã®æ—¥æœ¬èªžè¨³ã‚‚æä¾›ã•ã‚Œã¦ã„ã‚‹ã€ãƒ–ラウザã®å†…部動作をå¦ã¶ãŸã‚ã«èªã‚“ã§ãŠããŸã„リソースã®1ã¤ã§ã™ã€‚ ãã®ãƒªã‚½ãƒ¼ã‚¹ã‚’å‚考ã«ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®ãƒ¡ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã«ã¤
Webアニメーションを高速化ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå‰ç·¨ï¼‰
Webアニメーションを高速化ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå‰ç·¨ï¼‰ 斉藤 ç¥ä¹Ÿï¼ˆæ ªå¼ä¼šç¤¾ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢ï¼‰ アニメーションï¼ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã¯èº«ã®å›žã‚Šã«å½“ãŸã‚Šå‰ã«ã‚ã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚€ã—ã‚普段ã®ç”Ÿæ´»ã§ã¯ã€Œ0ã€ãŒã€Œ1ã€ã«å¤‰åŒ–ã™ã‚‹ã‚‚ã®ã®æ–¹ãŒçã—ã„ã§ã—ょã†ã€‚ アニメーションï¼ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã¯ãƒ‡ã‚¸ã‚¿ãƒ«ãªWebã«å¯¾ã—ã¦è‡ªç„¶ãªå¤‰åŒ–ã‚’æä¾›ã™ã‚‹å¤§åˆ‡ãªãƒ„ールã§ã™ã€‚ 今回ã¯ãã‚“ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’より自然ã«ã‚¹ãƒ ーズã«å‹•ä½œã•ã›ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ã‚’å‰ãƒ»å¾Œç·¨ã®2回ã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ アニメーションを高速化ã™ã‚‹ç†ç”± アニメーションã¯å…ˆã»ã©æ›¸ã„ãŸã‚ˆã†ã«æ™®æ®µã®ç”Ÿæ´»ã«ã‚‚å˜åœ¨ã—ã¦ã„ã¾ã™ã€‚ã ã‹ã‚‰ã“ãã€æˆ‘々ã¯ã‚¹ãƒ ーズã§ã¯ãªã„アニメーションを見ã¤ã‘ã‚‹ã®ãŒå¾—æ„ã§ã™ã€‚ アニメーションã«é™å®šã—ãŸè©±ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€Facebookã®Shane O’Sullivanæ°ãŒã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰å¾Œã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ‘フォーマンス
æ–°ã—ã„ガラケー『iPhone5c/5sã€ã‚’ã€é–‹ç™ºè€…視点ã§è€ƒãˆã‚‹ã€é€£è¼‰:ãˆãµã—ん】 - エンジニアtype
æ–°ã—ã„ガラケー『iPhone5c/5sã€ã‚’ã€é–‹ç™ºè€…視点ã§è€ƒãˆã‚‹ã€é€£è¼‰:ãˆãµã—ん】 2013/09/27公開 è—¤å·çœŸä¸€ï¼ˆãˆãµã—ん） FA装置メーカーã€Web制作ã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã‚’経ã¦ã€2006å¹´ã«paperboy&co.ã¸ã€‚ショッピングモールサービスã«ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã¨ã—ã¦æºã‚ã‚‹ã‹ãŸã‚らã€2007å¹´ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«å‘ã‘ã®Twitterウェブサービス型クライアント『モãƒãƒ„イã€ã®é–‹ç™ºãƒ»é‹å–¶ã‚’個人ã§é–‹å§‹ã€‚2010å¹´ã€æƒ³å‰µç¤¾ï¼ˆç¾ãƒ»ãƒžã‚¤ãƒ³ãƒ‰ã‚¹ã‚³ãƒ¼ãƒ—）をè¨ç«‹ã—ã€2012å¹´4月30æ—¥ã¾ã§ä»£è¡¨å–ç· å½¹ç¤¾é•·ã‚’å‹™ã‚る。ãã®å¾Œã—ã°ã‚‰ãフリーランスエンジニアã¨ã—ã¦æ´»èºã—ã€2012å¹´11月6æ—¥ã«æƒ³å‰µç¤¾ï¼ˆversion2）è¨ç«‹ 9月20æ—¥ã«ã€iPhone5cã¨iPhone5sãŒç™ºå£²ã•ã‚Œã¾ã—ãŸã。もã†ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ã¯è²·ã„ã¾ã—ãŸã‹!? ã‚ãŸã—ã¯ã€æœ€è¿‘『ShopCard.meã€ã¨ã„ã†iOSアプリを出ã—ãŸã°ã‹ã‚Šãªã®ã§ã€å“è–„å ±é“ã«æ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
compass-style.org is almost here!
Your Friendly Web Development Companion
GitHub - t32k/maple: A better front-end boilerplate.
{{#tags}}- {{label}}
{{/tags}}