50 Free High-Quality and “New” (X)HTML/CSS Templates
In this post, we’ll showcase 50 Free high-quality & New (X)HTML/CSS template (some of them include the PSD-source files). You will also find among these elegant templates a very well written step-by-step tutorials showing you how to create your own. Hopefully some of these will meet your expectations and come in handy in your projects.
You will have to check the license first for any restrictions or guidelines before using any template.
Read the rest of this entry »
15 Effective Tips and Tricks from the Masters of CSS
There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these “tips” know what they’re talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively.
But that’s not the case with the experts below. They’re all well-known for their mastery of CSS and all that goes along with it. Read on for their tips and tricks with regards to everything from avoiding hacks to understanding the box model.
Posted in: CSS
10 Intelligent Ways of using [FORM] Elements
![10 Intelligent Ways of using [FORM] Elements](http://noupe.com/img/form-usages-3.jpg)
When you combine some neat functionality courtesy of PHP with the cleverness of javascript you can produce some pretty smart results using the <form> tag. In an effort to help you take it up a notch, we’d like to share some methods for helping your site anticipate a user’s next move.
The post below is made up of 10 smart and intelligent ways of using <form> elements to produce some neat effects, components and plugins, they are all of the highest quality and more or less easy to configure. Give them a try.
Posted in: CSS, Javascript
20+ Wicked Proof of Concepts for Better use of jQuery/CSS
The web is a perfect playground for lots of creative designers and developers. Static HTML is just boring and these days the user wants to see some more eye candy from/on the web. By using and/or combining awesome web techniques like JavaScript (and of course, jQuery), CSS(3) and Flash (or Adobe Flex) this kind of interaction can be achieved.
Since "the sky is the limit" with these techniques, the programmers can get really creative and innovative. Some really like to take it to the next level and want to show off their use of the technique, even if it doesn’t have any practical use. These Proof of Concepts are just created because they CAN. Most of them are just really for fun or just beautiful to watch.
These PoC’s (or experiments) show off some serious power and potential, but don’t have any real practical use (yet). They’re insanely cool to watch, but really seek some better use.
Posted in: CSS
5 Popular CSS Frameworks + Tutorials & Tools for Getting Started
CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love.
Main features of good CSS Framework is to 1) rapidly speed up our development time, 2) should have a very small size, 3) have good documentation and tutorials and 4) have clean grid structure. You will need a basic understanding of the CSS framework you are going to use to understand why and how things get solved.
In today’s post we present an overview of the 5 most popular CSS Frameworks; showcasing handpicked tutorials for using each of them among other useful tools and resources you will definitely find useful and time-saving.
Don’t Forget to…
subscribe to our RSS-Feed and visit my twitter page : nourayehia get notified when our next post is here.
Posted in: CSS
Using Javascript to Fix 12 Common Browser Headaches
We advocate using CSS whenever possible, and we often successed. Modern browsers have very good support for CSS — it’s certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers.
Don’t worry too much if you don’t know the reason why, play around with the CSS rules and check out this post: Using CSS to Fix Anything: 20+ Common Bugs and Fixes as well.
If that doesn’t work, you can fix it up with one of the 12 javascript solutions listed below and your Web pages should look great across all browsers!
In this article, we’ll demystify 12 javascript solutions for the most common CSS issues that you’ll encounter when building web applications.
You might be interested to check other CSS related posts.
Posted in: CSS, Javascript, jquery
CSS Typography: Contrast Techniques, Tutorials and Best Practices
The main advantage of elegant CSS typography lies in its ability to be both attractive and improves the user experience. When chosen wisely and used carefully, it can be very effective to support the overall design. There are many outstanding examples of how we can do this, and below you will find some of the best ideas and tips when it comes to using Fonts and typography in your CSS based sites.
Read the rest of this entry »
Form Elements: 40+ CSS/JS Styling and Functionality Techniques
Designing effective web forms isn’t easy, as we need to figure out more practical styling and functionality techniques to provide a great user experience.
Recently there have been a number of noteworthy techniques such as styling different form fields, live validation, Context highlighting, trading options from field to another, slider controls and more - using CSS and different Javascript libraries. Below we present findings of search to more than 40 tutorials and demos to showcase the capabilities and robustness of CSS and Javascript.
You might be interested to check other CSS related posts:
CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices
The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of visitors. Some important tips and related key-factors can help to learn basics and keep essential techniques in mind. And this is what this article is all about. Finding the perfect Layout that have Total Flexibility, Equal Height Columns and just works fine.
So we’ve decided to take a deep look at articles about CSS-based layouts and the result was a list of 40 tutorials, resources and best practices offering gorgeous and valid CSS-based Layouts.
You might be interested to check other CSS related posts:
CSS-Styled Lists: Demo
After seeing the amazing response to our previous post CSS-Styled Lists: 20+ Demos, Tutorials and Best Practices, we wanted to share with you a simple demo we created that showcase some of the most used design blocks created that are differently styled and enhanced give us a nice and clean design blocks using CSS-Styled Lists.
Posted in: CSS
4th Jul | Sophia Lucero
Let’s throw the design rules out of the window and enjoy a little bit of chaos!
4th Jul | Akhtar Sheikha
The list of collection Thirty One coolest business cards to inspire you.
4th Jul | Akhtar Sheikha
Coolest list of inspirational packaging designs.
4th Jul | Thomas
Minimal Websites are interesting because it\’s a way to let visitors focus on the content. We just mixed the best of Minimalist design featured on CssLeak since 2007. There is 50 websites order by popularity.
4th Jul | Andrew Houle
A free set of 10 hi-res photoshop brushes of weathered maps.
4th Jul | Mike
This blog shows creative and inspiration photos from original weddings in the San Francisco Bay Area.
4th Jul | Dainis Graveris
There are millions of blogs around the world, so it\’s really a challenge to stand out with unique design. Get inspired, to help you create really unusual design!
4th Jul | Aaron Irizarry
In this weeks vidcast we talk about mediocrity in our approach to product launches, as well as using wisdom in our timing when pursing our passions.
4th Jul | Adi
In our daily web hunting raids we have spotted another interesting & good-looking trend - the fluid grid-based layout, mostly used by galleries and visual inspiration blogs.
4th Jul | Zach Dunn
We hold these truths to be self-evident, that creativity exists in all designers, and they are endowed by Common Sense and the W3C certain rights, that among those are Web Standards, Sanity, and Creative Commons.
4th Jul | Bariski
A roundup post for June 2009 for TutZone 
4th Jul | Bariski
A contact form provides an easy way for your visitors and your readers to get in touch with you from your blog itself.
4th Jul | Grafpedia
If you want to create your own custom blog design follow this easy tutorial to learn how to design a wordpress theme in Photoshop
4th Jul | Grafpedia
If you want to create your own custom blog design follow this easy tutorial to learn how to design a wordpress theme in Photoshop
4th Jul | piervix
In this selection I am glad to present you some of the best fonts to realize nice retro design. The fonts (20+) of this list are absolutely free and you can freely use these resources for your designs, click on the images below to download them.
4th Jul | DerekKimball
Walkthrough showing you how to easily paint a stunning portrait using Photoshop.
4th Jul | DerekKimball
Free high quality image downloads to use for personal or commercial projects. Updated weekly.
4th Jul | webaddicty
Want to do some creativity with your web design? Want to do something innovative and inspiring? Looking for something that helps you to boost your creativity with an amazing idea?
4th Jul | shravan
These are some digital artworks created using Typography in the art. The designs have been collected from Flickr and I can bet they these are some designs which any designer would like to include in his work once.
3rd Jul | Brian Hoff
20 questions to ask your clients prior to beginning their new logo design.
3rd Jul | DannyOutlaw
While I was researching vintage ads for this Photoshop tutorial, I came across a few Coppertne Sunscreen ads that were the perfect combination of pinup and vintage ad.
3rd Jul | Mike P.
It\’s no secret that we can see fountains in every city we travel to, and the bigger, more colorful it is, the bigger the hype. In this presentation, you will see some of the most famous, beautiful and creative fountains around the world.
3rd Jul | sickdesigner
Guitars are an awesome source of inspiration to me, both musically and visually. So with this post I set out to share some of the most inspiring guitars I know of with you guys, the great community (yeah, both of you) of sickdesigner.com
3rd Jul | Karthik Viswanathan
Infrared photography is a type of photo-capturing where the camera recognizes infrared light. It puts a whole new meaning to what we know as regular pictures. Though infrared photos may not seem appealing, they can easily present a new perspective.
3rd Jul | Webdesigner Depot
Coffee or Latte art consists of the pouring of steamed milk into a shot of espresso generating a pattern or design on the surface.
3rd Jul | QBrushes
Here is a top 30 list of Gimp tutorials hand selected by Gimper and SGlider12 that will help you to add many new Gimp design techniques to your arsenal.
3rd Jul | WebAir
Today we show you 44 Creative and Smart Advertisements that we have found in recent times.
3rd Jul | Divya
Inspirations, resources, examples, articles, tips, tricks, tutorial and more only for our readers. All this inspirations will help you designers and developers in you daily activities.
3rd Jul | nanodon
I have always seen that a collection of Business Cards on internet sells like hot cakes. Countless people regularly browse net in search of fresh, catchy, professional, vibrant Business Cards.
3rd Jul | Michael Wilson
A showcase of work from the hugely talented designer, Emil Kozak
3rd Jul | gizelle
Another set of texture freebies that you can use for free in your designs, both personal and commercial. This set contains pictures of grass and leaves in high resolution format.
3rd Jul | Charlotte-OXP
If content is the heart of every website publication, navigation is its brain and a fundamental pillar of information architecture design. When dealing with large quantities of content, the critical importance of navigation cannot be overestimated.
3rd Jul | Dainis
We collect top 50 best art works. In this set are great design elements, that you can use in you photoshop works. I hope these works will inspire you. Here you will find many fantasy scenes.
3rd Jul | piervix
The Best of Web selected by PV.M Garage. Every month I take a look around and select some of the most interesting readings and resources published on great and useful websites.
I hope you’ll find useful these bookmarks. June was a…
3rd Jul | Losi
If you only get to go to one of these locations it’s an experience that you will never forget and all are photography destination that we all crave for!
3rd Jul | John Lloyd
Here’s a quick little tip on how to build a map with hoverable regions with a few little CSS tricks.
3rd Jul | Thomson
Sequential logos is a new trend among logo designers. A sequential logos is a concept of demonstrating movement and mark harmonious progress of a company.
3rd Jul | Michael Wilson
A round up of the best web design content from the day
3rd Jul | Dainis Graveris
Official Twitter badges are boring, let\’s put something fresh in your design! This list showcases all the best Twitter related icons available on Internet!
3rd Jul | Sam Thomas
Google.com and its competitors are great tools for keyword based searches and they also provide great advanced search tools. These advanced search tools are what led me to look into several unique search engines that aren’t Google.
