Envato: Get every type of asset for any type of project, and a full stack of AI tools From $16.50/m
Courses and Tutorials in HTML | Envato Tuts+
Envato: Get every type of asset for any type of project, and a full stack of AI tools From $16.50/m
13 jQuery SelectBox/Drop-down Plugins — SitePoint
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
手でスライドできる表を作る « エンジニアのためのUI改善講座
※D＆Dの感覚でマウスを使って表を動かすことができます。 表をつかんで動かす方法 まるで手で掴んでいるかのように、表を左右に動かすことができます。いちど使えば直感的で、誰にでも理解できるUIですね。どんなにパソコンに不慣れなひとでも、すぐに使えるようになります。私の父は「ああ、ソリティアみたいなもんか」と大変すんなり理解をしてくれました。 技術的にどうするか、というと、これはDrag & Drop（以下D&D）の応用です。WEBページ上のコンテンツをD&Dする方法があり、これはJQueryUIを活用することで、大変簡単に実装することができます。 ふつう、Drag後は上下左右、自由に動かすことができますが、今回のポイントは左右にしか動かせないようになっている点です。 実際にDragを可能にするコードを以下に紹介しましょう。 // スクロール可能なオブジェクトをDragできるようにする $("
[JS]実装のロジックを理解して、自分に適したツールチップを作成するチュートリアル
ツールチップのスクリプトやプラグインは、数多くリリースされています。 ここではjQueryを使用したツールチップをどのようなロジックで実装するかを解説したチュートリアルを紹介します。 Simple Tooltip w/ jQuery & CSS デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 1. マークアップ -HTML 2. スタイル -CSS 3. エフェクト -jQuery 4. スクリプトのロジック 5. 注意点 1. マークアップ -HTML マークアップをする際に気をつけることは可能な限りシンプルするのと同時に、さまざまなシナリオに対応できるよう柔軟にすることです。 メインとなるa要素にはツールチップを表示するために、class名「tip_trigger」を記述します。また、ツールチップのコンテンツを配置するspan要素には、class名「tip」を記述
1stWebDesigner - Helping You Build a Better Web
Over 1,000,000+ icons, templates, fonts, and more. Sponsored
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
You searched for design - Ecommerce-Platforms.com
Opting for Shopify as an ecommerce platform and page builder has its advantages. Not only does Shopify offer a full online store with advanced marketing tools at an affordable monthly rate, but the themes and apps for designing and extending your store are often free or rather inexpensive. Advertisment ⓘ We often recommend premium themes from Shopify due to their extra features and more intuitive
jQueryで作るAmazon流リキッドレイアウト (1/5)
国内外を問わず、多くのECサイトがお手本とする「Amazon.co.jp」。この連載でも以前、Amazonが採用する「カルーセル」（回転表示するスライドパネル）の作り方を紹介しましたが（関連記事）、Amazonは優れたユーザーインターフェイス（UI）の宝庫でもあります。 中でも、過去の閲覧履歴などからページの大半が動的に生成されるAmazon.co.jpのトップページは、ユーザーを商品購入へと導くさまざまな仕掛けが組み込まれています。今回は、このAmazon.co.jpのトップページに注目します。 今回のお手本サイト：『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。書籍販売から始まり、現在ではペットボトル飲料水や紙おむつ、キッチン家電まで1000万点超の膨大な商品を扱っている。取扱商品の拡大に合わせて、2008年4月に大規模
Beautiful Forms - Design, Style, & make it work with PHP & Ajax | The Jotform Blog
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the nee
Coda Popup Bubbles | jQuery for Designers - Tutorials and screencasts
Posted on 3rd March 2008 — Coda is one of the new web development tools for the Mac – and it’s popular amongst designers and developers I know. Panic (the developers of Coda) are also known for their sharp design. Earlier: Slider Gallery Next: Image Cross Fade Transition In particular, Jorge Mesa writes to ask how to re-create their ‘puff’ popup bubble shown when you mouse over the download image.
bassistance.de » jQuery plugin: Accordion
This plugin is now part of jQuery UI and this standalone version won’t be updated anymore. The page will remain as a reference. This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automaticall
yensdesign – Tutorials, Web Design and Coding » Blog Archive » Create a professional interface for your web applications using jQuery
[/sourcecode] The first main division menu will contains the different sections and subsections. The second main division mainContent will have a iframe that will load other webpages in our lateral panel. The third main division lateralPanel will have different sections with unordered lists of websites to load in the iframe. An additional division called lateralClick to toggle on/off the lateral p
Coda-Slider 1.1#5
eBiz Facts is reader-supported. When you buy with our links, we may earn a commission. Learn more. Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s
Agile Carousel 2.0.0 - Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
Scroll your HTML with jquery.scrollable.js
05/22/2008 - Tero Piirainen, download version 0.11 Features I want to take a bunch of HTML nodes and do following things with them make those items scrollable horizotally or vertically decide how many items are visible at once scroll elements with mouse, arrow keys and mousewheel (requires mousewheel.js) make navigational buttons without programming have programmatic actions: next, prev, nextPag
Using jQuery for Background Image Animations
After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
DropCatch.com
COMA × Communication Analysts
WebAir - Tecnologie innovative per il business digitale