background preloader

Web Design

Facebook Twitter

Amazingly Creative Drawing Vs Photography. This wonderful work has done by a very talented Belgian painter, illustrator, portraitist, caricaturist and photographer Ben Heine. This creative artist was born in Abidjan, Ivory Coast. He Studied graphic arts and sculpture and I also have a degree in journalism. Lets take a look at some of his awesome works that he calls “Drawing Vs Photography” or “Imagination Vs Reality”.

28 HTML5 Features, Tips, and Techniques you Must Know | Nettuts+ The 30 CSS Selectors you Must Memorize | Nettuts+ 15 Handpicked Fresh and Useful jQuery Tutorials. jQuery has really simplified the work flow for web designers. Even someone with basic javascript understanding can use it. These tutorials are proof of that.

In this post you will find 15 really useful jQuery tutorials that has been published in the previous month or so. Hope the readers learns something new with these tutorials . 1. Beautiful Slide Out Navigation Demo This tutorials shows how to create a slide out menu that stays on the left of the webpage. 2. Demo We have seen some sliding background with jQuery before. 3. jQuery AJAX Tabs Demo A neat, simple, fast jQuery tabs tutorial. 4. Demo This menu tutorial is in two parts and really an awesome menu tutorial. 5. Demo An easy to understand jQuery Pagination tutorial. 6. DemoIf you are thinking why would anyone one want to do this, here is an example: if you are running a music website, need people to vote for albums or lets say a wallpaper website, you can use the technique for this tutorial. 7. Demo 8. Demo 9. Demo 10. Demo 11. 12. 13. Demo. CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator.

CSS Cheat Sheet. 40 Online Generators for Web Designers Should Bookmark. Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. We all know that backgrounds play a crucial role in a design. Web Designers sometimes spend a lot of time in making pattern or stripe backgrounds and there are also tool to help you out here. In this article, I have listed some of the online generators that can save you some time and still give you great results.

Advertisement 1. 2. The web form generator from Web Form Factory automatically generates he necessary backend code to tie your form to a database. 3. 6. Nice and Free CSS Templates. Making A Cool Login System With PHP, MySQL. Martin Angelov Introduction Today we are making a cool & simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process.

It is going to be PHP driven and store all the registrations into a MySQL database. To add the needed flair, we are using the amazing sliding jQuery panel, developed by Web-kreation. Step 1 – MySQL First we have to create the table that will hold all the registrations. Table.sql CREATE TABLE `tz_members` ( `id` int(11) NOT NULL auto_increment, `usr` varchar(32) collate utf8_unicode_ci NOT NULL default '', `pass` varchar(32) collate utf8_unicode_ci NOT NULL default '', `email` varchar(255) collate utf8_unicode_ci NOT NULL default '', `regIP` varchar(15) collate utf8_unicode_ci NOT NULL default '', `dt` datetime NOT NULL default '0000-00-00 00:00:00', PRIMARY KEY (`id`), UNIQUE KEY `usr` (`usr`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; Step 2 – XHTML demo.php demo.css. 50+ Pattern Sets To Spice Up Your Website’s Background | Onextrapixel - S...

Have you ever felt bored with the plain colored background on your website? When a plain colored background can’t create the mood you want to present in your design, maybe you should try to improve your design by using a tiled pattern for your background. Though repetitive patterns often remind us of the old-fashioned era, sometimes a pattern can also be the answer to your confusion in taking your design appearance to the next level.

Let’s take a look at some examples of nice websites with a repetitive pattern as the background below. Some Good Examples Kaleidoscope From Kaleidoscope website, we learn that a patterned background can be combined with some colorful elements and the result is still eye-catching. For web-designers with great talent in illustration, they can mix and match a colorful illustration and paste it on a repetitive background to make the design more memorable like what we see on the Hugs For Monster website. Hugs For Monster Elitist Snob Pixel Pattern Pattern 6 LVU Pattern. 50 Powerful Time-Savers For Web Designers - Smashing Magazine. Being a web designer is not easy.

Not only do we need to have a good understanding about visual design, typography, information architecture, psychology and a plethora of other disciplines; in our work, we need to take care of so many details, so that our job becomes more and more time-consuming, requiring dozens of tools, attention span and an effective workflow for beautiful, timely and functional results. And this is where small time-savers become handy. Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient.

And this is why we keep collecting them for Smashing Magazine’s readers. Whether you like lists or not: this one will probably help you find those little nuggets out there that will help you avoid headaches and stress. Below we present useful time-savers for web designers. Time-Savers For Web Designers Link try ruby!