background preloader

jQuery UI

jQuery UI

https://jqueryui.com/

Related:  UI - #UX

A Digital Design Workflow: Tools in Review The world probably doesn’t need one more article about ever-changing design tools, but I’ve had a few people ask what I use in my work at Worthwhile and why, so here are a few thoughts on my current design tool chest and my process. It’s a great time to be doing graphic/web/ui design and prototyping because the competition is increasing, and the tooling options keep getting better and better. At the end of the day, our tools don’t matter nearly as much as the output—it’s the work that matters. In digital design, making only static comps is usually not enough anymore, but I doubt we’ll completely move beyond the need for static design ideation.

jQuery.ajax() Description: Perform an asynchronous HTTP (Ajax) request. The $.ajax() function underlies all Ajax requests sent by jQuery. It is often unnecessary to directly call this function, as several higher-level alternatives like $.get() and .load() are available and are easier to use. If less common options are required, though, $.ajax() can be used more flexibly. At its simplest, the $.ajax() function can be called with no arguments: Note: Default settings can be set globally by using the $.ajaxSetup() function. 20 Awesome Resources for Twitter Bootstrap Lovers Generators Bootstrap Custom Build Before diving into great third party Bootstrap resources, it’s worth pointing out a great little tool right from Twitter that allows you to completely customize an impressive range of Boostrap features so that you can create a custom build that’s perfect for your project. If you haven’t checked out Bootstrap in a while, you should give this a look because it’s new with Twitter Bootstrap 2.0. Not only can you use it to take an overweight download and transform it into something lean, you can also save yourself a lot of CSS work by customizing colors, fonts etc. before you even initiate the download. StyleBootstrap.info

glossy.js (javascript glossy image effect) <form name="lst" id="lst" method="post" action=".. glossy.js 1.8 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.CVI-lab: Get a fast impression of the effects and their illustration qualities. Shows some of the things glossy.js does. 6 images with class = "glossy iradius50" cvi_glossy_lib.js supports additional appearances. Starting With jQuery - How to Write Custom Validation Rules This series of posts on using jQuery with no prior knowledge comes to its fifth iteration. Today, I'm going to look more in depth at the Validation Plug-in. We'll be looking at what rules the Validation Plug-in comes with out of the box followed by an example of how to create your own rules.

Designing Future-Proof UI – Medium Increasing The Longevity If we want our UI design to stand the test of time and go beyond the conventional expiry date, we can incorporate a number of principles into our workflow and way of thinking that will make it less likely to cause big changes in the future, or put another way, more likely to cause little change. This isn’t a definitive guide, but these principals can certainly go a long way. How to Use jQuery's $.ajax() Function Without any doubt Ajax has taken web development by storm and it’s one of the most successful paradigms ever. In my article An Introduction to jQuery’s Shorthand Ajax Methods, I discussed some of jQuery’s most used Ajax shorthand methods: $.get(), $.post(), and $.load(). They are convenient methods for making Ajax requests in a few lines of code. Sometimes, we need more control over the Ajax calls we want to make.

Customize Twitter Bootstrap To Not Look Bootstrap-y - Aj freelancer NOTICE: This article is outdated. Please read my article on how to build Bootstrap 3.0 themes the proper way. Thank you! A Beginner’s Guide To jQuery-Based JSON API Clients Are you fascinated by dynamic data? Do you go green with envy when you see tweets pulled magically into websites? Trust me, I’ve been there. The goal of today’s tutorial is to create a simple Web app for grabbing movie posters from TMDb731. We’ll use jQuery and the user’s input to query a JSON-based API and deal with the returned data appropriately.

How to select a radio button with jQuery A simple example to select a radio button with jQuery dynamically. A radio buttons group, with a name=”sex”. <input type="radio" name="sex" value="Male">Male</input><input type="radio" name="sex" value="Female">Female</input><input type="radio" name="sex" value="Unknown">Unknown</input> 10 Rules of Good UI Design to Follow On Every Web Design Project Gone are the days of Geocities sites with their hardcoded, never-changing HTML. Sites and apps today are dynamic and interactive. Our job as designers is to make it so that the interface through which they interact with our web UI design is as close to ideal as possible. Luckily, there are some nearly universal rules of that can help. We have put together what we think are the best design principles so that you can enhance all your future web design projects.

AJAX Examples Here is a list of some famous web applications that make use of AJAX. Google Maps A user can drag an entire map by using the mouse, rather than clicking on a button. Google Suggest 15 More Twitter Bootstrap Resources Twitter Bootstrap now gaining popularity in web development area, because it providing many common usable user interface component, combining with nice simple themes, css framework and javascript element. Many tutorial and resources has been developed to help us getting familiar with bootstrap, in today post I post some more bootstrap resouces that might be useful, I say it “more” cause there are the same article showing bootstrap resources and tools (posted on the bottom of this post), well at least these haven’t been listed before. Yii Bootstrap Bringing together the Yii PHP framework and Twitter Bootstrap . Yii-Bootstrap is an extension for Yii that provides a wide range of widgets that allow developers to easily use Bootstrap with Yii.

Related:  javascriptprojetjQuerylibrairiesWEB designsWebentwicklunggradywatsonJSWebjquery uiTwitter Bootstrap and JqueryCode & programmationJavascript ResourcesUIJAVASCRIPTJavascriptJSOtherJavascriptjQuery