Sinatraã¨Hamlã¨Scssã¨CoffeeScriptã§ãƒ¢ãƒ€ãƒ³ãªWeb制作環境を構築ã™ã‚‹ ｜ シリーズ ｜ Developers.IOSinatraã¨Hamlã¨Scssã¨CoffeeScriptã§ãƒ¢ãƒ€ãƒ³ãªWeb制作環境を構築ã™ã‚‹ ã®è¨˜äº‹ä¸€è¦§ã§ã™
アドビ―Dreamweaverデベãƒãƒƒãƒ‘ーセンター
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
日本語フリーwebフォント 表示サンプル（ゴシック編）
2013/06/26 ã‚¿ã‚°: webフォント ç„¡æ–™ã®webフォントã¨ã—ã¦ä½¿ç”¨ã§ãる日本語書体を紹介ã—ã¦ã„るサイトã¯ãŸãã•ã‚“ã‚ã‚‹ã®ã§ã™ãŒã€è‚心ã®è¡¨ç¤ºã‚µãƒ³ãƒ—ルãŒç”»åƒã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã¤ã‹ã¿ã¥ã‚‰ã„ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ãã“ã§ã€å®Ÿéš›ã«webフォントを一覧ã§è¡¨ç¤ºã•ã›ã‚‹ã‚µãƒ³ãƒ—ルページを作ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ webフォントã¨ã„ã£ã¦ã‚‚ã€åŸºæœ¬çš„ã«ã‚¦ã‚§ãƒ–表示専用ã«ä½œã‚‰ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªãã€Windowsã‚„Macintoshãªã©ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆPCã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ä½¿ã†TrueTypeã‚„OpebTypeã‹ã‚‰å¤‰æ›ã—ã¦ä½¿ã„ã¾ã™ã€‚今回ã¯ãƒ¢ãƒªã‚µãƒ¯ãªã©ã®æœ‰å„Ÿã®ãƒ•ã‚©ãƒ³ãƒˆãƒ™ãƒ³ãƒ€ãƒ¼ã®ã‚‚ã®ã§ã¯ãªãã€åŸºæœ¬çš„ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ï¼ˆã‚‚ã—ãã¯ãã‚Œã«è¿‘ã„ã‚‚ã®ï¼‰ã§å•†ç”¨åˆ©ç”¨ã‚‚ã§ãる日本語フォントを実際ã«è¡¨ç¤ºã•ã›ã¦ã¿ã¾ã™ã€‚ ã‚ãã¾ã§ã‚ãŸã—ã®å¥½ã¿ã®ãŠå‹§ã‚フォントã¨ã„ã†ã“ã¨ã«ã¯ãªã‚Šã¾ã™ãŒã€ä»Šå›žã¯ã‚ãˆã¦ã‚µãƒ–セット化も行ã£ã¦ã„ã¾ã›ã‚“ã®ã§ã€ã“ã®ã‚µã‚¤ãƒˆã®ã»ã‹ã®
身ã«ã¤ã‘ã¦ãŠããŸã„Webサイト高速化テクニック #5｜リクエスト数削減テクニック01：インラインイメージ編 | DevelopersIO
5，インラインイメージã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨æ³¨æ„点 5.1，メリット インラインイメージを使ã†ã“ã¨ã§ç”»åƒè‡ªä½“ã®HTTPリクエストãŒç™ºç”Ÿã—ã¾ã›ã‚“。 例ãˆã°ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®å°ã•ãª10個ã®ç”»åƒã‚’èªã¿è¾¼ã‚“ã§ã„ã‚‹ã¨ã—ã¾ã™ã€‚ãれらã™ã¹ã¦ã‚’インラインイメージ化ã™ã‚‹ã“ã¨ã§10回ã®HTTPリクエストを削減ã§ãã¾ã™ã€‚ データサイズãŒ37ï¼…å¢—åŠ ã™ã‚‹ã¨ã„ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¯ã‚ã‚Šã¾ã™ãŒå¤‰æ›å‰ã®ãƒ‡ãƒ¼ã‚¿ãŒæ•°MBã§ã‚‚ãªã„é™ã‚ŠHTTPリクエストãŒæ¸›ã‚‰ã›ã‚‹ã“ã¨ã®æ–¹ãŒæœ‰ç›Šã§ã™ã€‚ 5.2，デメリット IEã®å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ä½¿ãˆãªã„ Base64エンコードã«ã‚ˆã‚Šãƒ‡ãƒ¼ã‚¿ã‚µã‚¤ã‚ºãŒç´„37ï¼…å¢—åŠ ã™ã‚‹ HTMLã‚„CSSã«ç›´æŽ¥åŸ‹ã‚込むãŸã‚ç”»åƒã‚’変ãˆã‚‹åº¦ã«å·®ã—替ãˆãŒå¿…è¦ï¼ˆãƒ„ールã§æ”¹å–„å¯èƒ½ï¼‰ data URI schemeã§åŸ‹ã‚è¾¼ã¾ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã¯ã‚ャッシュã•ã‚Œãªã„ åŒã˜ãƒ‡ãƒ¼ã‚¿ã‚’複数箇所ã«è¡¨ç¤ºã—ãŸã„å ´åˆã€ãã‚Œãžã‚Œã®å ´æ‰€ã«åŸ‹ã‚込む必è¦ãŒã‚ã‚‹ãŸã‚インライン
Developers.IO
ã€10/30リモート】 クラスメソッドã®ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ä¼šç¤¾èª¬æ˜Žä¼šã€œãƒ‡ãƒ¼ã‚¿åˆ†æž/Webアプリ/AWSインフラ案件特集～を開催ã—ã¾ã™
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #6 パララックスエフェクトã®åŸºæœ¬ | DevelopersIO
ãã‚“ãªè¨³ã§ã€ãƒ‘ララックス・スクãƒãƒ¼ãƒ«ã«ã¤ã„ã¦å°‘ã—å¦ã‚“ã§ã¿ãŸã®ã§ã€è¶…åˆå¿ƒè€…å‘ã‘（※自分å«ã‚€ï¼‰ã®ã‚µãƒ³ãƒ—ルをã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« - パララックスエフェクトã«ã¤ã„㦠パララックス（parallax）を直訳ã™ã‚‹ã¨è¦–å·®ã§ã™ã€‚視差効果ã¨ã¯ã€è¦–ç•ŒãŒç§»å‹•ã™ã‚‹éš›ã«å„物体ãŒãã‚Œãžã‚Œç•°ãªã£ãŸã‚¹ãƒ”ードã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€å¥¥è¡Œãé–“ã‚’ã¯ã˜ã‚ã¨ã—ãŸè¦–覚効果を指ã—ã¾ã™ã€‚ アニメーションã®ä¸–ç•Œã§ã¯ãƒ‡ã‚£â—‹ãƒ‹ãƒ¼æ˜ ç”»ã§å¤ãã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã€ãƒ“デオゲームã«ãŠã„ã¦ã‚‚横スクãƒãƒ¼ãƒ«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚²ãƒ¼ãƒ ãªã©ã§æ˜”ã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ JavaScript（jQuery）ã§ãƒ‘ララックスエフェクト 1 | スクãƒãƒ¼ãƒ«å€¤ã‚’å–å¾— ã©ã‚Œã ã‘スクãƒãƒ¼ãƒ«ã—ãŸã‹ã¨ã„ã†å€¤ã‚’å–å¾—ã—ã¾ã™ã€‚ã“ã‚Œã ã‘ã§ã¯ã¾ã パララックスも何もã‚ã‚Šã¾ã›ã‚“ãŒã€å…¨ã¦ã¯ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã®ã§ã™ã€‚ $(function() { $(window).scroll(fu
軽é‡JSONパーサー『jqã€ã®ãƒ‰ã‚ュメント：『jq Manualã€ã‚’ã–ã£ãり日本語訳ã—ã¦ã¿ã¾ã—㟠| DevelopersIO
jq Manual jqã§ç°¡å˜JSONåŠ å·¥ ｜ Developers.IO jqコマンドãŒå®Ÿã¯é«˜æ€§èƒ½ã™ãŽã¦ãƒ“ビッãŸè©± - beatsync.net JSONを超絶ã«èªã¿ã‚„ã™ãã™ã‚‹ jq コマンド - WebAPIãƒãƒªãƒãƒªä½¿ã†or開発ã™ã‚‹äººå¿…é ˆ CLIã§JSONã®æ•´å½¢ã‚’ã™ã‚‹ - ( ꒪⌓꒪) ゆるよã‚日記 JSONå½¢å¼ã®æƒ…å ±ã‚’æ§˜ã€…ãªæ¡ä»¶ã‚„書å¼ã¨ã—ã¦æˆå½¢ã€ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ãƒ„ール『jqã€ã€‚上記関連エントリã§ç§ã‚‚ã“ã®ãƒ„ールã®å˜åœ¨ã‚’知る事ã«ãªã£ãŸã®ã§ã™ãŒã€ãƒ„ールã®ç°¡æ˜“ã•ãƒ»ä¾¿åˆ©ã•ã«æ„Ÿå‹•ã—ãªãŒã‚‰ç§ã‚‚ã¡ã‚‡ãã¡ã‚‡ã利用ã•ã›ã¦ã‚‚らã£ã¦ã„ã¾ã™ã€‚ ãã“ã§ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€jqå…¬å¼ãƒšãƒ¼ã‚¸ã«å±•é–‹ã•ã‚Œã¦ã„る利用ガイド・リファレンス的ãªä½ç½®ä»˜ã‘ã®ã€Žjq Manualã€ã‚’写経ãŒã¦ã‚‰ã–ã£ãり日本語訳ã—ã¦ã¿ã¾ã—ãŸã€‚ã–ã£ãり訳ãªã®ã§ã“ã®éƒ¨åˆ†ã®è¨³ãŠã‹ã—ã„・間é•ã£ã¦ã‚‹ç‰ã‚ã‚Šã¾ã—ãŸã‚‰å¾¡æŒ‡æ‘˜é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚例示ã•ã‚Œã¦ã„るサンプルコードも
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Speed and Performance Optimization
{{#tags}}- {{label}}
{{/tags}}