Explore the Articles

JavaScript

The Script Tag

Authors should not specify a language attribute on a script element. If the attribute is present, its value must be an ASCII case-insensitive match for the string "JavaScript" and either the type attribute must be omitted or its value must be an ASCII case-insensitive match for the string "text/javascript". The attribute should be entirely omitted instead (with the value "JavaScript", it has no effect), or replaced with use of the type attribute.

Read More
JavaScript

Open a Window with Full Size Unscaled Image

The author opens a window which displays full size unscaled image. It is the exact size needed to fit the image. Quick, easy, and perfectly good UX. This solution is suitable for web galleries where you need to show the images at their original size.

Read More
JavaScript

How to Style iOS Sliding Checkboxes with jQuery

This tutorial is a straightforward walkthrough about how to implement and work with iOS slider switches. Through jQuery we can dynamically create a hidden input field which holds the checked/unchecked position of the slider bar.

Read More
JavaScript

Lateral On-Scroll Sliding with jQuery

In the tutorial the author shows you how to create a “slide-in on scroll” effect. You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document.  Read More
JavaScript

Relevant Dropdowns: Polyfill for Datalist

The list attribute / datalist element of HTML5 forms is pretty cool. As you type in a text input, it shows you a dropdown menu of choices you can pick from. Or you can type in whatever you want. The list attribute alone doesn't lock you into any specific value. In that way, it's a bit like a group of radio buttons with an "other" type-in option.

Read More
JavaScript

10 Awesome jQuery Snippets

jQuery gave a new life to JavaScript coding. Thanks to this great tool, it is now possible to build powerful and responsive web pages. In this article, you can find 10 jQuery snippets that will definitely help you in your daily client-side coding.

Read More
JavaScript

Circular Element with Hover Effect

In this tutorial we’ll create a plugin that will take care of the ‘mouseenter’, ‘mouseleave’ and ‘click’ events to be triggered only on the circular shape of the element and not its bounding box. With these steps we'll fix any problems with applying a :hover pseudo-class to an element widely known as the classic “hovering” over an element on a web page. Read More
JavaScript

Getting Started With jQuery

Javascriptis one of a web designer’s best friends. Learning how to use this powerful tool to its fullest potential can prove invaluable to our work and our clients. jQuery helps make JS more accessible.jQuery is a free, fast, and concise JavaScript library that allows you to efficiently write cross-browser javascript code to make Ajax requests, animate elements, manipulate the DOM, and do a variety of user interface manipulations.

Read More
JavaScript

Dig into Dojo: DOM Basics

Dojo is officially called the Dojo Toolkit. This is actually very fitting. Most other collections of lines of JavaScript available bill themselves as frameworks or libraries. A framework is a more or less end-to-end solution for building good web applications, and a library is a collection of tools that assist you with a few specific (usually related) tasks. Dojo fits into both categories, and then some. It’s got all the DOM manipulation, events and animation helpers, and AJAX functions that you’d get with a library like jQuery. But there’s more, much more.

Read More
JavaScript

Coding Web Apps with jQuery Mobile

In this guide the author introduces to you the jQuery Mobile platform. There is a lot of material to cover so we likely won’t hit everything. But fortunately the team has made development super easy and streamlined with fantastic documentation.

Read More
Newer articles Older articles