Great User Experiences Require Great Front-End Development :: UXmatters
With this article, we’re introducing our new column—Breakthrough Application Design—Designing game-changing experiences. In this column, we’ll discuss innovative approaches to application design that are based on our personal experience in the trenches. How can it be that so many digital products fail deliver any inspiration when so many technology and digital media companies spend millions of dol
Underscore.js
Table of Contents Collections each, map, inject, detect, select, reject, all, any, include, invoke, pluck, max, min, sortBy, sortedIndex, toArray, size Arrays first, last, compact, flatten, without, uniq, intersect, zip, indexOf Functions bind, bindAll, delay, defer, wrap Objects keys, values, extend, clone, isEqual, isElement, isArray, isFunction, isUndefined Utility uniqueId, template Collection
jQuery Time Slider
This is a demo of jQuery plugin that supports choosing of the time using dragging of slider. Change event listener Time is Span to be converted into time slider Time slider span: 5:00 Input field to be converted into time slider Time slider: Input field to be converted into time slider with not shown value Time slider: Actions
Time Slider JS
Mouse-X： Position-X： %（0 - 1）： Step： singleTime：： ： StartTime：： EndTime：： ： 〜 ： StartTime：： EndTime：： ： 〜 ： singleTime：： ：
jQuery UI Slider from a Select Element - now with ARIA Support | Filament Group, Inc.
jQuery UI Slider from a Select Element - now with ARIA Support We’ve updated our popular jQuery UI selectToUISlider plugin with ARIA support, making the jQuery UI slider widget more accessible to users on assistive devices. The plugin uses progressive enhancement to replace an already-functional HTML select element with a jQuery UI slider control, and adds a number of features for both visual user
Create a Responsive Web Design Template
The web is buzzing with responsive web designs right now. To have a single site that will change its styling accordingly to fit to the device it’s being viewed on. In this tutorial, I’m going to make a (very simple looking) web template that is responsive from desktop size down to mobile version. [tut demo=”https://onextrapixel.com/examples/responsive-website-template/” download=”https://onextrapi
意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと…
前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
HTML5でセマンティックなマークアップ
4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><body><div> <div> <div> <div>HTML4では、こんなマークアップが普通でした。 </div> <div> <div> </div> </div> </div> <div> <div> <div> <div>「分け入っても分け入ってもdiv」 </div> <div> </div> </div> </div> </div> <div> </div> </div></div></body></html> 6. エンジニアがマークアップに意味を「吹きこむ」Chrome+HTML5 Conference 開催のご案内最近、スマートフォンサイトを中心に活用事例が目立つようになり
jQuery Time Entry
A jQuery plugin that sets an input field up to pick a time value using a spinner. Complement this plugin with the jQuery Datepicker plugin, for a popup calendar, the jQuery Calendars plugin, for support of other world calendars and a datepicker that works with them, or the jQuery Date Entry plugin, for spinner entry of dates, or combine date and time entry with the jQuery Date/Time Entry plugin. T
プログレッシブエンハンスメント（Progressive Enhancement）という考えかた｜ウェブユーザビリティ向上を支援するWebsite Usability Info
公開日 : 2010年6月6日 (2021年2月2日 更新) カテゴリー : アクセシビリティ 最近、プログレッシブエンハンスメント（Progressive Enhancement）という言葉をよく目にするようになりました。Webユーザーの増加、ユーザーの閲覧環境の多様化（パソコンだけでなく、携帯電話やスマートフォン、支援技術など）、ユーザーの抱える身体的状況の多様化（障害、加齢、怪我、など）、といった背景を踏まえて、より幅広く、多くの人が情報にアクセスできるようにすることを目指したWebサイトの開発理念です（Webアクセシビリティを実現するための技術的方法論のひとつとも言えますね）。以下、簡単にご紹介したいと思います。 基本的な考えかた あらゆるユーザーに対して、基本的な体験ができるようにします（たとえば、そのサイトが伝えたい情報には、どんな閲覧環境下にいるユーザーでもちゃんと到達できる
Alex Sexton
Alex Sexton lives in Austin, TX and works as a software engineer at Pierre.co.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
What's Object-Oriented CSS (japanese)
What is Object Oriented CSS?
Creative CSS3 Animation Menus
Mobile HTML5
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
Registrant WHOIS contact information verification | Namecheap.com
Progressive Enhancement vs Graceful Degradation. Which Path to Follow?