ã“ã‚Œã‹ã‚‰ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ä½¿ã£ã¦ã¿ãŸããªã‚‹ã‚ˆã†ãªç´ 敵ãªã‚¢ã‚¤ãƒ‡ã‚¢æº€è¼‰ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 今年もCSSã®é€²åŒ–ãŒã™ã”ã‹ã£ãŸã§ã™ã。
CSSã®ç´ 晴らã—ã„アイデアãŒæº€è¼‰ï¼2014年スタイルシートã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
ã“ã‚Œã‹ã‚‰ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ä½¿ã£ã¦ã¿ãŸããªã‚‹ã‚ˆã†ãªç´ 敵ãªã‚¢ã‚¤ãƒ‡ã‚¢æº€è¼‰ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 今年もCSSã®é€²åŒ–ãŒã™ã”ã‹ã£ãŸã§ã™ã。
[JS]Lightboxã®é€²åŒ–å½¢ï¼ã‚¯ãƒªãƒƒã‚¯ã§ã‚‚タップã§ã‚‚å¿«é©å‹•ä½œã®ç”»åƒã‚’拡大表示ã•ã›ã‚‹è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -Intense Images
サムãƒã‚¤ãƒ«çœŸã‚“ä¸ã®é¢¨æ™¯å†™çœŸã¯ç¸¦é•· Intense Imagesã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ※jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML ç”»åƒã¯2種類ã®é…置方法ãŒã‚ã‚Šã¾ã™ã€‚ imgè¦ç´ ã¯ã‚µãƒ ãƒã‚¤ãƒ«ã¨æ‹¡å¤§æ™‚ã®ç”»åƒã‚’兼用ã—ã€data-image属性ã¯æ‹¡å¤§æ™‚ã«é«˜è§£åƒåº¦ã®ç”»åƒã‚’利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <img src="./img/awesome-source.jpg" /> <!-- OR --> <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用ã™ã‚‹æ™‚ã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«ã¯CSSã§èƒŒæ™¯ç”»åƒã¨ã—ã¦æŒ‡å®š
jQueryã§ãƒ•ãƒªãƒƒãƒ—エフェクトを使ã£ãŸè‰¯ãƒ—ラグインやサンプル集１ï¼:phpspot開発日誌
10 Best jQuery Flip effect plugin with examples jQueryã§ãƒ•ãƒªãƒƒãƒ—エフェクトを使ã£ãŸè‰¯ãƒ—ラグインやサンプル集１ï¼ã€‚ é€ä¿¡æ™‚ã«ãƒ•ãƒªãƒƒãƒ—ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ やフリップã™ã‚‹ã‚«ã‚¦ãƒ³ã‚¿ã®ä»–ã€ã‚¢ã‚¤ãƒ†ãƒ をフリップアニメーションã•ã›ã¦ã‚ªã‚·ãƒ£ãƒ¬ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãƒ—ラグインやサンプルãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ã“ã†ã„ã†ã“ã¨ã‚‚出æ¥ã‚‹ã‚“ã ã¨ã„ã†ã“ã¨ã‚’èªçŸ¥ã™ã‚‹æ„味ã§ä¸€åº¦è¦‹ã¦ãŠãã¨ã‚ˆã•ãㆠ数年å‰ã§ã¯ã“ã†ã„ã†ã®ã¯Flash以外ã«è€ƒãˆã‚‰ã‚Œã¾ã›ã‚“ã§ã—ãŸãŒé€²åŒ–ã‚’æ„Ÿã˜ã‚‰ã‚Œã¾ã™ã 関連エントリ jQueryã§ãƒ•ãƒªãƒƒãƒ—ã™ã‚‹ã‚«ãƒƒã‚³ã„ã„メニュー作æˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 多数ã®ãƒ‘ãƒãƒ«ã‚’アニメーションã§ãƒ•ãƒªãƒƒãƒ—ã•ã›ã‚‹ã‚¯ãƒ¼ãƒ«ãªUI実装サンプル
プãƒãƒ€ã‚¯ãƒˆç”»åƒã‚’360度回転ã•ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹jQueryプラグイン５ã¤:phpspot開発日誌
5 plugins em jQuery para imagens em 360 | Wallace Erick | Desenvolvedor Front-End プãƒãƒ€ã‚¯ãƒˆç”»åƒã‚’360度回転ã•ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹jQueryプラグイン５ã¤ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ショッピングサイトã§ãŸã¾ã«ã¿ã‹ã‘ã‚‹ã€ãƒžã‚¦ã‚¹ãƒ‰ãƒ©ãƒƒã‚°ã§å›žè»¢ã™ã‚‹è£½å“ç”»åƒã€‚ã“れをjQueryプラグインã«ã‚ˆã£ã¦ç°¡å˜ã«å®Ÿç¾ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ãŒã€æ›´ã«ï¼•ã¤ã®jQueryプラグインã‹ã‚‰è‡ªåˆ†ã«ã‚ã£ãŸã‚‚ã®ã‚’é¸ã¶éš›ã®å‚考ã«å‡ºæ¥ã¾ã™ã€‚ 回転ã ã‘ã§ãªãズームã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã£ãŸã‚Šã€å¤šæ©Ÿèƒ½ã§ã‚ã£ãŸã‚Šã€IEã«ã‚‚対応ã—ã¦ã„ãŸã‚Šã¨ãã‚Œãžã‚Œç‰¹å¾´ãŒã‚ã‚Šã¾ã™ オンラインショッピングã®ãƒžã‚¤ãƒŠã‚¹é¢ã‚’解消ã—よã†ã¨ç”Ÿã¾ã‚ŒãŸã“ã†ã„ã†æ©Ÿèƒ½ã€‚ 実際ã«ã‚„ã‚‹ã¨ãªã‚‹ã¨ç”»åƒã‚’効率良ãã„ã‹ã«æ’®ã‚‹ã‹ã¨ã„ã†éƒ¨åˆ†ãŒèª²é¡Œã§ã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€ç”»åƒã•ãˆã‚ã‚Œã°å®Ÿè£…ã¯ç°¡å˜ã«ã§ããã†ã§ã™ã。 関連エントリ タイ
é…力的ã§ãƒ¯ã‚¯ãƒ¯ã‚¯ã™ã‚‹æœ€æ–°ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’使ã£ãŸã‚¦ã‚§ãƒ–サイトã®ã¾ã¨ã‚
訪れãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚¤ãƒ³ãƒ‘クトを与ãˆã‚‹é…力的ãªæœ€æ–°ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’使ã£ãŸã‚¦ã‚§ãƒ–サイトをCodropsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Examples of Creative and Modern Effects in Web Design
45 Examples Of Websites Designed With HTML5
With the revised and improved edition of HTML, the authors as well as the web developers have been given some more flexibility and interoperability in order to create more interactive and creative websites. HTML5 has been proposed recently because the community believed that now it is the time to move forward and push the limitation of HTML further more in every direction. In today’s collection, w
ブãƒã‚°ã®è¨˜äº‹ã«ã‚¢ã‚¤ã‚ャッãƒç”»åƒã‚’è¨å®šã—ã¦ã¿ã‚‹
当ブãƒã‚°ã®ä¸€éƒ¨ã®ãƒªãƒ³ã‚¯ã¯ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆãƒªãƒ³ã‚¯ã§ã™ã€‚ã“れらã®ãƒªãƒ³ã‚¯ã‹ã‚‰å•†å“を購入ã•ã‚ŒãŸå ´åˆã€å½“サイトã¯ä¸€å®šã®å ±é…¬ã‚’å¾—ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã€ãƒˆãƒƒãƒ—ページã¨ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ページã§ã¯ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’表示ã—ã¦ã„ã¾ã™ã€‚ã„ã¾ã¾ã§ã¯ã€ŒThumbnail For Excerptsã€ã¨ã„ã†ãƒ—ラグインを使ã£ã¦ã„ãŸã®ã§ã™ãŒã€è¡¨ç¤ºã•ã‚Œã‚‹ç”»åƒã¯å…ƒã®ç”»åƒã®ç¸®å°ã®ãŸã‚ã€ç”»åƒã«ã‚ˆã£ã¦ã‚µã‚¤ã‚ºãŒã°ã‚‰ã°ã‚‰ã ã£ãŸã‚Šã—ã¦ã‚ã¾ã‚Šç¾Žã—ãã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ãã‚“ãªæŠ˜ã€goryugo.comã§ã€ŒAuto Post Thumbnailã€ã¨ã„ã†ãƒ—ラグインãŒç´¹ä»‹ã•ã‚Œã¦ã„ãŸã®ã§ä½¿ç”¨ã—ã¦ã¾ã—ãŸã€‚ WordPressã«ã¯Ver.2.9ã‹ã‚‰ã‚¢ã‚¤ã‚ャッãƒç”»åƒã¨ã„ã†ã®ã‚’è¨å®šã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚アイã‚ャッãƒç”»åƒã¨ã„ã†ã®ã¯ãã®è¨˜äº‹ã‚’象徴ã™ã‚‹ã‚ˆã†ãªç”»åƒã®ã“ã¨ã€‚記事ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ç”»åƒãŒãã®ã¾ã¾ä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„よã†ã§ã™ã€‚ãŸã ã€æŠ•ç¨¿ç”»é¢ã‹ã‚‰æ¯Žå›žã‚¢ã‚¤
Making a Page Flip Magazine with turn.js | Tutorialzine
The page flip effect used to be the quintessential Flash animation. On the web, it has powered everything from magazines to presentations, with its popularity declining over time, only to be reinvented on mobile devices as ebook reading apps. In this tutorial we are going to use PHP and the turn.js plugin, an implementation of the page flip effect with pure CSS3 and jQuery, to build a pretty magaz
jQuery Mobileを使ã£ãŸå›½å†…スマホサイトã¾ã¨ã‚ (1/3)
jQuery Mobileã®æŽ¡ç”¨ãŒå›½å†…ã§ã‚‚進んã§ã„る。jQuery Mobileã¯ã€iPhone/Androidã€WindowsPhoneã‚„BlackBerryãªã©ã€ä¸»è¦ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã—ãŸUIフレームワーク。HTMLã«ç°¡å˜ãªè¨˜è¿°ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–ã—ãŸã‚µã‚¤ãƒˆã‚„Webアプリケーションを制作ã§ãã‚‹ã€æ³¨ç›®ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã 。 昨年11月ã«ã¯ã€å¾…望ã®ã€ŒjQuery Mobile 1.0ã€æ£å¼ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€å®Ÿå‹™ã§ã‚‚æœ¬æ ¼çš„ã«åˆ©ç”¨ã—ã‚„ã™ããªã£ãŸã€‚今後ã€ã¾ã™ã¾ã™å¢—ãˆãã†ãªjQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®äº‹ä¾‹ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠã“ã†ã€‚ ※商å“紹介ï¼ã‚ャンペーンサイトã«ã€ã€Œå¤ªé¼“ã®é”人å¦åœ’（太鼓ã®é”人×AKB48ã‚ャンペーンサイト）ã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚（2012å¹´3月1æ—¥16時更新） ※ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“スã«ã€ã€Œä¸€ä¼‘.comã€ã€Œrecbikeã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚（201
JavaScriptã§ä½œã‚‰ã‚ŒãŸã€è¦‹ãŸã“ã¨ãªã„UIデザインã®Webサイト
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.） / Raffael Stüken / La Moulade - Creative St...ä»–...å…¨11件
国内Webサイトå‚考デザイン一覧集 | Maka-veli.com
ん？タイトルã®æ—¥æœ¬èªžã€ãªã‚“ã‹ãŠã‹ã—ã„？(笑) 自分用ã«ã€å›½å†…ã®WEBサイトサンプル集をメモ。 ã‚„ã£ã±å›½å†…ã®ãŒå‚考ã«ã—ã‚„ã™ã„ã§ã™ã‚ˆã。 ズãƒãƒƒã‚¯ http://www.zzrock.net/ 一番ãŠä¸–話ã«ãªã£ã¦ã¾ã™ã€‚ 検索も楽ã§ã™ã€‚ ãã—ã¦ã‚µã‚¤ãƒˆè‡ªä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚好ãã§ã™ã€‚ (黒×黒ã®ãƒã‚´ã¨ã‹ã‚„ã£ã¡ã‚ƒã†ã¨ã“ãŒã¾ãŸè‰¯ã„) iKeSai.com http://www.ikesai.com/ ãªã‚“ã‹æ°—楽ã«è¦‹ã‚Œã‚‹ã€‚見やã™ã„。 WEBdeDB http://www.webdedb.com/ 更新減ã£ã¦ããŸã‘ã©ã€æ•°å¤šã„。 (Faviconã¤ã‘ã¦ã»ã—ã„ー…) WEBデザインã®è¦‹æœ¬å¸³ http://www.web-mihon.com/ å°è±¡ã‹ã‚‰æ¤œç´¢ã§ãã‚‹ã®ã¯å¬‰ã—ã„。 サイトãŒã‹ã‚ã„ã„。 webselection http://web-selection.com/ シンプル。ã¿
Webデザイナーãªã‚‰è¦‹ã¦ãŠã„ã¦æã®ãªã•ãã†ãªï¼’ï¼ã®FLASHサイト
フルFLASHサイトを紹介ã™ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã‚ã‚Šã¾ã—ãŸã€‚ 多分「ã„ã„ãã€ãƒœã‚¿ãƒ³ãŒã‚ã£ãŸã‚‰ã€ã¿ã‚“ãªæŠ¼ã—ã¡ã‚ƒã†ã‚“ã˜ã‚ƒãªã„ã‹ãªï¼Ÿ FLASHã§ã§ããŸWebサイトã«ã¯ã€ã„ã‚ã‚“ãªãƒ¯ã‚¯ãƒ¯ã‚¯ãŒã‚ã‚Šã¾ã™ã‚ˆã。 ãã—ã¦ã€ã“ã†ã„ã†ã‚µã‚¤ãƒˆã‚’見るã¨ãã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®äº‹ã‚’一度忘れã¦è¦‹ã¾ã—ょã†ã€‚ãã®ã»ã†ãŒãã£ã¨æ¥½ã—ã‚ã‚‹ã¯ãšã§ã™ã€‚ ç§ãŒé¸ã¶BEST7 20 Flash Sites for Your Inspiration 20個ã®ã†ã¡ã€ç§ãŒæ˜¯éžè¦‹ã¦ãŠã„ã¦ã»ã—ã„ãªã¨æ€ã†ã‚‚ã®ã¯7ã¤ã€‚ 全体的ã«éŸ³å‡ºã‚‹ã‚µã‚¤ãƒˆå¤šã‚ãªã®ã§ã€ã”注æ„ãã ã•ã„。 1)thibaud.be デザイナーã•ã‚“ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã€‚ ç§ã®ä¸ã§ã¯ã‚ングオブデザインã§ã™ã€‚使ã„ã‚„ã™ã•ã€è¦‹æ˜“ã•ã€ã•ã‚り心地ã€ã©ã‚Œã‚’ã¨ã£ã¦ã‚‚最高ã§ã™ã€‚ ã“ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ã‹ãªã‚Šã„ã„ã‹ã‚‚ã—ã‚Œãªã„。 ã¨è¨€ã†ã‹æƒšã‚Œã‚‹ã€‚ 2)nadinefeghaly.com イラストãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã®ä¸ã§ã‚‚ã€éžå¸¸
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - WTK/Coin-Slider: Coin Slider with extra option to stop auto rotation on last slide.
ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã«å‚考ã«ãªã‚‹ã€ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ
Christian Stoll Photographer
http://depthcode.com/2010/10/swap.html
野å£å¥ã®æ’®ã‚‹ä¸–ç•Œ
Facebookページリンク集 ソーシャルブックマーク 520PX facebookmark
http://everyonehere.info/2011/09/50-most-creative-flash-websites/
Fonts
{{#tags}}- {{label}}
{{/tags}}