ituore.com - ituore リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Web制作ã§é¢å€’ãªä½œæ¥ã‚’自動化ã™ã‚‹ãƒ“ルドツールã€Grunt v0.4 入門
Web制作ã§é¢å€’ãªä½œæ¥ã‚’自動化ã™ã‚‹ãƒ“ルドツールã€Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトã®è¡¨ç¤ºé€Ÿåº¦ã‚’æ°—ã«ã™ã‚‹ã¨ã€CSSã‚„JavaScriptã®minifyã€gzipã€CSS Spriteã€ç”»åƒã®æœ€é©åŒ–ãªã©ã®é¢å€’ãªä½œæ¥ãŒç™ºç”Ÿã—ã¾ã™ã€‚ Grunt.jsã¨ã¯ï¼Ÿ Grunt.jsã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã®Node.jsを使用ã—ãŸCUIã®ãƒ“ルドツールã§ã™ã€‚ タスクをè¨å®šã—ã¦ãŠãã€ãれらを自動化ã—ã¾ã™ã€‚ コマンドプãƒãƒ³ãƒ—トやターミナルãªã©ã€ã„ã‚ゆる「黒ã„ç”»é¢ã€ã‚’使ã„ã¾ã™ã€‚ Grunt.jsã®ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.4.1ã§ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ0.3ã‹ã‚‰0.4ã«ãªã£ãŸã“ã¨ã§ã€å¤§ãã仕様ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ Grunt.js v0.4ã§ã¯grunt-cliをインストールã—ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«Gruntやプラグインをインストールã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ プラグイ
ã¯ã˜ã‚ã« | Grunt 日本語リファレンス | js STUDIO
Gruntã¨Gruntプラグインã¯Node.js パッケージマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã§ã‚ã‚‹npmを使用ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ç®¡ç†ã‚’è¡Œã„ã¾ã™ã€‚ ã“ã®ãƒ‰ã‚ュメントã¯Grunt 0.4.xã®ãŸã‚ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€Grunt 0.3.xã«ã¤ã„ã¦ã‚‚ã¾ã 有効ã§ã™ã€‚ ãŸã ã€0.3.xã§ã®ãƒ—ラグインåã¨ã‚¿ã‚¹ã‚¯ã®æ§‹æˆã‚ªãƒ—ションãŒ"Gruntfile"ã®é …ç›®ã®ã‚‚ã®ã¨ã¯ç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã®ã§ã€æ³¨æ„ã—ã¦ãã ã•ã„。 CLIã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« CLIã®å‹•ä½œã«ã¤ã„㦠å˜åœ¨ã™ã‚‹gruntプãƒã‚¸ã‚§ã‚¯ãƒˆã®å‹•ä½œ æ–°ã—ã„gruntプãƒã‚¸ã‚§ã‚¯ãƒˆã®æº–å‚™ package.json Gruntã¨Gruntプラグインã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Gruntfileã«ã¤ã„㦠更ã«è©³ã—ã知るãŸã‚ã« CLIã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚‚ã—ã€éŽåŽ»ã«gruntã‚’ã‚°ãƒãƒ¼ãƒãƒ«ä¸Šã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ãŸå ´åˆã€ã¾ãšå§‹ã‚ã«ãれを削除ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ npm uninstall -g grunt 最
Gruntã§å§‹ã‚ã‚‹Web制作ã®è‡ªå‹•åŒ–
Gruntã§å§‹ã‚ã‚‹Web制作ã®è‡ªå‹•åŒ– Grunt.jsã¨ã¯Web制作ã®æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’自動化ã—ã¦ãれるツールã§ã™ã€‚ node.jsã§é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€Sass/Compassã‚„Lessãªã©ã®CSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã®ã‚³ãƒ³ãƒ‘イルやCSS/JSã®çµåˆåœ§ç¸®ã€JSHintã«ã‚ˆã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’自動ã§è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ インストール ã¾ãšã¯node.jsをインストールã—ã¾ã™ã€‚å…¬å¼ã‚µã‚¤ãƒˆã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ãŒé…布ã•ã‚Œã¦ã„ã¾ã™ã®ã§ç°¡å˜ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¯èƒ½ã§ã™ã€‚ 次ã«Macã§ã¯ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’é–‹ã„ã¦grunt-cliをインストールã—ã¾ã—ょã†ã€‚cliã¨ã¯Common Language Infrastructureã®ç•¥ã§ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰Gruntを利用ã™ã‚‹ãŸã‚ã®ãƒ„ールã§ã™ã€‚ sudo npm install -g grunt-cli パスワードãŒèžã‹ã‚Œã‚‹ã®ã§å…¥åŠ›ã—ã¦ãã ã•ã„。æˆåŠŸã™ã‚Œã°grunt-cliã®ã‚¤
ç”»åƒç½®æ›ã®ã‚ã‚Œã¸ã®è£œè¶³
先月ã‚ãŸã‚Šã€CSS ã«ã‚ˆã‚‹ç”»åƒç½®æ›ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®è©±é¡ŒãŒã«ã‚ã‹ã«ç››ã‚Šä¸ŠãŒã‚Šã‚’見ã›ã¦ã„ã¾ã—ãŸã€‚ãã®çµŒç·¯ã«ã¤ã„㦠ã¾ã¨ã‚Šã•ã‚“ã®è¨˜äº‹ ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€åƒ•ã‹ã‚‰ã‚‚ç°¡å˜ã«è£œè¶³ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã€ã‚ˆã知られãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦ã„ã‚ゆるファークå¼ãŒã‚ã‚Šã¾ã—ãŸ: /* Phark method */ .ir { height: 100px; width: 400px; background: url(image.png) no-repeat 0 0; text-indent: -9999px; } ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯é•·ã‚‰ã利用ã•ã‚Œç¶šã‘ã¦ãã¾ã—ãŸãŒã€ãã®ä»£æ›¿ã¨ã—ã¦ã€ãƒ‘フォーマンスé¢ã§ã‚ˆã‚Šè‰¯ã„ã¨ã•ã‚Œã‚‹ Scott Kellum ã•ã‚“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (ケラムå¼) ㌠Jeffrey Zeldman ã•ã‚“ã®è¨˜äº‹ ã§ç´¹ä»‹ã•ã‚Œã¾ã—ãŸ: /* Kellum method */ .ir { height: 100px
僕ãŒAdvanced Custom Fields（アドãƒãƒ³ã‚¹ãƒ‰ã‚«ã‚¹ã‚¿ãƒ フィールズ）をé¸ã‚“ã ç†ç”± ｜ ホームページ制作,群馬,アーãƒWeb制作室
僕ãŒAdvanced Custom Fields（アドãƒãƒ³ã‚¹ãƒ‰ã‚«ã‚¹ã‚¿ãƒ フィールズ）をé¸ã‚“ã ç†ç”±,ホームページ制作,群馬,アーãƒWeb制作室 HOME > WordPress > 僕ãŒAdvanced Custom Fields（アドãƒãƒ³ã‚¹ãƒ‰ã‚«ã‚¹ã‚¿ãƒ フィールズ）をé¸ã‚“ã ç†ç”± ツイート date: 2013.02.27 WordPressã§ã‚«ã‚¹ã‚¿ãƒ フィールドをより扱ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã€ã€ŒCustom Fields Template（カスタムフィールドテンプレート）ã€ã¨ã„ã†æœ‰åãªãƒ—ラグインをé‡å®ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã“ã“最近ã¯å…¨ã使ã‚ãªããªã‚Šã¾ã—ãŸã€‚今代ã‚ã‚Šã«å°Žå…¥ã—ã¦ã„ã‚‹ã®ãŒã€ã€ŒAdvanced Custom Fields（アドãƒãƒ³ã‚¹ãƒ‰ã‚«ã‚¹ã‚¿ãƒ フィールズ）ã€ã§ã™ã€‚ 実際ã€ä¸€åº¦åˆ©ç”¨ã—ã¦ã¿ã‚‹ã¨ã¨ã¦ã‚‚使ã„ã‚„ã™ãã€ãœã²ãŠã™ã™ã‚ã—ãŸã„プラグインã§ã™ã€‚ãªã®ã§ã€ä»Šå›žã¯åƒ•ãŒãªãœAdvanced Custom Fiel
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
é»’ã„ç”»é¢ã¨ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„人ã®ãŸã‚ã®ã€ã‚†ã‚‹ãµã‚git入門 ～github for Windows～
リãƒã‚¸ãƒˆãƒªã¨ã¯ï¼Ÿ æ›´æ–°å±¥æ´ã‚’ãŸã‚ã¦ãŠãå ´æ‰€ã§ã™ã€‚ gitã§ã¯ã€ãƒªãƒã‚¸ãƒˆãƒªã«ã¯2種類ã‚ã‚Šã¾ã™ã€‚ 「自分ã®ä½œæ¥ç”¨ãƒªãƒã‚¸ãƒˆãƒªã€ã¨ 「公開用リãƒã‚¸ãƒˆãƒªã€ã§ã™ã€‚ 今日ã¯ã€ 自分ã®PC内ã®ãƒ•ã‚©ãƒ«ãƒ€ï¼è‡ªåˆ†ã®ä½œæ¥ç”¨ãƒªãƒã‚¸ãƒˆãƒª githubï¼å…¬é–‹ç”¨ãƒªãƒã‚¸ãƒˆãƒª ã¨ã—ã¦è©±ã‚’ã—ã¾ã™ã€‚ githubã¨ã¯ï¼Ÿ gitã§ç®¡ç†ã—ãŸæ›´æ–°å±¥æ´ã‚’ç½®ã„ã¦ãŠãå ´æ‰€ã€‚ 完æˆã—ãŸã‚‚ã®ã‚’見ã›ã‚‹ã‚“ã˜ã‚ƒãªã〠開発途ä¸ã®å±¥æ´ã‚’見ã›ã‚‹ã€‚ 普段見ãˆãªã„è£å´ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚見ãˆã‚‹ã€‚ å±¥æ´ã‚’ã¡ã‚‡ã“ã¡ã‚‡ã“é€ã‚Œã‚‹ã®ã§ã€é–‹ç™ºã—ã¦ã‚‹ï¼æ„ŸãŒå‡ºã›ã‚‹ã®ã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«äººæ°—。 人ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«æ‰‹ã‚’入れã¦é€ã£ãŸã‚Šã‚‚ã§ãるらã—ã„。 別ã«ãƒ—ãƒã‚°ãƒ©ãƒ ã˜ã‚ƒãªãã¦ã‚‚ã„ã‚ã‚“ãªæ›´æ–°å±¥æ´ã‚’管ç†ã—ã¦ã‚ˆã„。 ã§ã‚‚交æ›æ—¥è¨˜ã¨ã‹ã‚’管ç†ã™ã‚‹ã®ã¯ã‚„ã‚ã¾ã—ょã†ã€‚ æµã‚Œ å¿…è¦ãªã‚‚ã®ã‚’用æ„ã—よㆠgithub for Windowsをインストールã—よㆠコミットã—ã¦githubã«publishã—よã†
CSSã®font-family指定ã¯ã“ã‚Œã§æ±ºã¾ã‚Šï¼ï¼ˆ2013冬） - é 近法ノート
追記：最åˆã€ã†ã£ã‹ã‚Šã€Œ2013冬ã€ã£ã¦æ›¸ã„ã¦ã—ã¾ã£ãŸã‚“ã§ã™ã‘ã©ã€ã»ã‚“ã¨ã¯ã€Œæ˜¥ã€ã¨æ›¸ã‹ãªãゃã„ã‘ã¾ã›ã‚“ã§ã—ãŸï¼ˆæ±—）*1 ã¨ã‚Šã‚ãˆãšä»Šã€CSSã®font-familyã§ãƒ•ã‚©ãƒ³ãƒˆã‚’指定ã™ã‚‹ãªã‚‰ã°ã€ã“ã‚Œã§æ±ºã¾ã‚Šï¼ˆä¸€ç•ªä¸‹ã®è¿½è¨˜ã‚‚å‚ç…§ã§ï¼‰ã€‚ font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;CSSã®font-family指定ã€ã€Œã‚ãˆã¦ãƒ•ã‚©ãƒ³ãƒˆã‚’指定ã—ãªã„ã€ã£ã¦ã„ã†ã‚„り方もアリã§ã™ãŒã€ã„ã‚ã„ã‚ãªäº‹æƒ…ã§ãã†ã‚‚言ã£ã¦ã‚‰ã‚Œã¾ã›ã‚“。ã¨ã‚Šã‚ãˆãšä»Šç¾åœ¨ã®æœ€é©font-family指定を考ãˆã¦ã¿ãŸã¨ã“ã‚ã€ä¸Šã®ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ æŒ‡å®šé †åºã€å…¥ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã€å…¥ã‚Œã¦ãªã„フォントã€ã™ã¹ã¦ã«æ„味ãŒã‚ã‚Šã¾ã™ã€‚ 以下説明。 ヒラギノã¯Proã§ã¯ãªãProN。 OS Xã®å’Œæ–‡æ¨™æº–フォ
ã“ã‚Œã¯ã‚‚ã†æ‰‹æ”¾ã›ãªã„ï¼ã¨ã‚Šã‚ãˆãš1å¹´é–“Macã‚’WEB制作ã®ãŸã‚ã ã‘ã«ä½¿ã£ã¦ããŸåƒ•ã®å¿…é ˆã‚¢ãƒ—ãƒªå¤§å…¬é–‹ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
今日ã¾ã§ã§MacBook Proã‚’1å¹´é–“ã€ãã—ã¦iMacを購入ã—ã¦åŠå¹´ãŒçµŒã¤ã®ã§ã€ä»Šã‚„僕ã«ã¨ã£ã¦ç„¡ãã¦ã¯ãªã‚‰ãªããªã£ãŸã‚¢ãƒ—リã®æ•°ã€…ã‚’ã”紹介ã—よã†ã£ã¦è¶£æ—¨ã§ã™ï¼ï¼‘å¹´ã£ã¦è¨€ã†ã¨å…¨ç„¶å‘¨ã‚Šã®Mac使ã„ã®äººãŸã¡ã¨æ¯”ã¹ã¦ã‚‚é•·ãã‚‚ãªã‚“ã¨ã‚‚ç„¡ã„ã‚“ã§ã™ãŒã€ã¾ã一年ã®ç¯€ç›®ã‚‚è¿Žãˆã‚ˆã†ã£ã¦æ™‚期ã§ã™ã—ã€æ—¥é ƒã®å¤šå¤§ãªæ„Ÿè¬ã‚’è¾¼ã‚ã¦ä»Šå¹´ä¸€å¹´WEB制作ã«ãŠã„ã¦è¶…ã‚ã‚ŠãŒãŸãƒ¼ã使ã‚ã›ã¦é ‚ã„ãŸã‚¢ãƒ—リをã”紹介ã•ã›ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ çµæ§‹ã¾ã ã¾ã ã€ã€Žãˆï¼Ÿã“れ使ã£ã¦ç„¡ã„ã®ï¼Ÿã€ãªã‚“ã¦è¨€ã‚れる事も多ã„ã§ã™ã—ã€å‘¨ã‚Šã®å‹äººé”ã‹ã‚‰æ•™ãˆã¦é ‚ã„ãŸç‰©ã‚‚多ã„ã®ã§ã€ä¸€å€‹ãらã„ã¯çš†ã•ã‚“ã«ã¨ã£ã¦ã‚‚良ã•ã’ãªç‰©ãŒå…±æœ‰ã§ãã‚Œã°å¬‰ã—ã„ã§ã™ï¼é‡ã‚‚多ã„ã®ã§ã€ãƒ–ラウザやメーラーã€Adobe製å“ç‰ã¯çœãã¾ã™ãï¼ ãã‚Œã§ã¯ã€å‰ç½®ãã¯ç°¡å˜ã«ã—ã¦æ—©é€Ÿã”紹介ã•ã›ã¦é ‚ãã¾ã—ょã†ï¼ Coda（6,500円） ã‚‚ã¯ã‚„定番ã®WEBåˆ¶ä½œãƒ„ãƒ¼ãƒ«ï¼ Evernote（無料） 超定番ã®ãƒŽãƒ¼ãƒˆãƒ„
ã„ã„ãï¼ãƒœã‚¿ãƒ³ã®è¦ç´„é•å
2012å¹´08月09æ—¥23:49 by oklahomer ã„ã„ãï¼ãƒœã‚¿ãƒ³ã®è¦ç´„é•å カテゴリ å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ç¾åœ¨ç§»è¡Œä¸ã®ã„ã„ãï¼ãƒœã‚¿ãƒ³ã®ä»•æ§˜å¤‰æ›´ã‚’紹介ã—ã€Built-in Likeã¨ã„ã„ãï¼ãƒœã‚¿ãƒ³ãƒ—ラグインã®é•ã„ã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸã€‚ ãã“ã§ã¯è»½ã触れãŸã ã‘ã§ã—ãŸãŒã€Open Graphアクションã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹Built-in Likeã¯é–‹ç™ºè€…独自ã®å®Ÿè£…ã¨ãªã‚‹ç‚ºã€ãƒœã‚¿ãƒ³ã‚’自由ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚åé¢ã€ã„ã„ãï¼ãƒœã‚¿ãƒ³ãƒ—ラグインã¯è¨ç½®ãŒç°¡å˜ã§ãƒ¦ãƒ¼ã‚¶ã«ã‚ˆã‚‹èªè¨¼ã‚‚ä¸è¦ãªåé¢ã€ãƒœã‚¿ãƒ³ã‚’カスタマイズã™ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“。 今回ã¯ä»¥ä¸‹ã®ï¼“パターンã§ã®è¦ç´„上ã®å•é¡Œã«ã¤ã„ã¦ã€ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ Built-in Likeã§ã„ã„ãï¼ãƒœã‚¿ãƒ³ç”»åƒã‚’使ã†ã„ã„ãï¼ãƒœã‚¿ãƒ³ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã„ã„ãï¼ä»¥å¤–ã§ã®ã„ã„ãï¼ãƒœã‚¿ãƒ³ç”»åƒã®åˆ©ç”¨Built-in Likeã§ã„ã„ãï¼ãƒœã‚¿ãƒ³ç”»åƒã‚’使ã†ã„ã„ãï¼ãƒœã‚¿
Syntax (構文) - .sassã¨.scssã®é•ã„ã«ã¤ã„㦠- ITコンサルã®æ—¥å¸¸
補足 ã¤ã¾ã‚Šã€ã“ã‚Œã‹ã‚‰Sassを使ã„始ã‚ã‚‹ãªã‚‰ã€SCSSã®æ§‹æ–‡ï¼ˆãƒ•ã‚¡ã‚¤ãƒ«å *.scss）ã§æ›¸ã„ãŸæ–¹ãŒè‰¯ã„ã£ã¦ã“ã¨ã§ã™ã€‚ 原文ページ http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax 超æ„訳 Sassã«ã¯äºŒã¤ã®æ§‹æ–‡ãŒã‚ã‚Šã¾ã™ã€‚一ã¤ç›®ã¯ã€SCSS（Sassy CSS）ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã€ã“ã®ãƒ‰ã‚ュメントを通ã˜ã¦ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€CSS3ã®æ§‹æ–‡ã‚’æ‹¡å¼µã—ãŸã‚‚ã®ã§ã™ã€‚å…¨ã¦ã®æœ‰åŠ¹ãªCSS3スタイルシートã¯ã€SCSSファイルã¨ã—ã¦ã‚‚有効ã§ã™ã€‚åŠ ãˆã¦ã€SCSSã¯å¤šãã®CSSãƒãƒƒã‚¯ã¨ã€IEã®å¤ã„フィルタ構文ãªã©ã®ãƒ–ラウザ固有ã®æ§‹æ–‡ãŒä½¿ãˆã¾ã™ã€‚ã“ã®æ§‹æ–‡ã¯ã€ä»¥ä¸‹ã§èª¬æ˜Žã™ã‚‹Sassã®æ©Ÿèƒ½ã§æ‹¡å¼µã•ã‚Œã¦ã„ã¾ã™ã€‚SCSSã®æ§‹æ–‡ã§æ›¸ã‹ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€.scssã®æ‹¡å¼µåã‚’æŒã¡ã¾ã™ã€‚ 二ã¤ç›®ã¯å¤ã„構文ã§ã€ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆæ§‹æ–‡ï¼ˆå˜ã«â€œSassâ€ã¨ã‚‚言ã‚ã‚Œã¾ã™ï¼‰ã¨
第5回　è¨å®šã‚’上書ãã™ã‚‹ã€Œ.htaccessã€
ディレクトリã”ã¨ã«è¨å®šã‚’上書ãã§ãã‚‹.htaccessファイルã®åˆ©ç”¨æ–¹æ³•ã‚‚紹介ã—ã¾ã™ã€‚ Apacheã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯ï¼Œã‚µãƒ¼ãƒãƒ¼ã®ç®¡ç†è€…ã¨ã„ã£ãŸç‰¹åˆ¥ãªã‚¢ã‚«ã‚¦ãƒ³ãƒˆã§ãªã„ã¨æ›¸ãæ›ãˆã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“。 ã—ã‹ã—，システムã®ç®¡ç†è€…ã¨Webサーãƒãƒ¼ã®ç®¡ç†è€…，コンテンツã®ç®¡ç†è€…ã¨ã„ã£ãŸã‚ˆã†ã«è¤‡æ•°ã®ç®¡ç†è€…ãŒæ··åœ¨ã—ã¦ã„ã‚‹å ´åˆï¼Œä¸ä¾¿ãŒç”Ÿã˜ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚例ãˆã°ï¼Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç®¡ç†è€…ãŒç‰¹å®šã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã§CGIを利用ã—ãŸããªã£ãŸå ´åˆï¼Œãã®éƒ½åº¦ã‚·ã‚¹ãƒ†ãƒ ã®ç®¡ç†è€…ã«è¨å®šã‚’ã—ã¦ã‚‚らã†å¿…è¦ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã“ã†ã—ãŸéš›ã«å½¹ç«‹ã¤ã®ãŒã€Œ.htaccessã€ãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚è¨å®šã‚’è¡Œã„ãŸã„ディレクトリã«è¨å®šå†…容を書ã込んã .htaccessファイルをé…ç½®ã—ã¦ãŠãã¨ï¼Œãã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ã‚¢ã‚¯ã‚»ã‚¹ãŒããŸéš›ã«ã¯ï¼Œ.htaccessファイルãŒèªã¿è¾¼ã¾ã‚Œã¦ï¼Œãã®è¨å®šãŒæœ‰åŠ¹ã«ãªã‚Šã¾ã™ã€‚例ãˆã°ï¼Œã‚µã‚¤ãƒˆå…¨ä½“ã§CGIを実行ã§ããªã„よã†ã«ã—ã¦ã„ã¦ã‚‚，.h
レスãƒãƒ³ã‚·ãƒ–Webデザインã®ã‚µã‚¤ãƒˆè¨è¨ˆãƒ»å®Ÿè£…・確èªã«å½¹ç«‹ã¤ãƒ„ールã¨ãƒªã‚½ãƒ¼ã‚¹ã®ã¾ã¨ã‚
A Simple Device Diagram for Responsive Design Planning 和訳：スマートフォンã€ã‚¿ãƒ–レットã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãŸã‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’ã©ã®ã‚ˆã†ã«è¨è¨ˆã™ã‚Œã°ã‚ˆã„ã‹ å„デãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚ºä¸€è¦§ã‚’è¸ã¾ãˆã€ã©ã®ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’è¨è¨ˆã—ã€ã„ãã¤ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’用æ„ã™ã‚‹ã®ãŒã‚ˆã„ã‹ã€‚PSDç´ æ付ã。
レスãƒãƒ³ã‚·ãƒ–ãªjQueryスライダー実装プラグイン８個:phpspot開発日誌
8 Responsive jQuery Slider Plugins | Resources レスãƒãƒ³ã‚·ãƒ–ãªjQueryスライダー実装プラグイン８個 多様化ã™ã‚‹ãƒ‡ãƒã‚¤ã‚¹ç’°å¢ƒã®ä¸ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®ç°¡å˜ã•ã¨æŸ”軟ã•ã¯ä»Šå¾Œã¯WEBデザイナーã•ã‚“ã®å¸¸è˜ã¨ãªã£ã¦ãã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªä»•çµ„ã¿ã‚’使ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…プラグインã§ã™ã€‚ 今後ã¯ãƒ—ラグインもレスãƒãƒ³ã‚·ãƒ–ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãªã‚“ã¦ã„ã†æ™‚代ã«ãªã£ã¦ã„ãã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ iPhoneã«å¯¾å¿œã—ãŸã‚‰ãã®ã¾ã¾ä½¿ãˆãªã„プラグインã£ã¦å¾®å¦™ã€œã€ã¨ã„ã†æ„Ÿã˜ã«ãªã£ã¡ã‚ƒã†ã‹ã‚‚。 関連エントリ é¢ç™½ã„テã‚ストアニメーションãŒä½œã‚Œã‚‹jQueryプラグイン「textualizer〠リッãƒãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装ãŒã§ãã‚‹jQueryプラグイン「Mega Drop Down Menu〠次世代ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—を実ç¾ã§ãã‚‹jQueryプラグイン「ImageMaps
レスãƒãƒ³ã‚·ãƒ–ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãŸã‚ã«å…‹æœã™ã‚‹ã“㨠: could
ç”»åƒã®èª²é¡Œã¯è§£æ±ºã•ã‚Œã¤ã¤ã‚ã‚‹ 先日 Web担当者 Forum ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインã®åŠŸç½ªã¨ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ ã¨ã„ã†è¨˜äº‹ãŒæŽ²è¼‰ã•ã‚Œã¾ã—ãŸã€‚Media Queries を活用ã™ã‚‹ãªã©å®Ÿè£…ã®ãŸã‚ã®æ¦‚è¦ã‚’説明ã—ãŸä¸Šã§ã€éžè¡¨ç¤ºã ã‘ã©èªã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ã‹ã‚‰è†¨å¤§ãªç”»åƒç´ æãŒå˜åœ¨ã™ã‚‹ PC サイトã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインã¯ä¸é©åˆ‡ã§ã‚ã‚‹ã¨æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ç¾å˜ã® Web サイトを Media Queries ã ã‘ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインをã™ã‚‹ã®ã§ã‚ã‚Œã°ã€Web担当者 Forum ã§ã®æŒ‡æ‘˜ã¯é–“é•ã£ã¦ã„ã¾ã›ã‚“ãŒã€å®Ÿéš›ã®ã¨ã“ã‚レスãƒãƒ³ã‚·ãƒ–ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã¯ã€Media Queries ã«ã‚ˆã‚‹å¯¾å¿œã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。例ãˆã°ã€ç”»åƒã®è¡¨ç¤ºã®ã•ã›æ–¹ã‚’工夫ã™ã‚Œã°ã€è¨˜äº‹ã§æŒ‡æ‘˜ã—ã¦ã„る課題ã¯ã‚る程度解決ã§ãã¾ã™ã€‚Webæ‹…ã®è¨˜äº‹ã‹ã‚‰ã‚‚リンクã•ã‚Œã¦ã„ã‚‹ CSS Rador ã§ã‚‚å–り上ã’られã¦ã„る解決ç–ã‚‚ã‚ã‚Šã¾ã™ãŒ
iPhoneサイト(スマートフォンサイト)制作ã®ãŸã‚ã«CSS3ã§Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å†ç¾ã™ã‚‹æ–¹æ³• | HTML5ã§ã‚µã‚¤ãƒˆã‚’ã¤ãã‚ã†
スマートフォンサイトを制作ã™ã‚‹ä¸Šã§ä¾¿åˆ©ãªCSS3。 å¿…è¦æœ€ä½Žé™ã¾ã§ç”»åƒã®ä½¿ç”¨ã‚’減らã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’スムーズã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ç”»åƒã‚’使ã‚ãšã«CSS3を使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’実ç¾ã™ã‚Œã°ã€èªã¿è¾¼ã¿æ™‚間や容é‡ã®è»½ã„サイトを制作ã§ãã€ã‚µã‚¤ãƒˆã®æœ€é©åŒ–ã¸ã¤ãªãŒã‚Šã¾ã™ã€‚ 最近ã§ã¯æµ·å¤–ã®ä¾¿åˆ©ãªã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚µã‚¤ãƒˆãŒãŸãã•ã‚“ã‚ã‚Šã€èª°ã§ã‚‚気軽ã«ã‚½ãƒ¼ã‚¹ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã—ã‹ã—ã€å®Ÿéš›ã«è‡ªåˆ†ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã‚µã‚¤ãƒˆã‚’コーディングã™ã‚‹éš›ã«ã¯ã€ã‚„ã¯ã‚Šç‹¬è‡ªã§ãã‚Œãžã‚Œã®ã‚³ãƒ¼ãƒ‰ã®ä½¿ã„é“を知る必è¦ãŒã‚ã‚Šã¾ã™ã€‚ CSS3ã®è¨˜è¿°ã¯å¾“æ¥ã®CSSã¨ã¯é•ã„ã€å°‘ã—複雑ãªè¨˜è¿°ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ 今回ã¯ãã‚“ãªCSS3ã®è¨˜è¿°ã‚’ã€ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆã使ã‚れるPhotshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å†ç¾ã™ã‚‹æ–¹æ³•ã¨ã—ã¦ä¸€é€šã‚Šç´¹ä»‹ã—ã¾ã™ã€‚ ※iPhoneサイト（スマートフォンサイト）制作ã®ãŸã‚ã€
スマートフォン対応ã§ã‚ˆã使ã†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
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ST2 -- split_selection_into_lines -- left side of block
æ±äº¬éƒ½è¿‘郊｜エッãƒãªå‡ºä¼šã„サイトã€ç¢ºå®Ÿã«ã‚»ãƒƒã‚¯ã‚¹ãƒ•ãƒ¬ãƒ³ãƒ‰ã¨ä¼šãˆã‚‹ä¿¡é ¼ã®ã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ング】エッãƒå‡ºä¼šã„クリエイト
{{#tags}}- {{label}}
{{/tags}}