Quite possibly the only ticker of its kind out there, Expandable Drop Down Ticker brings together the best of two worlds to create a ticker that can be viewed both sequentially and simultaneously. A drop down menu is automatically generated out of snippets of the ticker contents to let the user navigate the ticker on demand.
Well, the market share of IE 6 is now finally at a level where we as developers can say that a site “supporting” IE 6 does not mean “looking pixel perfect”. Fortunately more and more clients understand this as well. IE 7 has been out for well over three years and IE 9 is on the horizon, so I think it’s time to revive those CSS selectors that you never got to use just because IE 6 doesn’t understand them. Here are brief explanations of some of the most useful “forgotten” CSS 2.1 selectors.
Web developers of new technologies that enrich the user is forced to vote the post with some examples of the functionality of Ajax, his voice can be recorded without reloading the page. Web designers can use a tool for further development, if we already know about JavaScript, HTML, CSS and XML, you have to spend a few coins to start learning AJAX.
This tutorial explains, step-by-step, how to use CSS and jQuery animations to build a simple ‘auto-scrolling’ vertical list.
Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today? In this article I’ll show you some different CSS3 techniques that work great in some of the leading browsers i.e. Firefox, Chrome, Safari, Opera , and how they will degrade well in the non-supported browsers i.e. Internet Explorer. Using browser specific extensions, many of the proposed CSS3 styles can be used today
This week we’re going to take a look at a new style of navigation menu. jQuery has made it simple for developers to define an idea or wireframe for a component and then implement it reasonably quickly, which has certainly helped it become the most popular JavaScript Framework out there at the moment. I feel like some of the navigation options out there right now don’t provide you with enough information about the sections of a site you can visit, so today we’re going to learn how to create a menu that solves this problem!
This post covers the concept of design and what is a graphic designer. It will also give you six excellent tips on how you can drastically improve your designs.
With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed. The html based image slider will have its benefits with SEO and will also degrade gracefully for those w/out js.
A few days ago, I programmed a little proof-of-concept for Flickr-style photo tagging using jQuery. I did it as an exploration in mouse-based event binding; but, it was a lot of fun and I wanted to see if I could take it a step further. So, yesterday and this morning, I packaged the jQuery code up into a jQuery plugin phototagger.jquery.js, build a light-weight ColdFusion persistence layer drop-and-run, no database required, and turned it into an official project: jQuery Photo Tagger.
Clean and beautiful designs became boring and distortion, old and worn out feel brought something new in. You may always distort fonts yourself, but it’s always nice if there are free fonts out there you may use right away.
A Great Interview with Steven Snell the founder and editor of two big design blogs in the design community Vandeley Design Blog and Design Mag.
Single page portfolio websites can be a great way of showcasing your best work. This design tutorial shows you step-by-step how to build your own single page portfolio in Photoshop.
Combining Illustrator and Photoshop can produce some dramatic and intense effects. Illustrator has the powers (and tools) to easily create abstract shapes, whereas in Photoshop, although possible, this can take up a lot more of your time.
I’ve selected 10 popular typefaces, serif and sans-serif, each from the survey. By considering the font-share % statistics in the following table, we can try some other typefaces, but with care.
We are creating a photo shoot effect with the help of the PhotoShoot jQuery plug-in. With it you can convert a regular div on the page into a photo shooting stage simulating a camera-like feel.
Today we are building an animated navigation for a watercolor-styled website which will have links that appear to be painted when it is hovered on. The watercolor graphics were created in Photoshop and we’ll be using the popular jQuery JavaScript framework for the animation.
ImageZoom is based on LightBox JS, and is perfect for photo galleries. It can display large images on top of a page, and has the ability to group multiple photos in one set.
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.
So hopefully after reading – Understanding CSS – Padding, Positioning and CSS3 – you understand the basics of CSS and have been experimenting with other properties. It is important to remember that some properties will allow you to achieve effects that aren’t necessarily stated. In this post we will explore the property border-radius and how it can be used to create circles, semi-cricles and quarter-circles. It also has the potential to produce some terrific designs using just CSS – no images.
QUnit, developed by the jQuery team, is a great framework for unit testing your JavaScript. In this tutorial, I’ll introduce what QUnit specifically is, and why you should care about rigorously testing your code.