howtohp.comThis domain may be for sale!
ãªãœ @kotarok ã•ã‚“㯠mixin より extend を推ã™ã®ã‹ - mixi engineer blog
ã“ã‚“ã«ã¡ã¯ã€‚最近ã€å®Ÿã¯ JavaScript よりも Perl ãŒå¥½ããªãŸã‚“ã½ã½ã‚°ãƒ«ãƒ¼ãƒ—ã®å¤§å½¢ã§ã™ã€‚ Perl ã®ã€ä»•æ§˜æ›¸ãªã©ç„¡ã„ã¨ã“ã‚ãŒãŸã¾ã‚Šã¾ã›ã‚“。勉強ã—ã¦ã‚‚勉強ã—ã¦ã‚‚...。ã„ãˆã€ä»Šå›žã¯ Perl ã®è©±ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ 一昨日ã®åœŸæ›œæ—¥ã§ã™ãŒã€ä¼šç¤¾ã«ãŠé‡‘を出ã—ã¦è²°ã£ã¦ã€ SwapSkills ã•ã‚“ã®ã€ŽCSSを便利ã«ä½¿ã†ãŸã‚ã®ã€€LESS入門ã€ã«ãŠé‚ªé”ã—ã¦ãã¾ã—ãŸã€‚ ä½•ã‚’éš ãã†ã€ã„ã‚„ã€éš ã™ã“ã¨ã¯ä½•ã‚‚ç„¡ã„ã®ã§ã™ãŒã€ç§ã¯ä»Šã€Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ‹…当ã€ã¨ã—ã¦åƒã‹ã›ã¦ã„ãŸã ã„ã¦ã¾ã™ã€‚ã¤ã¾ã‚‹ã¨ã“ã‚ã€ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“やコーダã•ã‚“ãŒæ—¥ã€…ç›®ã®å‰ã®æ¡ˆä»¶ã¨æˆ¦ã„続ã‘ã¦ã„ã‚‹ä¸ã§ã€ä¸€æ©å¼•ã„ãŸã¨ã“ã‚ã‹ã‚‰ãŠåŠ©ã‘ユーティリティを作ã£ãŸã‚Šã€ä¿¯çž°ã—ã¦å·¥ç¨‹ã‚’見直ã—ã¦ã¿ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘る継続テストã®ä»•çµ„ã¿ã‚’考ãˆãŸã‚Šã€æ–°ã—ã何ã‹ã®å½¹ã«ç«‹ã¡ãã†ãªã‚‚ã®ã‚’ã©ã“ã‹ã‚‰ã‹å¼•ã£å¼µã£ã¦ããŸã‚Šã™ã‚‹ãŠä»•äº‹ã§ã™ã€‚ ãã‚“ãªãŠä»•äº‹ã®ä¸€ç’°ã¨
第一回 プãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会 #design4p ã«è¡Œã£ã¦ãã¾ã—㟠- @thorikiriã®ã¦ã‚‡ã‚Šã£ã
第一回 プãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会 - connpass 第一回 プãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会 - Togetterã¾ã¨ã‚ é¢ç™½ã‹ã£ãŸã§ã™ã€‚以下ã€ãƒ¡ãƒ¢ã£ãŸã“ã¨ãªã©ã‚’。 Twitter Bootstrap ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºä¾‹ ã¡ã‚‡ã£ã¨é…ã‚Œã¦è¡Œã£ãŸã®ã§ã€ã‚ªãƒ¼ãƒ—ニングãŒèžã‘ã¾ã›ã‚“ã§ã—ãŸã€‚ãã—ã¦ã€é€”ä¸ã§ãƒ¡ãƒ¢ã£ã¦ãŸã‚‚ã®ã‚’消失ã•ã›ã¦ã—ã¾ã„ã¾ã—ãŸã€‚残念。 資料→Railsエンジニアã®ãŸã‚ã®Twitter Bootstrapカスタマイズ例 // Speaker Deck スライドã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€Githubã¯ã“ã¡ã‚‰â†’machida/CustomizedTwitterBootstrap · GitHub 色ã®è©± ベースカラーã¨ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã¨ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ 70:25:5ã®å‰²åˆãらã„ãŒèª¿åº¦è‰¯ã„。 3色決ã‚ãŸã‚‰ã€Sassã§ã¯å¤‰æ•°å®šç¾©ã‚’ã—ã¦ã—ã¾ã†ã€‚ 背景ã¯ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’貼るã¨ã‹ã£ã“ã„ã„。 å‚考ã«ãªã‚‹ã‚‚㮠→ S
LESSã®ç¿’å¾— | 離島ã«ä½ã¿ãŸã„FEブãƒã‚°
less,sassã‚„compassãŒæœ€è¿‘話題ãªã®ã§ã€ä»¥å‰å…¥ã‚Œã¦ãŠã„ãŸlessã«ã¤ã„ã¦ã—ã£ã‹ã‚Šå¦ã¼ã†ã¨æ€ã„ã¾ã™ã€‚ lessã¯sass,compassã«æ¯”ã¹ã¦ç°¡æ˜“ãªã‚ˆã†ã§ã™ãŒã€å…¨éƒ¨ã®æ©Ÿèƒ½ã‚’見るã¨ã‹ãªã‚Šä½¿ãˆãã†ãªå°è±¡ã€‚機能もãŸãã•ã‚“ã‚ã‚‹ã—。 文法ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–CSSã«è¿‘ã„ã®ã§ç¿’得コストã¯ä½Žã„。less以上ã®æ©Ÿèƒ½ãŒå¿…è¦ã«ãªã£ãŸæ™‚ã«sassã‚„compassã‚’å¦ã¹ã°è‰¯ã„ã—〠ã¾ãšã¯lessã®å…¨æ©Ÿèƒ½ã‚’把æ¡ã—ã¦ã€å®Ÿå‹™ã«å–り入れãªãŒã‚‰ç¿’得・効率化ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ 変数 プãƒãƒ‘ティã®å€¤ã‚’変数ã¨ã—ã¦æ‰±ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ã•ã‚‰ã«æ•°å€¤ã®åŠ 減乗除ãŒã§ãã¾ã™ã€‚ //.less @color : #5B83AD; #header { color:@color } //.css #header { color:#5B83AD } ※LESSã®å¤‰æ•°ã¯æ£ç¢ºã«ã¯å®šæ•°ãªã®ã§ã€ä¸€åº¦å€¤ã‚’挿入後ã¯å¤‰æ›´ãŒã§ããªã„ã§ã™ã€‚ Mixin ã‚
blog - css/sass | graphic designer saucer
Less & Sass Advent calendar 2011ã®7日目ã§ã™ã€‚ å‹¢ã„ã§å‚åŠ ç™»éŒ²ã‚’ã—ãŸã®ã¯è‰¯ã„ã®ã§ã™ãŒã€è¨˜äº‹ã‚’投稿ã™ã‚‹Blogã‚’ã‚‚ã£ã¦ã„ãªã‹ã£ãŸãŸã‚自作ã—ã¾ã—ãŸã€‚ã¯ã„。完全ã«ã‚¹ã‚¿ãƒ¼ãƒˆã®ä»•æ–¹ã‚’é–“é•ã„ã¾ã—ãŸâ€¦ãŠã‹ã’ã§è¶…大変ã§ã—ãŸBlog作るã®ãŒã€‚heroku + padrino + postgresql ã«ã¦ã‹ã‚ã†ã˜ã¦å‹•ã„ã¦ãŠã‚Šã¾ã™ã€‚ ã•ã¦ã€å‰å›žã¾ã§ã®ã¿ãªã•ã‚“ã®è¨˜äº‹ã§ã€Sassã®æ¦‚è¦ã‚„導入方法ã€ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—リフィックスを気ã«ã™ã‚‹ã“ã¨ãªã開発ãŒé€²ã‚られる有用性ã€ä¾¿åˆ©ãªfunction methodãªã©ã€Sass/Lessã®è‰¯ã•æ„Ÿã˜ã¦ã„ãŸã ã‘ãŸã‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®æŠ•ç¨¿ã§ã¯Sassã®å®Ÿæˆ¦å°Žå…¥ã«å‘ã‘ã¦ã€ã‚‚ã†ã¡ã‚‡ã£ã¨ã ã‘背ä¸ã‚’ãã£ã¨æŠ¼ã›ã‚‹å†…容を書ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ 実際ã€åƒ•ã‚‚Sassã‚’å°Žå…¥ã™ã‚‹ã‹æ¤œè¨Žã—ã¦ã„ãŸæ™‚期ã«å¿ƒé…ã—ã¦ã„ãŸäº‹ã ã£ãŸã‚Šã—ã¾ã™ã€‚ 「Sassã£ã¦ä¾¿åˆ©ãªã®ã¯è§£ã‚‹ã‘ã©ã€ã‚³ãƒ³ãƒ‘
ã€Sassを覚ãˆã‚ˆã†ï¼Vol.4】Sassã®åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³•
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€ç„¡äº‹ã«SassãŒå‹•ä½œã™ã‚‹ç’°å¢ƒãŒæ•´ã£ãŸã‹ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ã€ã„よã„よ通常ã®CSSã§ã¯å‡ºæ¥ãªã‹ã£ãŸSassã®è¨˜è¿°ï¼ˆSass記法）ã«é–¢ã—ã¦ã§ã™ï¼ ã¾ãšã¯åŸºæœ¬ã£ã¦æ„Ÿã˜ã§ã™ãŒã€ã“ã‚Œã ã‘ã§ã‚‚å分Sassを利用ã™ã‚‹ã“ã¨ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŠ¹çŽ‡ãŒä¸ŠãŒã‚‹ï¼ã£ã¦æ€ã£ã¦ã‚‚らãˆã‚Œã°å¹¸ã„ã§ã™ï¼žï¼œ 記法ã®å‰ã« Sass記法ã®å‰ã«ã€Sassã¯CSSã®ã€Œå®Œå…¨ãªä¸Šä½äº’æ›ã€ã¨è¨€ãˆã‚‹ã®ã§ã€CSSã®ãƒ«ãƒ¼ãƒ«ã¯ã™ã¹ã¦ãã®ã¾ã¾åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ãã®ç‚ºã€cssファイルをãã®ã¾ã¾æ‹¡å¼µåã ã‘ .scssã«å¤‰æ›´ã—ã¦å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘イル）ã—ç›´ã™ã¿ãŸã„ãªäº‹ã‚‚å¯èƒ½ã§ã™ã€‚（圧縮ã§ãる程度ã®ãƒ¡ãƒªãƒƒãƒˆã—ã‹æœ‰ã‚Šã¾ã›ã‚“ãŒï¼‰ 軽ã余談ã§ã™ãŒã€ã“ã®CSSã¨ã®å®Œå…¨ãªäº’æ›æ€§ãŒå¾“æ¥ã®Sassã«ã¯ç„¡ã‹ã£ãŸã®ã§ã™ãŒã€ç¾è¡Œã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ãã‚ŒãŒå‡ºæ¥ã‚‹ã®ã§ã€ä½™è¨ˆãªäº‹ã‚’覚ãˆã‚‹å¿…è¦ãŒãªãã€Sassã®æ©Ÿèƒ½ã‚’今ã¾ã§ã®CSSã®çŸ¥è˜ã«ãƒ—ラスアルファã¨ã—ã¦ä½¿ãˆã‚‹ã‚“ã§ã™
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹ | WEBZARU
æ–°ç€æƒ…å ±ä¸€è¦§ãªã©ã®ã‚ˆã†ã«å…¨ã¦è¦‹ã›ã‚‹å¿…è¦ãŒãªã„(スクãƒãƒ¼ãƒ«ã—ã¦é–²è¦§å¯èƒ½)å ´åˆã«ã€ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã‘スクãƒãƒ¼ãƒ«ã•ã›ã¦è¦‹ã›ã‚‹ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ CSSã§é«˜ã•ã‚’固定ã—ã¦ã‚„ã‚‹ã“ã¨ã«ã‚ˆã‚Šãれ以上ã®é«˜ã•ãŒå¿…è¦ãªå ´åˆã«ã¯ã€è‡ªå‹•çš„ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã™ãŒã€ä½•ã‚ˆã‚Šã‚‚見ãŸç›®ãŒãƒ€ã‚µã„ã§ã™ã€‚ãã‚“ãªæ™‚ã€jScrollPaneを使ã†ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jQueryã®ãƒ—ラグインã§ã‚ã‚‹jScrollPaneã®ä½¿ã„方をã”紹介。 jScrollPaneã¨ã¯ スクãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹ãŸã‚ã®jQueryã®ãƒ—ラグインã§ã™ã€‚本体ã®JavaScriptã¨CSSã®ä»–ã«jquery.mousewheel.jsも併用ã—動作ã—ã¾ã™ã€‚ ç¾æ™‚点ã§æœ€æ–°ç‰ˆã®ã€Œv2.0.0beta11ã€ã‚’例ã¨ã—ã¦ã„ã¾ã™ã€‚ダウンãƒãƒ¼ãƒ‰ã¯ã€æœ¬å®¶ã‚µã‚¤ãƒˆã‹ã‚‰è¡Œã£ã¦ãã ã•ã„。 jScrollPaneã®ä½¿ã„æ–¹ <!DOCTY
jQueryã¨CSSã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’ç°¡å˜ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ | åå¤å±‹ã®WEBデザイン・ホームページ制作・ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ–ライダルデザイン＆雑誌デザインã®åˆ¶ä½œ
フルフェイズデザインã®æ–°ç€æƒ…å ±ã®è¨˜äº‹ãŒå¢—ãˆã¦ã‹ã‚‰ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼è¿½åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚ 別ページã®ä½œæˆã‚‚考ãˆã¾ã—ãŸãŒã€ã¨ã‚Šã‚ãˆãšã„ã¾ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã§ã‚µã‚¤ãƒˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä¿ã¤ã“ã¨ã«ã€‚ 見ãŸç›®ã®ãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã«ã‚‚ã‹ãªã‚Šå¤šå½©ãªã‚ªãƒ—ションãŒè¨å®šã§ãã¦ã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚„マウスホイールã®å¯¾å¿œãŒã•ã‚Œã¦ã„ã‚‹ã®ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãªã‚“ã‹æ°—æŒã¡ã„æ„Ÿã˜www 使ã„æ–¹ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã€‚ 1.ã€headタグ】※ダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¿½åŠ <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script src=
in the looop | Looops communications
ループス・コミュニケーションズã¯ã€ ä¼æ¥ã®SNS活用戦略ã®ç«‹æ¡ˆãƒ»é‹ç”¨æ”¹å–„ã€å•“発教育ãªã©ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“スやã€ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—やイノベーションをテーマã¨ã—ãŸä¼æ¥ç ”修をæä¾›ã—ã¦ã„ã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
5509.me
kanapple.net - KANAPPLE.NET
Loading...
{{#tags}}- {{label}}
{{/tags}}