background preloader

Web Design

Facebook Twitter

The 55 best free Photoshop brushes. Domain Superstar. WordPress. CSS demonstrations. Below is a list of CSS demonstrations that range from the simplest for beginners, to the most complex for advanced users.

CSS demonstrations

If you do not find what you are looking for then please contact me with your requirements and I will let you know if it is possible using just CSS. Avatar ParadeSimple image display using :hover. What's on TVAnother method of displaying images using :hover. A photograph galleryA photo gallery using thumbnail images. A photograph gallery - with links » 20-02-2009A photo gallery using thumbnail images amd linking to large images. A photograph gallery - using <object> » 06-06-2009A photo gallery using the object element. A mixed gallery - using <object> » 22-06-2009A mixed gallery using the object element. Photo Gallery Mk.IIA photo gallery with horizontal scrolling. A gallery using :target » 25-11-2011A gallery using :target with no browser window jump and no cycling back though the image using the 'back' button. Sliding photo-galleriesCompressed images that expand on :hover.

Zen Cart ecommerce solution.


W3Schools Online Web Tutorials. JavaScript Tutorial. Easy Slider 1.7. I got a lot of emails and feedback about my easySlider plugin, thank you all for that.

Easy Slider 1.7

However, I have to apologize to all of you who sent emails asking for a little help with implementation or small bug fixes. I simply don’t have the time to answer all of your emails. I wish I do. What I am presenting you today is an easySlider update with 2 new features. When going through your feedback I noticed 2 feature suggestions appearing very often: numeric navigation (as an alternative to next/previous buttons)continuous scroll instead of jumping to the first (or last) slide So, that’s what I implemented in this new version. Also, your suggestion about continuous scroll made most sense, it is kind of annoying when you have many slides and have to wait for all of them to scroll back to the first one. Download easySlider 1.7 I suggest that you read about previous versions in order to understand better how it works:

Paper.js Vs. Processing.js Vs. Raphael. Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?

Paper.js Vs. Processing.js Vs. Raphael

If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3. Raphaël even has some support for IE 6, although some of its underlying technology cannot be implemented there.Do you need to support Android? Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. Choosing the right framework will determine the success of your project. All of the code in this article is open source and can be run on the demo page that accompanies this article. Overview It’s all JavaScript once the page runs, but the frameworks take different paths to get there. PaperScript is a JavaScript extension that makes it possible to write scripts that don’t pollute the global namespace. Processing.js is based on a framework named Processing, which runs in the Java Virtual Machine.

Getting Started. JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop. Web Design Ledger. The Secret Law of Page Harmony - Retinart. “A method to produce the perfect book.”

The Secret Law of Page Harmony - Retinart

The perfect book. This is how designer-genius Jan Tschichold described this system. Not the ok book, nor the pretty good book, but the perfect book. This method existed long before the computer, the printing press and even a defined measuring unit. No picas or points, no inches or millimeters. And you can still use it. The Secret Canon & Page Harmony Books were once a luxury only the richest could afford and would take months of work to be brought to fruition. And they were harmoniously beautiful. The bookmakers knew the secret to the perfect book.

Web Design Library. 20 Best Design Tutorials From 2010 To Create an Mind-blowing Website. Smashing Magazine. CreativePro.

Designing for the Web. The web professional's online magazine of choice.

Designing for the Web

In: Columns > Design in Theory and Practice By Joshua David McClurg-Genevese Published on January 9, 2006 In the last two articles we looked at the basic tenets of the design practice, the principles and elements of design. We stepped back a bit from any one medium to investigate the more universal concepts of design in general, and how these axioms are often derivative of other art forms. I often get asked what size I design at and whether or not I use fixed-width or percentage-based designs, and why. Now it is time to turn our attention to the Web.

In my opinion, the vast majority of constraints in a Web-based environment are brought about because of the limits of human interaction with technology. ResolutionDesigning for browsersWeb-safe colorGraphics compressionText Resolution “Resolution” is used in a variety of ways to mean a variety of different things.

Screen Resolution Screen resolution is a bit of a misnomer, in my opinion. Text.

Web Design Tools

IP Address Geolocation to Identify Website Visitor's Geographical Location.