肉çƒãŒãƒ‘ララックスã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Cool Kitten
ベータ版ã§ã™ãŒã€ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªã‚·ãƒ³ãƒ—ルãªãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚肉çƒã«æƒ¹ã‹ã‚ŒãŸã‚ã‘ã§ã¯ãªã„ã§ã™ã‚ˆã€‚ Cool Kitten Cool Kitten -GitHub Cool Kittenã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—・タブレット・スマートフォンãªã©ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ‘ララックススクãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€è‚‰çƒãŒãƒ‘ララックスï¼
縦や横ã«é•·ã„サイト「高級ペライãƒã€1度ã¯è¦‹ã¦ãŠããŸã„スクãƒãƒ¼ãƒ«æ¼”出ã®ã¾ã¨ã‚32個ï¼
HTML+CSS+JavaScriptã§ã¤ãるサイトã®å®šç•ªæ¼”出「高級ペライãƒã€ï¼ HTMLファイ部ã®ã€ŒHTML5ã®é¬¼ã€ã“ã¨ã»ã‚“ã ã§ã™ã€‚ カヤック社内ã§ã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã„ã†æ„›ç§°ã§å‘¼ã‚“ã§ã„る縦や横ã«é•·ã„1ページサイト。 スクãƒãƒ¼ãƒ«ã«åˆã‚ã›ãŸãƒ‘ララックスやアニメーションã®æ¼”出ãŒå°è±¡çš„ã§ã™ã‚ˆã。 今回ã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã‚°ã‚°ã‚‹ã¨1ä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ã€ 僕ã®ã¯ã¦ãƒ–「高級ペライãƒã€ã‚¿ã‚°ã‹ã‚‰åŽ³é¸32サイトを紹介ã—ã¾ã™ï¼ ã¾ãšã¯çŽ‹é“ï¼ç¸¦ã«é•·ã„高級ペライãƒ
[JS]スクãƒãƒ¼ãƒ«ã‚’楽ã—ãã™ã‚‹ãƒ‘ララックスを簡å˜ã«å®Ÿè£…ã§ãる超軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -skrollr
jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã›ãšã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãる超軽é‡ï¼ˆ2.2KB）ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ skrollr -GitHub [ad#ad-2] skrollrã®ãƒ‡ãƒ¢ skrollrã®ä½¿ã„æ–¹ skrollrã®ãƒ‡ãƒ¢ パララックスã¯è¤‡æ•°ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ã‚¹ãƒ”ードã§å‹•ã‹ã™ã“ã¨ã§å¥¥è¡Œãã®éŒ¯è¦šã‚’èµ·ã“ã™ã‚‚ã®ã§ã€skrollrã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é‡ã«å¿œã˜ã¦ã€ãƒšãƒ¼ã‚¸ä¸Šã®å„エレメントã«ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デモã§ã¯ãã®é¢ç™½ã„パララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ¥½ã—ã‚ã¾ã™ã€‚ デモã¯3ã¤ã‚ã‚Šã€ã¾ãšã¯skrollrãŒæ¥½ã—ã‚るメインã®ãƒ‡ãƒ¢ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}