レスãƒãƒ³ã‚·ãƒ–・ウェブデザインã«ã‚‚対応ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã„ã‚ã„ã‚ | DesignWalker
引ã£å¼µã£ã¦æ›´æ–°ã‚’ç°¡å˜å®Ÿè£…ã§ãる「Pull to Refresh.jsã€:phpspot開発日誌
Pull to Refresh.js 引ã£å¼µã£ã¦æ›´æ–°ã‚’ç°¡å˜å®Ÿè£…ã§ãる「Pull to Refresh.js〠アプリã§ã¯ã‚‚ã†ä¸€èˆ¬çš„ã«ãªã£ãŸå¼•ã£å¼µã£ã¦æ›´æ–°ã‚’WEBã§ã‚‚実ç¾ã—ã¾ã™ã€‚ä¾å˜æ€§ãªã—ãªã®ã§æ‰‹è»½ã«ä½¿ãˆãㆠ関連エントリ ページé·ç§»ã‚’アプリã£ã½ãã™ã‚‹ã“ã¨ãŒã§ãる「jQuery.smoothState.js〠テーブルã®ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’固定表示ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ŒjQuery.floatTheadã€ æž ã®ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ãƒ†ã‚ストを自動çœç•¥ã§ãる「Jquery-quickfitã€
[JS]スマホ・タブレット・デスクトップ時代ã®ã‚¯ãƒã‚¹ãƒ–ラウザ対ç–ã«ã‹ãªã‚Šå½¹ç«‹ã¤ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ト -Feature.js
スマホ・タブレット・デスクトップã®ãƒ–ラウザãŒã•ã¾ã–ã¾ãªæ©Ÿèƒ½ï¼ˆWebGL, Canvas, rem unit, async属性ã€ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆãªã©ï¼‰ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹åˆ¤åˆ¥ã—ã€ãã®åˆ¤å®šã‚’利用ã™ã‚‹ã“ã¨ãŒã§ãる超軽é‡ï¼ˆ1kb）スクリプトを紹介ã—ã¾ã™ã€‚ Modernizrã¯HTMLã¨CSSã®æ©Ÿèƒ½ã§åˆ¤åˆ¥ã‚’è¡Œã£ã¦ã„ã¾ã—ãŸãŒã€ãれを更ã«æ‹¡å¼µã—ãŸæ„Ÿã˜ã§ã™ã€‚ Feature.js Feature.js -GitHub Feature.jsã®ç‰¹å¾´ Feature.jsã®ä½¿ã„æ–¹ Feature.jsã®ç‰¹å¾´ Feature.jsã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã™ã‚‹ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–レット・デスクトップã®ãƒ–ラウザã®æ©Ÿèƒ½ã‚’判別ã—ã€åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ WebGL, Canvasã‚’ã¯ã˜ã‚ã€å˜ä½ã«remãŒä½¿ãˆã‚‹ã‹ã€async属性ã¯åˆ©ç”¨ã§ãã‚‹ã‹ã€ã¨ã„ã£ãŸå®Ÿç”¨çš„ãªã‚‚ã®ãŒå¤šæ•°æƒã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ã„ãã¤ã‹è£œè¶³äº‹é …ãŒã‚ã‚Šã¾ã™ã€‚ touch タッãƒã‚¤ãƒ™
![[JS]スマホ・タブレット・デスクトップ時代ã®ã‚¯ãƒã‚¹ãƒ–ラウザ対ç–ã«ã‹ãªã‚Šå½¹ç«‹ã¤ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ト -Feature.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/02491c4eeaaee338bf6a3bba36d56f47a7ba450b/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016011204.png)
デãƒã‚¤ã‚¹ã«é©ã—ãŸãƒ†ã‚ストサイズã«ã—ã¦ãれるレスãƒãƒ³ã‚·ãƒ–テã‚ストjQueryプラグイン
ãªã‚“ã¦è¨€ãˆã°ã„ã„ã®ã‹ãƒ»ãƒ»ãƒ»ã€‚ マルãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚ã‚ã›ã¦ã€ãƒ•ã‚©ãƒ³ãƒˆãŒã—ã£ã‹ã‚Šã¨ãƒ•ã‚£ãƒƒãƒˆã™ã‚‹ã‚ˆã†ã«ä½œã‚‰ã‚ŒãŸãƒ—ラグイン。 凄ãシンプルãªã®ã«ã€æµ·å¤–ã§è©±é¡Œã«ãªã£ã¦ã„ãŸã®ã§ã”紹介。 ãã‚Œãžã‚Œã«ã‚ã‚ã›ãŸå½¢ã«ãƒ•ã‚£ãƒƒãƒˆ FitText - A plugin for inflating web type サンプルコードã¯ä»¥ä¸‹ã‚ˆã‚ŠæŠœç²‹ https://github.com/davatron5000/FitText.js/blob/master/example.html <body> <div class="container"> <header> <h1 id="fittext1">Squeeze with FitText</h1> <h1 id="fittext2">Squeeze with FitText</h1> <h1 id="fittext3">Squeeze with FitText</h1> <
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
[JS]最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ°—æŒã¡ã„ã„アニメーションã€ä¾¿åˆ©ãªä»•æŽ›ã‘や機能を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã¾ã¨ã‚
最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ°—æŒã¡ã„ã„インタラクションやエフェクトã€é¢ç™½ã„仕掛ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„や便利ãªæ©Ÿèƒ½ã‚’実装ã§ãるスクリプトやjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
![[JS]最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ°—æŒã¡ã„ã„アニメーションã€ä¾¿åˆ©ãªä»•æŽ›ã‘や機能を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/4df978511120c0727c18646f1d386ecdc2ab3a59/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png)
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://geechs-magazine.com/tag/tech/20170427_1
{{#tags}}- {{label}}
{{/tags}}