Font Collection: 10 Free Geometric Sans-Serif Fonts (Vol. 2) Geometric sans-serif fonts look clean and professional, with a contemporary flare about them. 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. Download Page 2. Download Page 3.
Download Page 4. Download Page 5. Download Page 6. Download Page 7. Download Page 8. Download Page 9. Download Page 10. Download Page Author: Jacob Gube. 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. 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. Which means that you can easily create an adaptable layout that fits both big displays and mobile devices. You probably already checked my article on that subject, so I’ve picked another informative tutorial written by webdesigner Nick La. 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.
Clipping text with CSS3 text-overflow Full Browser Width Bars CSS Mask-Image & Text Image slider with CSS3 transitions. 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. 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 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. 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! Harmonia Pastelis Icon Set Download Summer, Love + Cicadas Icon Set Download MODEEEERN Icon Sett Download Icon Set by Jakob Metzger Icon Set contains 27 .png dock icons and 25 .ico files. Download Gaia10 Icon set Download Follow Me Icons Vol.1 4 png icons for blog following, including Twitter, Facebook, Feed and Favorite. Download Comic Icons by Fasticon.com Download Easter Bunny 3 vectorial rabbit faces for easter holiday designs. Download Burnt Wood: A Social Media Icon Set The package contains 12 icons for many of the popular social sharing sites. 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.
I’d like to share some of those things with you. Many of these design considerations might seem superficially obvious, but once you’re going through the design and development process, it’s easy to forget about them because they’re like condiments — you hardly notice them when they’re there, but if they’re missing, your food just doesn’t taste right. Blank State The blank state is how your app will look and function when the user hasn’t entered any data yet (except perhaps their email address after signing up for an account). This state is a critical time for retaining users, because, at this point, users haven’t had enough invested into using the app for them to be discouraged to look for another solution. Dropbox has an interesting approach. ... 70 Free PSD Web UI Elements For Designers. 56 Pure CSS Effects Javascript Alternatives Including Demos | Designs Mag (Designs Magazine)
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. 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 I know I mentioned we’d build the website with minimal background images, but there’s still a few graphics that need pulling out of the Photoshop concept that just can’t be recreated in HTML or CSS (…yet!).
In the original concept we saved two versions of the range graphics. <! <! Patterns 1. Download Favorite colourful striped patterns (tiled). compatible with Photoshop CS and up. image pack included. DONATE @ You May Also Like Sponsored Images Add Your Review ahmedzakarya345 ThankYou Po angpegzeh ThankYou Po :)) mss0990 감사합니다 carlosnxs Muito bom, um dos melhores! Close Close You have permission to view, download, edit and remix the contents of this file for personal and commercial purposes. Create Your Account! Your very own profile to promote your freebies. By creating an account, you agree to our Privacy Policy & Terms of Use close Login to Brusheezy Forgot your password? Don't have an account?
Forgot your password? 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 ...
Télécharger les favicons iDroid - Un pack d'icones gratuites style Android 52 icones carrées de type Android au format PNG et PSD pour vos applications web et mobiles Télécharger les icones Un pack d'icones 16px à télécharger gratuitement 21 icones au format PNG en 16 * 16px pour applications web Télécharger le pack 100 icones rondes au format 32px à télécharger Plus de 100 icones au format PNG 32 * 32px à télécharger.
Télécharger le pack d'icones. 30 Inspirating Examples of Association Websites. 39 Box Shadows. Top 10 CSS 3 forms tutorials - CatsWhoCode.com. HTML5 & CSS3 form HTML5 introduced useful new form elements as such as sliders, numeric spinners and date pickers. This tutorial will show you how to create a form with HTML5, and make it look really cool with CSS3. A great way to get started in both CSS3 and HTML5.» View tutorial CSS3 form without images and JavaScript This tutorial is in French, but the result looks so good that I simply shouldn’t include it on that list. Stylish Contact Form with HTML5 & CSS3 I really love what British web developer Chris Spooner creates. Beautiful CSS3 Search Form Most search forms (Including the one I use on this site!)
Prettier Web Form with CSS 3 This pretty simple tutorial will show you how you can create a form using some basic CSS3 properties, such as box-shadow.» Slick CSS3 Login Form Once again, a simple tutorial to create a simple form using CSS3 but absolutely no images.» Glowform: Amazing CSS3 form Wow! Clean and Stylish CSS3 Form This form is simple, clean and stylish. 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. 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). Quattrocento (TT) License: SIL Open Font License (OFL). Dalle (TT & OT) License: This font is free to use with no restrictions. Elega (TT & OT) License: This font is free to use with no restrictions. Piron (OT) Lato.