ズルã„デザインテクニック2013 + セミフラット version - in ç¦äº•
WCAF Vol.11 「Design〠in ç¦äº• ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 内容ã¯å¤§ä½“ã€å‰å›žã®å¤§é˜ªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨åŒã˜ã§ã™ã€‚ http://wcaf.doorkeeper.jp/events/7028 å°‘ãªã„装飾ã§ç´ æã®é…力を生ã‹ã™ã€ã‚ºãƒ«ã„Webデザイン実践編 https://speakerdeck.com/ken_c_lo/shao-naizhuang-shi-desu-cai-falsemei-li-wosheng-kasu-zuruiwebdezainshi-jian-bian
Rails4/viewsã®erbã‚’Slimã«ä¸€æ‹¬å¤‰æ›ã™ã‚‹Rubyワンライナー | ã‚‚ã£ã¡ãƒ–ãƒã‚°
slimã¨Sassã«æ…£ã‚Œã‚‹ã¨ã€æ™®é€šã®CSSã‚„HTMLを書ãモãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ¹§ã„ã¦ãã¾ã›ã‚“。ソースコードã®ã‚µã‚¤ã‚ºã¯40%縮å°ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚é–“ã‚‚3割ãらã„æ—©ããªã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚å¦ç¿’コストも低ã„ã®ã§Railsプãƒã‚¸ã‚§ã‚¯ãƒˆã§é »ç¹ã«ã¿ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ Githubã«ã¯ html2slimã®ã‚ˆã†ãªã€viewファイルã®è¨˜æ³•ã‚’変æ›ã—ã¦ãれるGemãŒã„ãã¤ã‹å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€Usageを見ã¦ã‚‚ファイルを１ã¤ãšã¤æŒ‡å®šã™ã‚‹å¿…è¦ãŒã‚ã‚Šã€Railsã®app/views/以下㮠erbファイルをslimã«ä¸€æ‹¬å¤‰æ›ã™ã‚‹ãŸã‚ã®ãƒ¯ãƒ³ãƒ©ã‚¤ãƒŠãƒ¼ ã«ã¤ã„ã¦ã¯ã€ãƒãƒƒãƒˆä¸Šã§ã¯ã»ã¨ã‚“ã©è¨˜è¿°ãŒè¦‹å½“ãŸã‚Šã¾ã›ã‚“。 hamlã®å ´åˆã¯ã€erb2hamlを入れã¦ã€rakeコマンド # rake haml:convert_erbs ã§ä¸€æ‹¬å¤‰æ›ã§ãã‚‹ã£ã½ã„ã‚“ã§ã™ãŒã€Slim ã§ã¯ã¾ã æƒ…å ±æºãŒå°‘ãªã‹ã£ãŸã®ã§ã€ä½œæˆã—ã¦å‹•ä½œã§ããŸã‚‚ã®ã‚’
シンプルã•ãŒå‹ã¤ã€‚人間ã¯ã‚·ãƒ³ãƒ—ルã§ã¯ãªã„。 - mizchi's blog
è¿·ã£ãŸã‚‰ã‚·ãƒ³ãƒ—ルãªæ–¹â€” 片手間以上 (@mizchi) 2014, 7月 19 僕ã¯ä¸»ã«UIを作るエンジニアãªã®ã ã‘ã©ã€ä»¥ä¸‹ã®è©±é¡Œã«ã¤ã„ã¦ã€‚ 時間をã‹ã‘ã¦ã€ã¤ã¾ã‚‰ãªã„ã‚‚ã®ã‚’作りãŸã„ã‹ï¼Ÿ - futoase.hatenablog.com ニコニコ動画ã¯Synvieプãƒã‚¸ã‚§ã‚¯ãƒˆãŒåŽŸåž‹ - ã¯ã¦ãªæ‘定点観測所 UIã®æœ‰åŠ¹æ€§ã‚’証明ã™ã‚‹ä»®èª¬ã¨ãã®æ¤œè¨¼ã«ãŠã„ã¦ã€ã»ã¨ã‚“ã©ã®å ´åˆã«ãŠã„ã¦æ¬¡ã®äºŒã¤ãŒæ ¹æºçš„ãªå•é¡Œã¨ãªã‚‹ã€‚ ã ã„ãŸã„ã®ã‚‚ã®ã¯ã‚·ãƒ³ãƒ—ルãªæ–¹ãŒå‹ã¤ 人間ã¯ã‚·ãƒ³ãƒ—ルã§ã¯ãªã„ 二点間ã®è·é›¢ã‚’求ã‚る三平方ã®å®šç†ã¯ã€(ディスプレイãŒæªã‚“ã§ã„ãªã„é™ã‚Š)ç°¡æ½”ã§ã‚·ãƒ³ãƒ—ルã ãŒã€äºŒç‚¹ã®ãƒœã‚¿ãƒ³ã‚’é †ç•ªã«æŠ¼ã™ã¨ãã®ãƒžã‚¦ã‚¹ã®è»Œé“ã€ãã®ã‚ã„ã ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã®å¤‰åŒ–ã¯ã€ã¾ã£ãŸãã‚‚ã£ã¦ã‚·ãƒ³ãƒ—ルã§ã¯ãªã„。 人間ã¯ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã®ä¾¡å€¤ã‚’èªã‚ãŸãŒã‚‰ãªã„ã€ã¨ã„ã†ãƒã‚¤ã‚¢ã‚¹ãŒã‚る。金を産ã¾ãªã„ã¨ã„ã‘ãªã„ソフトウェア開発ã®ç¾å ´ã¯ã€ã‚³ã‚¢ãƒ•
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}