background preloader

Learn Web Design: 50+ of the Best Online Educational Resources to Learn to Build Web Sites

Tutorials & Guides Free or Low Cost Keep your hard-earned dollars in your pocket Text-Based Good for those who like to learn via reading and see text code examples Shay Howe's Guides to HTML & CSS Shay Howe bundles HTML and CSS into one learning block that is beginner-friendly and well organized. Those who have the basics can continue with his advanced guide, which expands the concepts previously learned and specifically aims to help designers broaden and shore up their HTML, CSS and jQuery skills. HTML 101 at Berkeley Knight Digital Media Center While this resource is provided by a very credible source, its intended audience is not hardcore developers but career journalists and communication professionals. Web Development for Beginners from WebPlatform Web Development for Beginners is a survey of the essential skills necessary for a web developer to be able to execute code efficiently and effectively, even with little to no skill. The HTML & CSS Book from Wiley Books Online Courses Codecademy

http://www.skilledup.com/learn-web-design-guide/

Related:  website designVisual DesignHTML / CSSOnline Education

How to Write a Great Creative Brief by Jay Musselwhite, Jaymus LLC As many of you know, I partner with a variety of talented vendors to deliver what my clients need. Jay is one such vendor. So when I saw his article on writing a creative brief, I wanted to share it with you. While we hope you pick BBR Marketing for your creative and Web projects, providing this level of detail and type of information will make the process move forward more smoothly, and typically deliver more quickly, no matter who you use. Enjoy and learn! 11 Steps to a Perfect Logo Spanish industrial designer Borja Acosta de Vizcaino has created a simple guide that teaches readers how to create the perfect logo in 11 steps. His guide was based on the 4 essential rules of effective logo design by Webdesigner Deport.

Coder's Block Blog / Fun Times with CSS Counters CSS counters are one of those “oh neat, didn’t know CSS could do that” features with a lot of interesting potential. In simple terms, they let you keep a running tally of things in CSS — no JavaScript needed. Basic Counter Here’s an easy pagination example to get us started: The numbers you see aren’t hardcoded in HTML. They’re generated in CSS with this: 12 Dozen Places To Educate Yourself Online For Free All education is self-education. Period. It doesn’t matter if you’re sitting in a college classroom or a coffee shop. We don’t learn anything we don’t want to learn. The @Font-Face Rule And Useful Web Font Tricks Advertisement The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there. Instead, there’s quite a variety, as you will get to know in this article. This quick introduction to @font-face will lead you towards a guide through the @font-face kit generator. If you want to make Web use of your already licensed desktop fonts, read up on how to embed them from your own server.

Planning a Dynamic Site with Macromedia Studio MX 2004 This chapter is from the book  When one introduces complexity into the web design process, one also creates a management problem. The problem is retaining the consistency of design throughout the project. 20 Inspiring Posters with Design Quotes Design exits for as long as humans are on this planet. It is a very creative process and requires exceptional skills, talent and lots of hard work. Today I’ve collected some of the most inspiring design quotes on creating, inventing, polishing and achieving success in design scene. In this collection you will find 20 inspiring posters with intelligent design quotes. CSS3 Animation Cheat Sheet - Justin Aguilar How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated.

Related:  Knowledge