Fullscreen Form Interface | Codrops
An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields. Today we’d like to share a fullscreen form concept with you. The idea is to extend the minimal form concept and only show one question or form field at a time in fullscreen. The user can enter data in a distraction-free way and it allows to ad
Superslides - A fullscreen slider for jQuery
Images are smartly centered in the viewport. Use your own media queries to control the layout of your content. For browsers that support CSS hardware acceleration, tasks, such as animation, are processed by the GPU giving massive performance gains. The control API lets you start, stop, animate, and destroy instances of the slider. You can get the current, next, and previous slides programmatically
ç¾å½¹ãƒ‘ラリーガルãŒæ•™ãˆã‚‹å€Ÿé‡‘å•é¡Œè§£æ±ºãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ï½œJust another WordPress site
éŽæ‰•ã„金ã¨ã¯ã€Œè³ƒé‡‘æ¥è€…ã«æ”¯æ‰•ã„éŽãŽã¦ã„ã¦åˆ©æ¯ã€ã®ã“ã¨éŽæ‰•ã„金請求ã¨ã¯ã€Œæ”¯æ‰•ã„ã™ãŽãŸåˆ©æ¯ã‚’å–り戻ã™ã“ã¨ãŒã§ãる手続ãã€ã®ã“ã¨éŽæ‰•ã„金ãŒç™ºç”Ÿã™ã‚‹ä»•çµ„ã¿éŽæ‰•ã„金ãŒç™ºç”Ÿã—ã¦ã„る人ã®æ¡ä»¶å®Œæ¸ˆã—ã¦ã„る人ã§ã‚‚éŽæ‰•ã„金請求ã§ã§ãã¾ã™è¿”済ä¸ã®äººã§ã‚‚éŽæ‰•ã„金請求ã§ãã¾ã™éŽæ‰•ã„金請求ã®ä¸»ãªæµã‚Œã¾ã¨ã‚ éŽæ‰•ã„金ã¨ã¯ã€Œè³ƒé‡‘æ¥è€…ã«æ”¯æ‰•ã„éŽãŽã¦ã„ã¦åˆ©æ¯ã€ã®ã“㨠「éŽæ‰•ã„金ã€ã¨ã¯å称ãŒç¤ºã™ã‚ˆã†ã«ã€æ‰•ã„éŽãŽãŸãŠé‡‘ã®ã“ã¨ã§ã™ã€‚ 具体的ã«ã¯ã€ã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ã‚„クレジットカードãªã©ã‚’利用ã—ãŸã¨ãã«ã€é‡‘èžæ¥è€…ã«å¯¾ã—ã¦æ‰•ã„éŽãŽãŸåˆ©æ¯ã®ã“ã¨ã‚’「éŽæ‰•ã„金ã€ã¨å‘¼ã‚“ã§ã„ã¾ã™ã€‚ 支払ã†ç¾©å‹™ãŒãªã„ãŠé‡‘ãŒè¿”ã£ã¦ãã‚‹ã®ã¯å½“然ã®ã‚ˆã†ã«æ€ãˆã¾ã™ã€‚ ã—ã‹ã—ã€éŽæ‰•ã„金ã¨ã¯ã€å˜ã«åˆ©ç”¨è€…ãŒæ”¯æ‰•ã†é‡‘é¡ã‚’é–“é•ãˆãŸã‚Šã€é‡‘èžæ¥è€…ãŒè«‹æ±‚ã™ã‚‹é‡‘é¡ã‚’é–“é•ã£ãŸã‚Šã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ç™ºç”Ÿã—ãŸãŠé‡‘ã®ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 後ã»ã©è©³ã—ã説明ã—ã¦ã„ãã¾ã™ãŒã€å¤šãã®é‡‘èžæ¥è€…ã¯ã€æ°‘事上無効ã§ã‚ã‚‹ã«
並ã¹ãŸç”»åƒã‚’æ•·ãè©°ã‚ã¦è¶…カッコよãã™ã‚‹jQueryサンプル:phpspot開発日誌
Automatic Image Montage with jQuery | Codrops 並ã¹ãŸç”»åƒã‚’æ•·ãè©°ã‚ã¦è¶…カッコよãã™ã‚‹jQueryサンプル。 <img>ã‚’å˜ã«ä¸¦ã¹ã‚‹ã ã‘ã§ã‚ã¨ã¯ãƒ–ラウザã®å¹…ã«å¿œã˜ã¦ç”»åƒã‚’次ã®ã‚ˆã†ã«ä¸¦ã³æ›¿ãˆã¦ãã‚Œã¡ã‚ƒã†ãƒ‡ãƒ¢ã¨ã‚¹ã‚¯ãƒªãƒ—トã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã§ã™ã€‚ ç”»åƒé–“ã®èª¿æ•´ã‚„背景色ã®èª¿æ•´ç‰ãŒè¡Œãˆã‚‹ã‚ˆã†ã§ã™ã€‚ デモページã¯ã“ã¡ã‚‰ ブラウザサイズを変更ã—ã¦ã‚‚ç”»åƒã‚’å†è¨ˆç®—ã—ã¦è¡¨ç¤ºã—ãªãŠã—ã¦ãã‚Œã¾ã™ã€‚ 背景を黒ã«ã™ã‚‹ã¨ã‚ˆã‚Šã‚ªã‚·ãƒ£ãƒ¬ãªæ„Ÿã˜ã§ã™ã€‚ 関連エントリ ç•°ãªã‚‹å¹…・高ã•ã®ç”»åƒã‚‚超綺麗ã«æ•´åˆ—ã•ã›ã‚‹jQueryプラグイン「Atteeeeention plugin〠ブãƒãƒƒã‚¯ã‚µã‚¤ã‚ºå†…ã«ç”»åƒã‚’綺麗ã«åŽã‚ã‚‹jQueryプラグイン「CJ Object Scalerã€
全画é¢ã‚’スライドã¨ã—ã¦ä½¿ã†ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªãƒŠãƒ“ゲーションを構築ã™ã‚‹2KB以下ã®è»½é‡jQueryプラグイン - ã‹ã¡ã³ã¨.net
全画é¢ã‚’スライドギャラリー風ã«ã™ã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ ãªãƒŠãƒ“ゲーションをjQueryを使ã£ã¦å®Ÿè£…ã™ã‚‹ã‚µãƒ³ プルã§ã™ã€‚é€éŽå‡¦ç†ãŒå¿…è¦ã§ã™ãŒã€IE6ã€IE7㮠両å•é¡Œå…ã§ã‚‚å•é¡Œãªãå‹•ã„ã¦ãã‚Œã¾ã™ã®ã§ã€å®Ÿè·µ ã§ã‚‚プãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã«åˆ©ç”¨ã§ãã‚‹ã£ã½ã„ã§ã™ã。 スライドã™ã‚‹ã¨ãƒã‚´ãŒå¹³è¡Œã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹äº‹ã§è¦–å·® 効果も出ã—ã¦ã„ã¾ã™ã€‚ クãƒã‚¹ãƒ–ラウザ対応ãªã®ã§ä½¿ã„ã©ã“ã‚も出ã¦æ¥ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。ダイナミックã«å‹•ã„ã¦ãã‚Œã¾ã™ã®ã§ãƒ—レゼンテーションやãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ã‚ャンペーンãªã©ã«ä½¿ã†ã®ã‚‚é¢ç™½ãã†ã§ã™ã€‚ Awesome Scrolling Navigation 全画é¢ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¾ã™ã€‚背景ã«ç”»åƒã‚’指定ã—ã¦ã„ã‚‹ã®ã§ãƒ†ã‚ストãªã‚“ã‹ã‚‚入れられるã£ã½ã„ã§ã™ã。試ã—ã¦ã„ã¾ã›ã‚“ã‘ã©ã“ã‚Œã¯çµæ§‹ä½¿ãˆãã†ã§ã™ã€‚ 動作確èªã—ã¦ã„ãŸã ãã¨åˆ†ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€å·¦ä¸Šã®ãƒã‚´éƒ¨åˆ†ã‚‚微妙ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã—ã¦è¦–差効果を出ã—ã¦ã„ã¾ã™ã€‚ マークアッ
Vegas Background SlideShow
Vegas2Background SlideShowjQuery/Zepto PluginProject by Jay Salvat, Pictures from Unsplash. Need support? Don't waste your precious time, Hire me Feeling Generous? Buy me a beer, beer is good for motivation Need support?Don't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving y
Fullscreen Gallery with Thumbnail Flip | Codrops
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when […] In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or do
ç”»åƒã‚’ç”»é¢ã„ã£ã±ã„ã«åºƒã’ã¦ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’実装ã™ã‚‹jQueryプラグイン・slideshowify.js - ã‹ã¡ã³ã¨.net
地味ã«è‰¯ã•ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ç”»é¢ ã„ã£ã±ã„ã«ç”»åƒã‚’広ã’ã¦ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¨ãƒ•ã‚§ クトã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã§ãã‚‹jQuery プラグイン・slideshowify.jsã§ã™ã€‚ã“㮠手ã®ãƒ—ラグインã¯æ²¢å±±ã‚ã‚‹ã®ã§é¸æŠžè‚¢ ã®ä¸€ã¤ã¨ã—ã¦ãƒ»ãƒ» ãªã‚“ã¨ãªãよã見ã‹ã‘ãŸç”»åƒã®ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã‚’実装ã—ã¾ã™ã€‚ã“ã®è¦‹ã›æ–¹ã¯è‰¯ã„写真や画åƒãªã‚‰é£²é£Ÿåº—やアパレル系ãªã©ã§ã¯è¨´æ±‚力もã‚ã‚‹ã—ã€ã‚ˆã見ã‹ã‘ã‚‹ã®ã‚‚当然ã¨ã„ãˆã°å½“然ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã‚ャプãƒãƒ£è¦‹ã¦ã‚‚全然ピンã¨æ¥ãªã„ã¨æ€ã„ã¾ã™ã®ã§Sampleã”覧下ã•ã„。 Sample 基本的ã«ã¯ç›´æŽ¥è²¼ã‚‰ã‚ŒãŸç”»åƒã‚’スライド化ã—ã¾ã™ã€‚※画åƒã¯mark sebastianæ°ã‚ˆã‚Š(CC-BY) 指定ã•ã‚ŒãŸã‚»ãƒ¬ã‚¯ã‚¿å¤–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯positionプãƒãƒ‘ティã«ã‚ˆã£ã¦ç”»åƒä¸Šã«é…ç½®ã•ã‚Œã¦ã„ã‚‹å½¢ã¨ãªã‚Šã¾ã™ã€‚スライドã—ã¦ã„ã‚‹ç”»åƒã¯display:none;を使用ã—ã¦ã„ã¾ã™ã®ã§å„々ã®ç”»åƒã«ãƒªãƒ³ã‚¯ã¯è²¼ã‚Œã¾
迫力ã‚るフルスクリーンã®èƒŒæ™¯ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン:phpspot開発日誌
Full Screen Background/Slideshow | jQuery Plugins 迫力ã‚るフルスクリーンã®èƒŒæ™¯ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン。 ブラウザã®ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ç”»åƒã®ã‚µã‚¤ã‚ºã‚‚切り替ã‚ã‚‹ã¨ã„ã†ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå®Ÿç¾å¯èƒ½ã§ã™ã€‚ 大ãã‚ã®è§£åƒåº¦ã®å†™çœŸã‚’迫力ãã®ã¾ã¾ã«å‡ºã—ãŸã„ã¿ãŸã„ãªã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 フッターã«ã‚µãƒ ãƒã‚¤ãƒ«ã¤ãã®ãƒŠãƒ“ゲーションもã¤ã„ã¦ã¾ã™ã€‚ 実装ã¯ã€å„種表示用ã®ã‚ªãƒ—ションã«åŠ ãˆã€ç”»åƒã®ãƒ‡ãƒ¼ã‚¿ã‚’é…列ã§æ¸¡ã—ã¦ã‚ã’ã‚‹ã ã‘ã¨ã„ã†ç°¡å˜ä»•æ§˜ã§ã™ã€‚ 関連エントリ ã“ã‚Œã¯æ–°ã—ã„ã€å›žè»¢ã•ã›ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…jQueryプラグイン 次ã®ç”»åƒãŒä½•ãªã®ã‹ãŒåˆ†ã‹ã‚Šã‚„ã™ã„フルスクリーンã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…jQueryプラグイン「SuperSizedã€
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
フルスクリーンã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å¯èƒ½ã«ã™ã‚‹ã€ŒjQuery HTML5 Fullscreen Slideshow〠– creamu
http://buildinternet.com/project/supersized/slideshow/3.2/demo.html
{{#tags}}- {{label}}
{{/tags}}