Iwebkit is the revolutionnairy kit used to create high quality iPhone and iPod touch websites in a few minutes and is based on an LGPL license. In the first 4 months of it’s existance the pack has greatly evolved from a basic idea to a project that has reached worldwide fame!
The technique is actually a lot simpler than it looks, it’s based around scrolling a very tall gradient image behind some transparent PNG images. The header image (with our logo, strapline and the laptop) has a transparent background and solid text, while the main page is actually an image with the heading text as transparent cut outs.
Did you note how difficult is to deal with highly populated dropdowns? More than 50 elements can be a real pain… Can we do something about it -specially when this “highly populated dropdown” is necessary-? Thanks to JavaScript/jQuery the answer is a big yes.
There have been many changes to the HTML 5 landscape since my colleague, Lachlan Hunt’s 2007 article on A List Apart, A Preview of HTML 5. Let’s see what’s happening in the world of HTML 5.
This post shows how to get a word count from an HTML textarea or text input using jQuery and display it on the page. The word count is updated as the user types. Examples included.
Exploring a new rounded cornered technique with no images and 100% cross-browser.
In this first part of the “Up the Moo Herd: MooTools Tips and Tricks” series, we’re going to talk about the fetcher functions and methods. These are the most used functions and methods in MooTools, and mastering them is essential for controlling the DOM.
Many sites are sharing data using JSON in addition to RSS feeds nowadays, and with good reason: JSON feeds can be loaded asynchronously much more easily than XML/RSS.
This article will cover the following:
* What is JSON?
* Why does JSON matter?
* How do we load JSON into a project?
We’ll also use our newfound skills with JSON at the end of this project to build a quick app that loads photos from Flickr without requiring a page refresh.
Seemingly non-obvious details can often separate good web design from great web design. You might not appreciate the quality of a well-designed website until you start using it, looking under the hood, putting it through tests, etc.
Getting a fixed header and footer working in IE6 can seem quite daunting. In this tutorial we’ll not only get it working in all the major browsers, but we’ll also cover all the necessary steps required in doing so. By the end of this tutorial, you should be able to implement this into your own projects without having to copy and paste a thing.
10 fairly straightforward, tips, recommendations, reminders and best practices for JavaScript coding.
In this week’s Plus video tutorial, the creator of the extremely popular s3Slider plugin will show you how to build a similar “slideshow” component using jQuery. What better way to learn how to mimic your favorite plugins than to learn from the creators themselves? This isn’t one you should miss!
A lot of web developers still finding the best way to build a cross browser website. Especially showing it on ie6 browser, your beautiful looking website in Mozilla can become ugly and hideous website. Whatever the reason is, here I list some of the css hack for ie that I know.
Today’s article is brought to us by guest writer, Justin Maxwell. Justin will explain the technique he fine tuned for Mint.com to ellipses text using just CSS. For more information about Justin see the end of this article.
Making a webapp for the iPhone is a lot like making a normal web site, but with a few quirks to abide by. In this article, I’ll give you a wide variety of tips, covering things such as: “must-haves”, usability guidelines, testing/debugging, pitfalls, and performance issues. I hope you enjoy it!
This collection includes standard auto suggest scripts, del.icious tag suggestion, autosuggest control to search images on Flickr, and advanced table filter with auto suggest control.
After some time battling with Internet Explorer 6 & 7, I discovered that most of it’s rendering problems are produced when using floats, because the hasLayout variable gets messed up.
Internet Explorer browser has a built-in variable called hasLayout, that allows the browser to ‘construct’ the elements in the page, interact with other elements, etc. When this variable is set to true, the content displays fine, but when it doesn’t our site gets pretty jammed.
Don’t get hung up on a dull design, before jumping ship take a minute to get versed in how to add some extra flair. Crisp, impressive designs, guaranteed.
When looking for an easy way to track outgoing links in Google Analytics with jQuery I came across the gaTracker plugin. However, we needed a more flexible way of link tracking, with more control on which links to track and in what format. For those reasons I wrote a small jQuery plugin.
It partly eliminates one of the key reasons for moving to a CSS-based layout: separating presentation from structure. The structure is no longer purely semantic. Additional divs, that are not serving any logical purpose, have been applied.