ãƒã‚¸ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ãƒžãƒƒãƒ—.COM
ãƒã‚¸ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ãƒžãƒƒãƒ—.COMã®ã‚µãƒ¼ãƒ“スã¯çµ‚了ã—ã¾ã—ãŸã€‚
ãƒã‚¸ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ãƒžãƒƒãƒ—.COM
ç”»é¢ä¸Šéƒ¨ã«è»½é‡ãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’実装ã§ãる「ToProgress〠– bl6.jp
ToProgressã¯ç”»é¢ä¸Šéƒ¨ã«ã‚·ãƒ³ãƒ—ルã§è»½é‡ãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’実装ã§ãã‚‹JSライブラリã§ã™ã€‚APIも充実ã—ã¦ã„ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã‚‚良好ã§ã™ã€‚フィニッシュ時ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã‚“ã‹ã‚‚é•å’Œæ„ŸãŒãªãã¦ã„ã„æ„Ÿã˜ã§ã™ã。 ToProgressã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€ä½¿ã„æ–¹ã€ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚ ToProgress.js increaseã€decreaseã€setProgressãªã©ã¨ã„ã£ãŸAPIãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸã€ã‚ªãƒ—ションã§ã¯colorã€heightã€durationãªã©ãŒè¨å®šå¯èƒ½ã§ã™ã€‚ デザインã€ä½¿ã„æ–¹ã¨ã‚‚ã«ã¨ã¦ã‚‚シンプルãªã®ãŒã„ã„ã§ã™ã。軽é‡ãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’ç”»é¢ä¸Šéƒ¨ã«å–り入れãŸã„æ–¹ã¯ã€ãœã²ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。
ãƒãƒã‚¦ã‚£ãƒ³ã®ã‚ャラクターãŒæƒã£ãŸç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ï¼»Halloween Charactersï¼½ãŒå¯æ„›ã„ï¼
å…¨20種類ã®ãƒãƒã‚¦ã‚£ãƒ³ã®ã‚ャラクターãŒæƒã£ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆï¼»Halloween Charactersï¼½ãŒå¯æ„›ã„ï¼ ä¸»å½¹ã®ã‚«ãƒœãƒãƒ£ã®ã‚ªãƒã‚±ã€Œã‚¸ãƒ£ãƒƒã‚¯ãƒ»ã‚ªãƒ»ãƒ©ãƒ³ã‚¿ãƒ³ã€ã‚’ã¯ã˜ã‚ã€æ˜ 画『エルム街ã®æ‚ªå¤¢ã€ã«ç™»å ´ã™ã‚‹ã€Œãƒ•ãƒ¬ãƒ‡ã‚£ã€ã€å¸è¡€é¬¼ã®ã€Œãƒ‰ãƒ©ã‚ュラ伯爵ã€ã€äººé€ 人間ã®ã€Œãƒ•ãƒ©ãƒ³ã‚±ãƒ³ã‚·ãƒ¥ã‚¿ã‚¤ãƒ³ã€ã€ã€Žçœ れる森ã®ç¾Žå¥³ã€ã«ç™»å ´ã™ã‚‹é”女「マレフィセントã€ã€æ˜ 画『ãƒãƒ£ã‚¤ãƒ«ãƒ‰ãƒ—レイã€ã®ã€Œãƒãƒ£ãƒƒã‚ーã€ã€æ˜ 画『ソウã€ã‚·ãƒªãƒ¼ã‚ºã«ç™»å ´ã™ã‚‹ã€Œãƒ“リー人形ã€ãªã©ãªã©ã€‚ ã‚‚ã¡ã‚ん定番ã®ã€ŒãƒŸã‚¤ãƒ©ç”·ã€ã‚„「ゾンビã€ã‚‚å¯æ„›ã„アイコンã«ãªã£ã¦ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯å…ˆã‚ˆã‚Šã€‚ ç„¡æ–™ã§åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ï¼šHalloween Characters 梱包ã—ã¦ã‚るファイルã¯ã€Œ.jpgã€ã®ä»–ã«ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ã®ã€Œ.aiã€ã¨ã€Œ.epsã€ãŒæƒã£ã¦ã„ã¾ã™ã€‚ ã“ã®æ™‚期ã«ç›¸å¿œã—ã„å¯æ„›ã„アイコンセットã§ã™ã。 制作ã—ãŸã®ã¯ãƒã‚µãƒ³ã‚¸ã‚§ãƒ«ã‚¹å‡ºèº«ã®å¥³æ€§
軽é‡ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ã§ãるスクãƒãƒ¼ãƒ«ãƒˆãƒƒãƒ—「Material ScrollTop Button〠– bl6.jp
Material ScrollTop Buttonã¯è»½é‡ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒˆãƒƒãƒ—を実装ã§ãã‚‹jQueryプラグインã§ã™ã€‚下ã¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ã‚·ãƒ³ãƒ—ルã§ã‚ã‹ã‚Šã‚„ã™ã„スクãƒãƒ¼ãƒ«ãƒˆãƒƒãƒ—ボタンãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Material ScrollTop Buttonã®ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰ç¢ºèªã§ãã¾ã™ã€‚ デモ 下ã¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€å³ä¸‹ã«ãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãŸã‚ã®ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã“れをクリックã™ã‚‹ã¨ã€ã‚¹ãƒ«ã‚¹ãƒ«ã€œã¨ä¸Šã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¾ã™ã€‚ 便利ã§ã™ã—ã€ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºæ„Ÿã‚‚ã¡ã‚‡ã†ã©ã„ã„ã§ã™ã。直感的ã§ã‚ã‹ã‚Šã‚„ã™ãã€ç¸¦é•·ã®ãƒšãƒ¼ã‚¸ã«ã¯ã¨ã¦ã‚‚役立ã¤æ©Ÿèƒ½ã§ã™ã€‚ ã¾ãŸã€ã‚ªãƒ—ションを用ã„ã‚‹ã“ã¨ã§durationã‚„easingãªã©ã‚’è¨å®šã§ãã‚‹ã®ã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„ã¨ãã«ã‚‚最é©ã§ã™ã€‚ シンプルã§è»½é‡ã€ãã—ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ã§ãるスクãƒãƒ¼ãƒ«ãƒˆãƒƒãƒ—を実装ã—ãŸã„æ–¹ã¯ã€ãœã²ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 Material Scro
商用利用å¯ã®ç„¡æ–™ã€ŒWebサイトã®åˆ©ç”¨è¦ç´„ã€
Webサイトやサービスを制作ã™ã‚‹æ™‚㫠利用è¦ç´„やプライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ã«å›°ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã€ŒWebサイトã®åˆ©ç”¨è¦ç´„ã€ã¨ã„ã†ã‚µã‚¤ãƒˆã§ã™ã€‚ Webサイトã®åˆ©ç”¨è¦ç´„ Webサイト用ã®ã€Œåˆ©ç”¨è¦ç´„ã€ã€Œãƒ—ライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ã€ã®ãƒ†ãƒ³ãƒ—ートを掲載ã•ã‚Œã€ ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨å¯èƒ½ã¨ã®ã“ã¨ã§ã™ã€‚ ã—ã‹ã‚‚ã€æ³•å¾‹ã®å°‚門家ã®å”力ã®ã‚‚ã¨æŽ²è¼‰ã—ã¦ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã€å†…容的ã«ã‚‚安心ã§ã™ã€‚ ç—’ã„ã¨ã“ã‚ã«æ‰‹ã®å±Šãã€åˆ©ç”¨è€…目線ã®ç´ 晴らã—ã„サイトã ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã—ã€åˆ©ç”¨è¦ç´„やプライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ã«å›°ã£ãŸã‚‰ã€ å‚考ã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ å‚照サイト Webサイトã®åˆ©ç”¨è¦ç´„http://kiyaku.jp/
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
愛用ã®è¶…イージーãªãƒ©ã‚¤ãƒ³ã®çµã³æ–¹ ãã¿ã¾ã‚★気ã¾ã¾ã«ãƒ©ã‚¤ãƒ–ãƒã‚°ã€€é‡£ã‚Š&レジャー編
{{#tags}}- {{label}}
{{/tags}}