background preloader

Web design

Facebook Twitter

Ronnie Pye sur Twitter : "15 Handy Freebies for Designers #html5 #css3 #php #uidesign #website #webdesign #UI #uxdesign. 15 Handy Freebies for Designers | Code Geekz. Today, we are continuing with monthly roundup of best free resources for web designers, for this roundup we have included web applications, fonts, ui kits, design resources, templates and many more. The following list contains free stuff that surely pretty useful for designers from beginners to experts, so, free up your hard-drives to download following free stuff instantly. If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @codegeekz to be considered! 1. Pexels is a huge platform for free stock photos. 2. SmartIcons is a project that’s putting together thousands of useful icons into a smart icon system and giving them away for free. 3. Purple is a UI kit for all of Heroku’s digital properties. 4.

A beautiful, cool set of icons in a flat style, editable with Sketch. 5. 6. Muir Icons is a collection of icons designed to match OS X Yosemite. 7. 8. 9. 10. Online Courses for Web Designers and Developers. Web designing and developing are becoming very popular careers among the new generation. With new techniques coming almost every day, it becomes very confusing for designers and developers to understand all the techniques. But thanks to the Internet, there are plenty of online courses where you can get all the information you need regarding designing and development.

Some of them are paid while others are free but, they all come very handy when you want to learn the proper techniques of designing and developing. I have made a list of 20 courses found online which you can learn everything about web designing. Here it goes: 1. 1WD.tv 1WD.tv is a place where you can learn to get clients and make money online. You will learn about: WordPressFreelancingCSS,BootCamp and Responsive designing 2. This is a course offered by Udemy. 3.

Another one of Udemy’s courses is CSS & HTML For Beginners. The course is available in US$27. 4. This course is offered by Udacity. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 20 Premium and Free Admin Templates for Web Designers. Have you ever designed an admin template so far? The process is very time consuming most of the time.

To make things easier for you we compiled this list of 20 premium and free admin templates for you to download and use in your own projects. These are all professional premium and free admin templates, with lots of cool features and high quality designs. Enjoy! Want more inspiration? Free Admin Template – PSD Download This free admin panel PSD template follows the design trends in modern day admin panels. INADMIN is a new FREE administration panel. Charisma – free, responsive, multiple skin admin template Charisma is a fully featured, free, premium quality, responsive, HTML5 admin template based on Bootstrap from Twitter. Free admin skin available This free admin skin combines beautiful web designs with user friendly applications.

Apricot Bootstrap 3 Admin Dashboard Template Apricot Bootstrap 3 Admin Dashboard Template is an admin template build with bootstrap. About the Author Iggy Ko. CSS Box Shadow. In this series we are going to start off with shadows. With CSS shadows, you can add depth, height and dimension to your text, boxes and buttons.

It will enhance the appearance of your websites, redirect attention to key locations such as box ads or interesting products when used properly. The Box Shadow is a CSS3 property, meaning that it is a newer CSS and not compatible with older browsers like in Windows XP. (Note, if you are still using XP, you are missing out on better internet and shopping experiences.) syntax: box-shadow: left/right up/down blur-distance color; sample: box-shadow: 15px 15px 15px #000; sample2: box-shadow: 10px 7px 10px black; Lets dive in with the simpleset of them all, the Box-Shadow: syntax: box-shadow: left/right up/down blur-distance color; In the syntax above you will notice that the box-shadow property has 4 characteristics that will be used.

Let’s build a box shadow with only the right/left property: BOX SHADOW Light Source top left BOX SHADOW Blur 15px Iggy Ko. Box of Bundles. Wordpress Themes. Css Zen Garden: The Beauty in CSS Design. W3Schools Online Web Tutorials.