background preloader

Design

Facebook Twitter

Font Collection: 10 Free Geometric Sans-Serif Fonts (Vol. 2) Geometric sans-serif fonts look clean and professional, with a contemporary flare about them.

Font Collection: 10 Free Geometric Sans-Serif Fonts (Vol. 2)

Use this class of fonts when you desire elegance and modernity in your designs. This is our second collection of free geometric sans-serif fonts. Check out the first collection as well. 1. Raleway Download Page 2. Resources. Amazing CSS3 techniques you should know. Color animate any shape with CSS3 and a PNG Let’s start this compilation with an interesting effect created using only CSS3: A png image with a changing background.

Amazing CSS3 techniques you should know

The background is using CSS3 transitions. Not the kind of effect you’ll put on your website, but definitely an interesting demo of what CSS3 can do.View source: Create adaptable layout using CSS3 media queries CSS3 media queries allow you to adapt a web layout to the browser width. Dim entire page when certain link is rolled over, css way Very cool for web apps: Once a particular link is rolled over, the rest of the page is dimmed. jQuery Plugins for Styling Checkbox & Radio Buttons. The Checkbox and radio button versions of input elements used in forms on the web are amongst the most difficult to style according to your overall web design.

jQuery Plugins for Styling Checkbox & Radio Buttons

These elements will display differently depending on the user’s operating system, but we can change their appearance globally with the help of jQuery. This roundup links up 12 handy resources for styling your form elements, from clean and minimal button styles to unique iPhone style toggle switches. Visit the plugin homepage Visit the plugin homepage Visit the plugin homepage Visit the plugin homepage Visit the plugin homepage Visit the plugin homepage Visit the plugin homepage.

50 Fresh & Free Icon Sets For Web Designers. InShare22 On the web there is a great amount of free beautiful icon sets.

50 Fresh & Free Icon Sets For Web Designers

And it’s really nice that some talented designers and artists are sharing their works by providing us some useful stuff for free. In this post we would like to present you 50 amazing and free icon sets which you can use for your web designs or your desktop. Please be sure to read the license agreements carefully before using all icons since this can change from time to time. Enjoy! 10 Important UI Design Considerations for Web Apps. When I finished building my first web app (CompVersions, which allows you to collect feedback from clients), I was surprised at the number of user interface decisions and considerations I hadn’t accounted for at the beginning of my journey.

10 Important UI Design Considerations for Web Apps

70 Free PSD Web UI Elements For Designers. 56 Pure CSS Effects Javascript Alternatives Including Demos. Cascading Style Sheet (CSS) is a document format which provides a set of style rules which can then be incorporated in an XHTML or HTML document. It is a means to separate web content from formatting and presentation information. Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community. This is where we come in. We are always looking to collect such articles for our posts so that we can deliver the most useful and relevant content to our readers. Create a Grid Based Web Design in HTML5 & CSS3. Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3.

Create a Grid Based Web Design in HTML5 & CSS3

We’ll build the HTML structure with the latest elements then style up the appearance of the site with CSS3 affects to match the original Photoshop concept with minimal use of background images. The design we’ll be coding up is for a fictional eyewear brand named OPTIK. If you’re interested in seeing how the design concept was created in Photoshop, head over to Blog.SpoonGraphics so see part one of the tutorial.

Essentially the page is based on an underlying grid and features a few key focal elements to direct the user towards the various ranges of eyewear. View the Photoshop design tutorial. Patterns 1. Download Favorite colourful striped patterns (tiled). compatible with Photoshop CS and up. image pack included.

Patterns 1

The League of Moveable Type. [CG Textures] - Textures for 3D, graphic design and Photoshop! 50 Best Free Thin Fonts. Les packs d'icones gratuites du mois d'avril 2011. Après quelques mois d'absence, la rubrique consacrée aux icones gratuites du mois est de retour. Retrouvez les meilleurs packs d'icones gratuites du mois d'avril 2011. Icones d'applications carrées 3D 28 icones au format PNG et ICO sur les logiciels comme Google Chrome, Interne Explorer, Firefox, Safari, Photoshop, Illustrator, Flash, windows media player, VLC player, notepad, explorer ...

Télécharger le pack Favicons de sites sociaux et applications 22 icones au format PNG de favicons de sites web connus: Twitter, Facebook, picassa, Gmail, delicious ... 30 Inspirating Examples of Association Websites. 39 Box Shadows. Top 10 CSS 3 forms tutorials - CatsWhoCode.com. 20 Professional Headline Fresh and Free Fonts. To help with your search for a clean and professional headline font we have twenty fresh fonts you may consider using.

20 Professional Headline Fresh and Free Fonts

For your content to make an impact with readers, whether that be web or print, you do need to have a title that is not only descriptive and attention grabbing but also designed clearly and legible. Choosing that font can be a very difficult task. You could search through the multitude of free font directories, and scan through their thousands upon thousands of fonts. But, the most of the fonts that you will find are not really suited for giving a professional look to your headlines. All of the below fonts have been confirmed to be free to use on either personal or commercial projects, but please do check the licenses just in case they do change (it can happen).