HTML5 data-* attributes are great and you know it
Like I said in my previous article, all information about HTML5 is way too big to put into one blog article. We first looked at what HTML5 microdata can do for us, and today we’ll dive into another feature W3C added to their HTML specification. It’s called custom data attributes (by developers mostly referenced as data-* attributes), and I’ll explain what it is and what problems it fixes for us. T
[JS]jQueryã®ãƒ—ラグイン33 1é¸ -2011å¹´5月 | コリス
Skitter 多種多少ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒã‚’変更ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚ ã‚ャプãƒãƒ£ã¯ã€Œcubeã€ã€ã‚ューブ状ã«ãªã£ã¦å¤‰æ›´ã—ã¾ã™ã€‚
47 Amazing CSS3 Animation Demos - Web Designer Wall
Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a webkit browser such as Safari and Chrome (sorry to the Internet Explorer users). Enjoy! CSS3 Clock With jQuer
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
第8回「最近注目を集ã‚ã¦ã„ã‚‹JavaScript/jQueryã®ãƒ„ール・テクニック45〠2010å¹´04月09æ—¥ 今回ã¯ã€JavaScriptã‚„jQueryを使ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ツールãªã©ã‚’紹介ã—よã†ã€‚ã“ã‚Œã¾ã§åŒæ§˜ã®è¨˜äº‹ã‚’何度ã‹æŽ²è¼‰ã—ã¦ããŸãŒã€ä»Šå›žã¯æµ·å¤–ã§å¤šãã®æ³¨ç›®ã‚’æµ´ã³ãŸã‚‚ã®ã‚’厳é¸ã—ã¦ã„る。フォームやボタンã€ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ãƒŠãƒ“ゲーションã€ãƒ‡ãƒãƒƒã‚°é–¢é€£ãªã©ã•ã¾ã–ã¾ãªè¨˜äº‹ã‚’紹介ã™ã‚‹ã®ã§ã€ãœã²ãƒã‚§ãƒƒã‚¯ã—ã¦ã»ã—ã„。ã¾ãŸã€å¾ŒåŠã§ã¯JavaScriptã«é–¢ã™ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆãªã©ã‚‚紹介ã—ã¦ã„る。 余談ã ãŒã€Smashing Magazineã®ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¿ãƒ–ãŒã‚ã‚‹ã“ã¨ã‚’ã”å˜çŸ¥ã ã‚ã†ã‹ã€‚ã“ã¡ã‚‰ã§ã‚‚記事を紹介ã—ã¦ã„ã‚‹ã®ã§ã€ãœã²ã”覧ã„ãŸã ããŸã„。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Fresh Usefu
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
床ã«ç”»åƒãŒåå°„ã—ã¦æ˜ り込んã§ã„るよã†ãªåŠ¹æžœã‚’表ç¾ã—ãŸã„å ´åˆã€ã€ŒImage Reflection with jQuery and MooToolsã€ï¼ˆdavidwalsh.name/javascrip-reflection）ã®ã€Œreflection.jsã€ã‚’使ã£ã¦ã¿ã‚ˆã†ã€‚ç”»åƒã«classã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§åå°„ã®åŠ¹æžœã‚’ã¤ã‘られる。 ã¾ãšã¯jQueryã®æœ€æ–°ç‰ˆã¨ãƒ—ラグインã®ã€Œreflection.jsã€ã‚’èªã¿è¾¼ã‚€ã€1】。次ã«é€æ˜Žåº¦ã¨å射部分ã®é«˜ã•ã‚’optionã¨ã—ã¦è¨å®šã™ã‚‹ãŸã‚ã‚¹ã‚¯ãƒªãƒ—ãƒˆéƒ¨åˆ†ã‚’è¿½åŠ ã™ã‚‹ã€‚opacityãŒé€æ˜Žåº¦ã§0〜1ã®é–“ã§è¨å®šã—ã€heightãŒé«˜ã•ã§ã“ã¡ã‚‰ã‚‚0〜1ã§è¨å®šã™ã‚‹ã€2】。ã“ã®è¨å®šã¯ã€Œreflection.jsã€å†…ã«ã‚‚ã‚ã‚‹ã®ã§ã€ãã¡ã‚‰ã§æŒ‡å®šã™ã‚Œã°HTMLå´ã«ã¯æŒ‡å®šã™ã‚‹å¿…è¦ã¯ãªã„。デフォルトã§ã¯ã€Œheight:1/3,opacity:0.5ã€ã¨ãªã£ã¦ã„ã‚‹ã€3】。 ã€1】jQu
[JS]オーãƒãƒ¼ãƒ¬ã‚¤ã‚’使ã£ã¦ã€ä»˜åŠ æƒ…å ±ã‚’ã‹ã£ã“よã見ã›ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
オーãƒãƒ¼ãƒ¬ã‚¤ã‚’使ã£ã¦ã€ä»˜åŠ æƒ…å ±ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‹ã£ã“よã見ã›ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ jQueryã¨ã„ãˆã°ã€å…ˆé€±æœ«ã«1.4.3ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã。 Annotation Overlay Effect with jQuery デモページ [ad#ad-2] 実装 HTML HTMLã¯ã‚¯ãƒªãƒ¼ãƒ³ã§ã‚·ãƒ³ãƒ—ルã§ã™ã€‚元画åƒï¼ˆimage_wrap）ã¨ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ç”»åƒï¼ˆzoom_overlay）をdivè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div class="portfolio"> <div class="portfolio_item"> <div class="image_wrap"> <img src="images/website1
Home - Hot!Ajax Magazine
Animated CSS3 photo stack is use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.
100 jQuery Plugins for Image Galleries with Source Files | Stunning Mesh
For jQuery lovers we have collected some Image Galleries with source files, you can modify these files very easily and make animation of your own desire (many are free but under license conditions). As you know jQuery is very hot and almost every project is now having jQuery in any form. It must be having great collection for you. Here are 100 jQuery Plugins for Image Galleries with Source Files.
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
jQuery API 1.4.4 日本語リファレンス - StackTrace
add(expr) è¦ç´ 集åˆã«ã€æ¡ä»¶å¼ã«ãƒžãƒƒãƒã—ãŸè¦ç´ 集åˆã‚’è¿½åŠ ã—ã¾ã™ã€‚ add(expr, context) è¦ç´ 集åˆã«ã€æŒ‡å®šã•ã‚ŒãŸã‚³ãƒ³ãƒ†ã‚ストã®æ¡ä»¶å¼ã«ãƒžãƒƒãƒã—ãŸè¦ç´ 集åˆã‚’è¿½åŠ ã—ã¾ã™ã€‚ addClass(class) è¦ç´ ã®ã‚¯ãƒ©ã‚¹ã«ã€æŒ‡å®šã—㟠CSS ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ addClass(fn) è¦ç´ ã®ã‚¯ãƒ©ã‚¹å±žæ€§ã«ã€æŒ‡å®šã—ãŸé–¢æ•°ãŒè¿”ã™ CSS ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ after(content) マッãƒã—ãŸè¦ç´ ã®å¾Œï¼ˆå¼Ÿè¦ç´ ）ã«ã€æŒ‡å®šã—ãŸå†…å®¹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ after(fn) マッãƒã—ãŸè¦ç´ ã®å¾Œï¼ˆå¼Ÿè¦ç´ ）ã«ã€æŒ‡å®šã—ãŸé–¢æ•°ã®å†…å®¹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ jQuery.ajax(settings) HTTPリクエストを使用ã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ã¾ã™ã€‚ ajaxComplete(handler) AjaxリクエストãŒå®Œäº†ã—ãŸæ™‚ã«å®Ÿè¡Œã™ã‚‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’登録ã—ã¾ã™ã€‚ ajaxError(handler) A
ãƒãƒ³ã‚¯ã‚½ãƒ•ãƒˆ
コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)ã§ã‚²ãƒ¼ãƒ 作æˆå…¥é–€ Flash(ActionScript)ã§æ§˜ã€…ãªã‚²ãƒ¼ãƒ を作ã‚ㆠFlash(ActionScript)ã¨PHPã®é€£æºå…¥é–€ PHP（旧コンテンツ） PHPã§ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿æ›¸ããƒ»æŽ²ç¤ºæ¿ PHPã§æ—¥ä»˜ãƒ»æ™‚刻ã®è¨ˆç®— PHPã§ã‚¢ã‚¯ã‚»ã‚¹ã‚«ã‚¦ãƒ³ã‚¿ï¼†è§£æž PHPã§GDを使ã£ã¦ã¿ã‚ˆã† PHPã¨PostgreSQLã®é€£æºå…¥é–€ Java （旧コンテンツ） Javaã§ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ を作ã‚ㆠPerl （旧コンテンツ） CGI(Perl)ã®åŸºæœ¬ã¨æŽ²ç¤ºæ¿ä½œæˆ C/C++ C/C++言語ã¨DXライブラリã§ã‚²ãƒ¼ãƒ 作æˆå…¥é–€ （旧コンテンツ）C言語ã¨elã§æ§˜ã€…ãªã‚²ãƒ¼ãƒ を作ã‚ㆠjQuery simple plugins ã²ã¨ã‚Šã”ã¨ã€ãµãŸã‚Šã”ã¨ï¼ˆãƒ–ãƒã‚°ãƒ‘ーツ） オリジナルソフトウェア ãã®ä»–未分類ãªãƒ¢ãƒŽ iOSアプ
Top 50 jQuery Gallery & Image Sliders for 2020 - 1stWebDesigner
Since usually the best galleries are created in jQuery, we’ve mainly focused on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been organized into five main categories so you can easy switch to your preferred section. Before we start, we wanted to tell you that it’s up to you to go for a free or premium solution for your jQuery gallery or slider. Your We
Lightweight Circle slideshow | image slideshow,image gallery
Free Dhtml scripts, Jquery plugins ,Javascript, CSS, CSS3, Html5 Library Tiny Circleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library. Supports iPhone, iPad and Android Supports sliding by thumb or pager A i
ç”»åƒãƒãƒƒãƒ—アウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔ãã‚‹ãる回ã—ã¦ç”»åƒã‚’切り替ãˆã‚‹å††å½¢ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• Smooth Div Scroll〔水平方å‘ã«ä¸¦ã¹ãŸç”»åƒã‚’マウスæ“作ã§ã™ã‚‹ã™ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€• Nivo Slider〔9種類ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘られるイメージスライダー〕 Galleriffic〔画åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’リッãƒã‹ã¤é«˜é€Ÿã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€• IMGPREVIEW〔マウスオーãƒãƒ¼ã§ãƒªãƒ³ã‚¯å…ˆã®ç”»åƒã‚’プレビュー表示〕 jQuery largePhotoBox plugin〔大ããªç”»åƒå¯¾å¿œãƒãƒƒãƒ—アップ（マウス移動ã§ç”»åƒå…¨ä½“を閲覧å¯èƒ½ï¼‰ã€• PIROBOX〔シンプルã‹ã£ã“ã„ã„ç”»åƒãƒãƒƒãƒ—アップ〕 bxGallery〔シンプルãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• A Simple jQuery Slideshow〔シンプルãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€• Accessible News Slider〔全件表示や件数ã«å¿œã˜ã¦å‰
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Gerard Ferrandez on CodePen
{{#tags}}- {{label}}
{{/tags}}