background preloader

Resources

Facebook Twitter

BLUE VERTIGO | Web Design Resources Links | Last update FEB.25.2014. 100 Great CSS Menu Tutorials. Navigation is such an important part of your website. It’s how your visitors navigate to the main areas of your site and makes it easy for them to find your good content.

CSS is of course the perfect language for designing beautiful navigation menus. It can be applied to any type of website and is very flexible. Don’t be alarmed if your own CSS skills are fairly limited as there are a lot of great tutorials out there that walk you through how to add clean and professional looking CSS menus to your website. You can either copy and paste the code into your own design or modify the menu to suit your needs. Today we would like to show you 100 of these tutorials; 75 horizontal CSS menu tutorials and 25 vertical CSS menu tutorials.

Horizontal CSS Menu Tutorials 1. View Tutorial | Demo 2. View Tutorial | Demo 3. View Tutorial & Demo 4. View Tutorial | Demo 5. View Tutorial | Demo 6. View Tutorial | Demo 7. View Tutorial | Demo 8. View Tutorial 9. View Tutorial | Demo 10. View Tutorial | Demo 11. 12. 13. Create your QR code.

Website Optimization Tools - Media4x. Goldee - Smart Light Controller. Creative Flat UI Kits for Designers | Graphics Design. Flat design flat user interface kits with a huge amounts of web elements for graphic designers. Flat UI Kits was designed to help you design complete websites in Photoshop easily in few minutes. All Kits are fully layered and grouped and well organized PSD format. So it’s easy to modify and customize everything. All elements are easy to resize and change colors. Here is the list of Flat Design UI Kits which are playing a very important role in interface designing. Flat design involves a lot of creativity, inspiration and motivation along with the people-skills necessary to communicate effectively with clients. You might be interested to read: Recieve our RSS updates via email, simply enter your email address & click subscribe.

UI design kits are the basic requirement of any web related projects and good quality design elements are like a treasure for designers. Enjoy! Blog/Magazine UI Kit Blog/Magazine UI Kit Momonosuke UI Momonosuke UI Flat Design User Interface Elements Free Flat Bank UI. 100+ Best Free jQuery CSS Image Hover Effect Demos & Plugins. October 11, 2013 • By Joe Howard • In Web Design JQeury hover effects add a nice finishing touch to any website or project. With increasing support of jQuery on modern broswers, along with HTML5 and CSS3 integration, hover effects have become more powerful and easier to implement than ever.

Whether you are using hover effects for images, text, buttons, there are a number of free solutions on the web. Today we have brought you this awesome collection of the best 100 free jQuery CSS image hover effects including both demos and plugins. We hope you find something useful here for your project. Enjoy. Expanding Overlay Effect A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. More / Info View Demo 3D Thumbnail Hover Effect A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery. More / Info View Demo Scrolable thumbs Menu In this tutorial we will create a fixed menu with scrollable thumbs. More / Info.

Charts & Data visualization

14 Informative & Free e-books for Web Designers. Editor’s note: For a newer, updated version of this post, check it out here. Are you looking to gain a little experience in web design, coding or typography? Lucky for us, we no longer have to go through lengthy and boring books to get started on becoming a web designer. There are now plenty of good e-books available that will provide you with tips and examples to help you get into and flourish in web design. To that end, I have put together a collection of 15 informative web design e-books that are available for free on the Internet. Most of these books contain first-hand tips from web design experts.

Recommended Reading: 25 Useful Books For Web Designers And Developers Web Design Book of Trends, 2013-2014 by Marcin Treder This is a very good e-book for those who want to keep themselves updated with the latest trends in web design. 11 current trends and 165 visually attractive examples are featured in this e-book. Learning Web Design, 3rd Edition by Jennifer Niederst Robbins. Blog de Diseño Web. Gana un template GRATIS ¿Quieres un soplo de aire fresco para tu blog y estás buscando un nuevo template?

¿Lo quires G-R-A-T-I-S? ¡Bingo! Este puede ser tu momento de gloria. TemplateMonster te ofrece la oportunidad de participar en un concurso realmente interesante en el que sortea 3 templates totalmente gratis. Como todos sabemos, TemplateMonsterhace más fácil el diseño web mediante plantillas y ahora, nos invita a participar en el sorteo de 3 plantillas. Ya sea cms, blog – WordPress, Joomla o Drupal, esta es tu oportunidad de darle a tu web un aspecto renovado y profesional. Lo único que tienes que hacer es participar ¡Y puedes ganar un Template por la cara!

Te lo explicamos paso a paso para que tú también puedas concursar por un template valorado entre 50 y 85 euros totalmente gratis. ¿Qué tengo que hacer para ganar mi Template? TemplateMonster.com Puedes ganar cualquier plantilla cms o blog – wordpress, joomla, drupal. ¿Cómo se eligen los ganadores? Comparte este Blog de Diseño Web. Design Gallery, Articles & Community | Design Shack.

Chrome DevTools. 10 High Detail Free Vector World Maps. In this article, you will find free vector maps with the highest detail and accuracy that you can get. It were designed specifically for designers and others to be used by everyone for whatever the project. The used format are : .ai (Illustrator) , .eps or .svg . Free PSDs & Resources for Web Designers by Orman Clark. Roundabout for jQuery by Fred LeBlanc. It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results. Roundabout requires jQuery (at least version 1.2, successfully tested through version 1.7.2).

It works in all major modern browsers and even some of the older, not-so-modern ones. It’s open source and released under the BSD license, meaning that it’s free to use in your personal or commercial projects. See Roundabout In Action Add-Ons Roundabout is equipped to play nicely with a couple of other plugins if they’re made available. Roundabout Shapes by Fred LeBlanc Roundabout can move in more ways than just a turntable. But That’s Not All! The list above is only a list of the plugins that have support baked in, but Roundabout will play nicely with many other plugins. Learn Support New in V2 The code is also a lot cleaner and better commented, which will hopefully allow you to get in there and tweak if you want to. to this: Usage.

Recursos para Diseñadores Gráficos y Web. Portfolio | Ian Lunn - Front End Developer. Create your QR code. Bind Tuning | Online Theme Customization. Unheap - A tidy repository of jQuery plugins. Design Tips, Tutorials and Inspiration - Hongkiat.com.

TinyPNG – Compress PNG images while preserving transparency. Freepik. Sticky Position. Candy canes tart pie biscuit. Cupcake liquorice cake dessert tootsie roll applicake pastry. Soufflé chocolate bar macaroon powder macaroon fruitcake donut. Apple pie biscuit wypas toffee caramels wafer lollipop cotton candy. Sweet roll apple pie chupa chups tart bonbon. Cheesecake gummies applicake cotton candy dragée wafer candy canes sugar plum sweet roll. Powder marshmallow bear claw topping. Jujubes icing carrot cake powder jelly-o sesame snaps toffee pie jelly-o.

Wafer jelly tiramisu cotton candy faworki cookie bear claw bonbon. Tools & Technologies of Design. Rotar texto en IE8. Pens picked by the Editors of CodePen. Screensiz.es.

Jquery

Create Your Icon Fonts - Free icon Vectors - Fontastic. 3D Isometric Map Mockup (Psd, Action) A 3D map Photoshop action to convert a flat map to a three dimensional isometric stylish one a single click. Today’s psd freebies is the biggest so far, it took time and hard work to finish this for our visitors. As you see in the thumb image above, this cool Photoshop action will transform any vector smart object shape to a 3d isometric one; although meant for maps, you can convert anything to this isometric 3D nice effect.

This might include fonts, logos or anything else. To be honest, this specific freebie was inspired by another artist’s work which we have seen on the web. Although the concept is similar, all styles, maps, objects, trees & extras are our own unique style.So here’s how it works : First, you should install all the actions, styles and patterns to Photoshop. Now, after your have had all the above needed elements installed, you can open a new Photoshop document with a recommended size of 2000 px wide and a resolution of 300 dpi.

Finally, lets decorate our map. Download.