プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã‚„社員ã®å¥åº·ã‚’サãƒãƒ¼ãƒˆã™ã‚‹ã€ŒCHO室ã€ã®å–り組ã¿ãªã©ã€DeNAã®CSRã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ãƒ–ãƒã‚°
UXã®åŠ¹æžœãŒæ•°å—ã§ã‚ã‹ã‚‹ï¼5ã¤ã®UX KPI : DeNA Creator(クリエイター) Blog
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã‚„社員ã®å¥åº·ã‚’サãƒãƒ¼ãƒˆã™ã‚‹ã€ŒCHO室ã€ã®å–り組ã¿ãªã©ã€DeNAã®CSRã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ãƒ–ãƒã‚°
ã¯ã˜ã‚ã¦ã®CSSメタ言語ã¯LessãŒãŠã™ã™ã‚ï¼ Â« NAVER Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€NAVER UIT ã¤ã—ã¾ã§ã™ã€‚ Less & Sass Advent calendar 2011ã®8日目ã§ã™ã€‚ ã“ã‚Œã¾ã§ã®Advent calendarã®è¨˜äº‹ã§ã€Sassã‚„Lessã®æ¦‚è¦ã€æ´»ç”¨æ³•ãªã©ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ 今回ã¯ã€ã€ŒLessã¯æ©Ÿèƒ½ä¸å分ãã†ã ã—ã€Sassオシ多ã„ã—ã€Sassを使ã„ã¯ã˜ã‚よã†ã‹ãªãƒ»ãƒ»ã€ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã«å‘ã‘ã¦ã¯ã˜ã‚ã¦ã®CSSメタ言語ã¯LessãŒãŠã™ã™ã‚ã¨ã„ã†ãŠã¯ãªã—ã§ã™ã€‚ Lessã£ã¦ï¼Ÿ æ—¢ã«CSSã¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ãƒ¡ã‚¿è¨€èªž(2日目記事)ã‚„LESSåˆå¿ƒè€…å‘ã‘ã®ãƒŠãƒ‹ã‚«(4日目記事)ã§ã‚‚紹介ãŒã‚ã£ãŸã¨ãŠã‚Šã€Lessã¯CSSを記述ã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã§ã™ã€‚ ãŸã 後発ã§ã‚ã‚‹ã«ã‚‚é–¢ã‚らãšã€Sassã«ã‚ã‚‹ã®ã«Lessã«ãªã„機能ã¯çµæ§‹ã‚ã£ã¦ã€ä¾‹ãˆã°ã€ifã‚„forãªã©ã®åˆ¶å¾¡æ–‡ã€extendãŒä½¿ç”¨ã§ããªã‹ã£ãŸã‚Šã€cssã¸ã®å‡ºåŠ›å½¢å¼ãŒSassã»ã©é¸ã¹ãªã‹ã£ãŸã‚Šãƒ»ãƒ»
WordPressã§ã‚¢ã‚¤ã‚ャッãƒç”»åƒã«ä»»æ„ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆç”»åƒã‚’è¨å®šã™ã‚‹æ–¹æ³• * prasm（プラズム）
ã“ã‚ŒãŒãšã£ã¨ã‚„ã‚ŠãŸã‹ã£ãŸã‚“ã よï¼ã™ã¹ã¦ã®ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‹ã¡ã³ã¨ã§å•é¡Œãªã„。@shintarowfreshã§ã™ã€‚ ã‚‚ã†ã¨ã«ã‹ãWordPressã§ã‚¢ã‚¤ã‚ャッãƒç”»åƒã‚’用æ„ã™ã‚‹ã®ãŒé¢å€’極ã¾ã‚Šãªã„。ã¨ã¯ã„ãˆè¨å®šã—ãªã„ã¨ã¿ã£ã¨ã‚‚ãªã„。ã¨ã„ã†2é‡è‹¦ã‚’抱ãˆã¦ã„ãŸã®ã§ã™ãŒã€ã“ã‚Œã‹ã‚‰ã¯é–‹æ”¾ã•ã‚Œã¾ã™ã€æ°—æŒã¡ã„ã„ï¼ï¼ WordPressã®ã‚¢ã‚¤ã‚ャッãƒç”»åƒã«ä»»æ„ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆç”»åƒã‚’登録ã™ã‚‹æ–¹æ³• – ã‹ã¡ã³ã¨.netWordPressã®ã‚¢ã‚¤ã‚ャッãƒç”»åƒã«ä»»æ„ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆç”»åƒã‚’登録ã™ã‚‹æ–¹æ³• – ã‹ã¡ã³ã¨.net è¨å®šã«å¿…è¦ãªIDã®èª¿ã¹æ–¹ã¯ã‚³ãƒãƒ©ã«ã€‚ Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後ã¯ã‚‚ã†æ›¸ã„ã¦ã„るコードをコピペã—ã¦çµ‚ã‚ã‚Šã€ã‚¤ãƒƒãƒ„ãƒ€ãƒ³ï¼ ã™ã‚‹ã¨ ã“ã‚“ãªã‹ã‚“ã˜ã§ã€æ–°è¦æŠ•ç¨¿ã®éš›ã€æŒ‡å®šã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ç”»åƒãŒãƒãƒžã£ã¦ã„ã‚‹ã‚ã‘ã§ã€‚ 上書ãã—ãŸã‹ã£ãŸã‚‰ã€æ–°ã—
HTML5+CSS3 入門
Webを記述ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ 昨年度ã§ã‚ã‚Œã°ã€HTMLを記述ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–を推薦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (文書ã®æ§‹é€ を記述ã™ã‚‹è¨€èªž) – XHTML 1.0 ã‚‚ã—ã㯠XHTML 1.1 CSS (文書ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’指定ã™ã‚‹è¨€èªž) – CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ãã変動ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’探りãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’定義ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webサイトã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–化巡る闘争ã®æ´å² AppleInsider: ãªãœ Apple 㯠HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ウェブã®æ´å² [Page 2] よ
ã™ã’ー便利ï¼ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSS）を当ã¦ã‚‹æ–¹æ³•ã€‚
ドメイン別ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’当ã¦ã‚‹æ–¹æ³•ã€‚ iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例ãˆã°ã€YouTubeã®å¤–部プレイヤー（iframe）ã®æ¨ªå¹…ã¯500ã«ã—ãŸã„ã‘ã©ã€ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®å¤–部プレイヤーã¯320ã«ã—ãŸã„ã¨ãã¯ã€ä¸Šã®ã‚ˆã†ã«æ›¸ãã¨ä¸Šæ‰‹ã動作ã—ã¾ã™ã€‚ a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ã¡ãªã¿ã«ã€aタグをドメイン別ã«æŒ‡å®šã™ã‚‹å ´åˆã¯ã“ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚(wayohoo.comã¯é’色ã€goryugo.comã¯èµ¤è‰²ã¨ã™ã‚‹å ´åˆ) ã‚¿ã‚°å[属性å*="URL"]{ /* CSSã®ä¸èº« */ }
スマートフォン対応ã§ã‚ˆã使ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
スマートフォン(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–サイト・ウェブアプリを作る際ã«å€‹äººçš„ã«ã‚ˆã使ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ html関連 headタグ内ã§ã®è¨å®š<!-- //デãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦è¡¨ç¤ºé ˜åŸŸã‚’変更ã™ã‚‹ --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番å·ã®ãƒªãƒ³ã‚¯ã‚’無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ã®å…‰æ²¢ã‚’無効化ã™ã‚‹ --> <link rel="apple-touch-icon
-webkit-text-size-adjust: none を絶対ã«è¨å®šã—ã¦ã¯ã„ã‘ãªã„ç†ç”±
PC 版㮠Google Chrome ã‚„ Safari ã§è¦‹ãŸã¨ãã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティーãŒè½ã¡ã‚‹ã‹ã‚‰ã€‚ 以上。 ã§çµ‚ã‚ã£ã¦ã—ã¾ã†ã¨è¨˜äº‹ã«ãªã‚‰ãªã„ã®ã§ã€ã¡ã‚ƒã‚“ã¨èª¬æ˜Žã—ã¦ãŠã。 ãã‚‚ãã‚‚ -webkit-text-size-adjust ã¨ã¯ä½•ã‹ iPhone ã‚„ Android ã®ãƒ–ラウザーã¯ã€ç¸¦å‘ã (Portrate mode) ã¨æ¨ªå‘ã (Landscape mode) ã®æ–‡å—サイズを自動調整ã™ã‚‹æ©Ÿèƒ½ãŒã‚る。 ã“れを制御ã™ã‚‹ã®ãŒ CSS ã® -webkit-text-size-adjust ã§ã‚る。 æ–‡å—サイズ自動調整ã®å…·ä½“例 次ã®ã‚ˆã†ãª HTML をスマートフォンã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
「Compassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ 今回ã®è¨˜äº‹ã§ã¯Compass使ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“系的ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–を言ã†ã¨ã€Compassã§CSSを書ã㨠早ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ 一度使ã„出ã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãよりもã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’通ã—ã¦ã€å„特徴ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„デモ動画を用æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’見ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassを語るå‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’知ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼å称ã¯ã€ŒSyntactically Awesome Style Sh
[css] フォームã®ãƒœã‚¿ãƒ³ã‚’スタイルシートã§ç”»åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ã™ã‚‹
フォームã®ãƒœã‚¿ãƒ³ã«ã¤ã„ã¦ã¯ä»¥å‰ã€buttonã‚¿ã‚°ã«ãƒœã‚¿ãƒ³ç”»åƒã‚’ãã®ã¾ã¾å…¥ã‚Œã‚‹ã¨ã„ã†æ‰‹æ³•ã‚’書ãã¾ã—ãŸãŒã€ ã‚‚ã†ä¸€ã¤ã€ãƒœã‚¿ãƒ³ã®è¦‹ãŸç›®ã‚’CSSã§å¤‰æ›´ã™ã‚‹æ‰‹æ³•ãŒã”ã–ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯CSSã§ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ボタンを作る方法ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ メリットã¨ã—ã¦ã¯ã€ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’CSSã§åˆ¶å¾¡å‡ºæ¥ã‚‹ã¨ã„ã†ç‚¹ã¨ã€ タイプ属性ã«imageを指定ã—ãªã„ã®ã§ã€é€ä¿¡ã‚„リセットãªã©ã®æ©Ÿèƒ½ã‚’殺ã•ãªã„ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ãŸã ã—ã€CSSã§ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã¯IE6未対応ãªã®ã§ã€æ°—ã«ãªã‚‹æ–¹ã¯Javascriptã¨ä½µç”¨ã—ã¦ãã ã•ã„。 （個人的ã«ã¯ã‚¹ãƒ«ãƒ¼ã—ã¦ã‚‚å•é¡Œãªã„ã¨æ€ã£ã¦ã„ã¾ã™ï¼‰ (X)HTMLソース buttonã¨inputã©ã£ã¡ã§ã‚‚OK <button id="submit" type="submit">Submit</button> <input id="submit" type="submi
![[css] フォームã®ãƒœã‚¿ãƒ³ã‚’スタイルシートã§ç”»åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ã™ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/5cb349daa94672c13da64f0c346bcbd2c7758d33/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
『モãƒã‚¤ãƒ«æ™‚代ã«ãŠã‘ã‚‹CSSã®è¨è¨ˆã¨å®Ÿè£…ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€ã“ã‚“ã«ã¡ã¯ã€‚ ãƒãƒƒãƒˆç·åˆäº‹æ¥æœ¬éƒ¨ãƒ—ラットフォームDivã®æ–‰è—¤ã§ã™ã€‚ 今回ã¯ç§ã®æ‰€å±žã—ã¦ã„る部署ã‹ã‚‰ã¯åˆã®1pixelã¸ã®å¯„稿ã¨ãªã‚‹ãã†ã§ã™ã€‚ CSS開発ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã»ã¼åŒæ™‚期ã«ãƒ¢ãƒ€ãƒ³ã‚¦ã‚§ãƒ–開発ã«æ¬ ã‹ã™ã“ã¨ãŒå‡ºæ¥ãªã„ã¨è¨€ã‚れるよã†ã«ãªã£ãŸJavaScriptã¨æ¯”ã¹ã‚‹ã¨ã€CSSã«ãŠã‘ã‚‹è¨è¨ˆã€ã¨ã„ã†è©±é¡Œã¯ãªã‹ãªã‹å‡ºã¦ãã¾ã›ã‚“。 å˜ç´”ãªã‚¦ã‚§ãƒ–サイトを作る際ã«ã¯ã‚ã¾ã‚Šæ°—ã«ã—ã¦ã“ãªã‹ã£ãŸéƒ¨åˆ†ã§ã™ãŒã€ã‚¦ã‚§ãƒ–アプリを制作ã—ã¦ã„る我々ã®ä»•äº‹ã«ã¯æ¬ ã‹ã™ã“ã¨ãŒå‡ºæ¥ãªããªã£ã¦ãã¦ã„ã¾ã™ã€‚ ã»ã‹ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«æ¯”ã¹ã‚‹ã¨åœ§å€’çš„ã«éžåŠ›ãªè¨€èªžã ã‹ã‚‰ã“ãã€ã»ã‹ã®ãƒ—
inputボタン（é€ä¿¡ãƒœã‚¿ãƒ³ï¼‰ã‚’ç”»åƒã«ã™ã‚‹CSS｜web bibo
inputボタン㫠type="image" を使ã£ã¦é€ä¿¡ãƒœã‚¿ãƒ³ã‚’作æˆã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã†ã™ã‚‹ã¨ãã®ãƒœã‚¿ãƒ³ã®x,y座標ãŒGET値ã§é€ä¿¡ã•ã‚Œã¾ã™ã€‚GET値ã§é€ã‚ŠãŸã„ã‘ã©ã€x,y座標ã¯è¡¨ç¤ºã—ãŸããªã„å ´åˆã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’使ã£ã¦inputボタンã®èƒŒæ™¯ã«ç”»åƒã‚’指定ã—ã¾ã™ã€‚ type="image"ã ã¨URLã®å¾Œã«åº§æ¨™ã®å€¤ãŒãã£ã¤ã。 <form> <input type="image" alt="Sample" width="100" height="30" src="http://www.webbibo.com/assets/images/tips/image_btn.png" /> </form> ã“ã®ãƒœã‚¿ãƒ³ã‚’押ã—ã¦ã¿ã¦ãã ã•ã„。アドレス欄ã®URLãŒåº§æ¨™ã®å€¤ãŒã¤ã„ãŸURLã«ãªã‚Šã¾ã™ã€‚ CSSã§è§£æ±º <form> <input type="submit" value="" id="i
改行削除ã™ã‚‹ãらã„ãªã‚‰ gzip ã—ãŸã‚‰ã„ã„ã˜ã‚ƒãªã„
CSS ã‚„ JavaScript ファイルãªã©ã‚’ gzip 圧縮ã—ã¦è»¢é€é‡ã®å‰Šæ¸›ã‚„ Web サイト表示速度ã®å‘上を実ç¾ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã€‚æ—¢å˜ Web サイトã®ã‚½ãƒ¼ã‚¹ã«ã¯ä¸€åˆ‡æ‰‹ã‚’åŠ ãˆãªã„方法ã§ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ãŠã¾ã‘ã§ã‚ャッシュ関連ã®è¨˜è¿°ã‚‚ã‚り。 ã„ã‚„ã€1ãƒã‚¤ãƒˆã®ç„¡é§„もゆるã›ãã‡ã‚“ã よã¨ã‹ã€é›£èªåŒ–ã—ãŸã„ã¨ã‹ãªã‚‰åˆ¥ã«ã‚„ã‚Œã°ã„ã„ã‚“ã§ã™ã‘ã©ã€CSS ã‚„ JavaScript ファイルã®æ”¹è¡Œã‚„スペースを削除ã—ãŸã ã‘ã§ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡åœ§ç¸®ã€èªã¿è¾¼ã¿é€Ÿãƒ¼ã„çš„ãªã“ã¨ã„ã†äººãŒã„ã‚‹ã®ã§ä»Šã•ã‚‰ã§ã™ãŒæ›¸ã„ã¦ã¿ã¾ã™ã€‚ã™ã§ã«è‰²ã€…ãªã¨ã“ã‚ã§æ›¸ã‹ã‚Œã¦ã‚‹ã®ã§ã‹ã¶ã‚‹ã®ã¯æ‰¿çŸ¥ã®ä¸Šã§ã€‚ 改行や無駄ãªã‚¹ãƒšãƒ¼ã‚¹ãªã©ã‚’削除ã™ã‚‹ã“ã¨è‡ªä½“ãŒæ‚ªã„ã¨è¨€ã£ã¦ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ãã®è¾ºã¯èª¤è§£ãªã„よã†ã«ãŠé¡˜ã„ã—ã¾ã™ã€‚ãŸã ã€gzip 使ã£ã¦åœ§ç¸®ã™ã‚‹ã®ã«æ¯”ã¹ãŸã‚‰ã€æ”¹è¡Œå‰Šé™¤ã—ã¦å‰Šã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãªã‚“ã¦å¾®ã€…ãŸã‚‹ã‚‚ã®ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ä¸¡æ–¹ã‚„ã‚Œã°æœ€å¤§é™ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
çŸæœŸé–“＋大è¦æ¨¡ã‚²ãƒ¼ãƒ 開発ã§ã‚‚ç ´ç¶»ã—ãªã„HTML・SCSS
Web担当者Forumミーティング2013 Autumn 「マルãƒãƒ‡ãƒã‚¤ã‚¹ã€HTML5ãŒã¨ã‚Šã¾ãWebサイト制作ã¨CMSã®ç¾åœ¨ã€
Twitter Bootstrapã§ã•ãã•ãWeb開発 : アシアルブãƒã‚°
新年度ã§ã™ï¼ æ–°å…¥å¦ã€æ–°å…¥ç¤¾ã‚’è¿Žãˆã‚‹ã¿ãªã•ã‚“ã€ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ エンジニアã®ã¿ãªã•ã‚“ãŒWebアプリケーションを作るã¨ãã€ä¸€ç•ªæ‚©ã‚€ã®ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ カッコよãã£ã¦çµ±ä¸€çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã»ã—ã„ï¼ã§ã‚‚デザインセンスãªã„ã—…実ã¯ç§ã‚‚ãã†ã§ã—ãŸã€‚ ã§ã™ãŒã€2月ã«ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸTwitter Bootstrapを使ã†ã¨ã€ç°¡å˜ã«ã‚«ãƒƒã‚³ã„ã„サイトãŒä½œã‚Œã¾ã™ï¼ Twitter Bootstrapã¨ã¯ãªã«ã‹ Twitter Bootstrap CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ Web上ã«ä½¿ã£ã¦ã¿ãŸï¼ã‚¹ã‚²ãƒ¼ï¼ç‰ã€ãŸãã•ã‚“ã®ãƒ‰ã‚ュメントãŒå˜åœ¨ã—ã¦ã„ã¾ã™ãŒã€ä¸ã«ã¯2月以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³(v1.4)ã«ã¤ã„ã¦è¨€åŠã—ã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã®ã§ã€2系を使ã†æ–¹ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é•ã„ã«æ°—ã‚’ã¤ã‘ã¦ä¸‹ã•ã„（クラスåãªã©çµæ§‹ã‚¬ãƒ©ã£ã¨å¤‰ã‚ã£ã¦ã„ã¾ã™ï¼‰ã€‚ 今回ã”説明ã—ã¦ã„ã‚‹ã®ã¯ã€Twitter Bootstrap 2ã«
Sass - ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ã“ã®æ–‡æ›¸ã¯å¤ã„Sassウェブサイトã«è¼‰ã£ã¦ã„ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®è¨³ã§ã€2013å¹´12月ç¾åœ¨ã‚‚ã†æ–°ã—ã„ウェブサイトã«ã¯å˜åœ¨ã—ã¾ã›ã‚“。新ã—ã„ウェブサイトã§ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã‚ãŸã‚‹Sassã®åŸºæœ¬ã®æ—¥æœ¬èªžè¨³ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 Translation of: Sass - Tutorial Ruby 㨠Sass ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¾ãšã€Sass ãŒã¡ã‚ƒã‚“ã¨å‹•ä½œã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚OS X を使用ã—ã¦ã„ã‚‹ã®ãªã‚‰ã€æ—¢ã« Ruby ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã§ã—ょã†ã€‚Windows ユーザーãªã‚‰ã° Ruby ã®Windows インストーラーã§ã€Linux ユーザーãªã‚‰ãƒ‘ッケージ・マãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã§ãã‚Œãžã‚Œ Ruby をインストールã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ Ruby ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå®Œäº†ã—ãŸã‚‰ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—㦠Sass ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’è¡Œã„ã¾ã™: gem install sass 最åˆã® Sass スタイルシート éž
Sass - CSS HappyLife
ã‚‚ã†å®Œå…¨ã«ãŸã ã®ãŠçŸ¥ã‚‰ã›ã‚„告知ブãƒã‚°...ï¼ åˆç‰ˆã®ç™ºå£²ã‹ã‚‰4年経ã¡ã€ã‚ã‚ŠãŒãŸã„ã“ã¨ã«æ”¹è¨‚ã®ãŠè©±ã‚’é ‚ã„ãŸã®ã§ã€6月～8月辺りã«æ£®ç”° 壮ã•ã‚“ã¨åŸ·ç†ã‚’è¡Œã„ã€2017å¹´9月15æ—¥ã«æ”¹è¨‚2版ãŒç™ºå£²ã—ã¾ã—ãŸã€‚ ã‹ãªã‚Šé ‘å¼µã£ã¦åŠ ç†ãƒ»ä¿®æ£ãªã©ã‚’è¡Œã£ãŸã®ã§æ€ã£ã¦ãŸã‚ˆã‚Šå¤§å¤‰ãªåŸ·ç†ã§ã—ãŸã€‚ åˆç‰ˆã¨æ”¹è¨‚2版ã®è©³ã—ã„é•ã„ã«é–¢ã—ã¦ã¯ã€ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆ ã«è¼‰ã›ã¦ãŠã„ãŸã®ã§ãã¡ã‚‰ã‚’見ã¦é ‚ã‘ã‚‹ã¨ã‚ã‚ŠãŒãŸã„ã§ã™ï¼ åˆç‰ˆã¨æ”¹è¨‚2版ã®é•ã„ | Web制作者ã®ãŸã‚ã®Sassã®æ•™ç§‘書 改訂2版 - å…¬å¼ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆ ã›ã£ã‹ãä¹…ã—ã¶ã‚Šã«ãƒ–ãƒã‚°ã‚’書ãã®ã§ã€ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã«ã¯æ›¸ã„ã¦ãªã„ã“ã¨ã«ã§ã‚‚触れã¦è¡Œã‘ã‚Œã°ã¨ã€‚ ã„よã„よ明日発売ã®ã€ŒWeb制作者ã®ãŸã‚ã®Sassã®æ•™ç§‘書ã€ã§ã™ãŒã€ä»Šå›žã¯ã€8ç« æœ‰ã‚‹ä¸ã§ã‚‚特ã«èªã‚“ã§ã‚‚らã„ãŸã„ç« ã«é–¢ã—ã¦ã€æ›¸ããŸã„ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ 今回ã®åŸ·ç†ã¯ã‚ã‚Šã¨æ°—åˆã„å…¥ã£ã¦ã‚‹ã®ã§ã€å®£ä¼ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒå¤šãã¦ã™ã¿ã¾ã›ã‚“＞＜ ã¡ãª
Sassã¨Compassを使ã£ã¦æ¥½ã—ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ - develo.org
HTMLã€CSSã€Javascriptã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€çµµã‚’æã„ãŸã‚Šã€‚
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
builwing.info
howtohp.com
{{#tags}}- {{label}}
{{/tags}}