Learning from mistakes in web designing

In this dog eats dog world of designers, it’s easy to compromise real education and skill upgrades and demote these into just ladders to get to the corporate goal. Sure, we acquire skills, but sometimes, in the process of it, we overlook the essentiality of matters, like learning from the misses and not just on the hits.

You’re Doing It All Wrong

When learning how to code, design or ship anything of note, it quickly becomes apparent that there are a thousand different ways to get to the same end product. No designer uses Photoshop in the exact same way and most developers have different frameworks, environments and strategies to solve the challenges at hand.

While it is important to stay up on current technology, it should never take more time than actually building something. Chances are you’re doing it wrong and that’s perfectly okay. In fact, I would encourage you to do more things the wrong way. Doing more things that are imperfect can be liberating.

We can get caught up in the technology without “seeing” our art objectively. We worry about Sass, Bootstrap, Backbone, Node, and Compass, or even worse, we take up valuable time learning them just enough to be on top of the industry. It’s not about the technology. Technology exists to make the creation of art easier. It’s not designed to be a constant distraction and deflector of real work getting done.

Read more on why doing it wrong can be good once in a while.

Anyway, you probably know by now that I’m a ‘learn HTML’ advocate and I’ve been posting this really good tutorial blog for HTML beginners as it comes out. Here’s the one on titles, headings and paragraphs:

HTML for Beginners: Titles. Headings. Paragraphs. (Part 3)

One of the things that you should realize when working with HTML is that it is not just a markup language that you need to use in order to create a Web page. HTML is highly readable and understandable, even though you are just looking at its code. For the most part, you would see how everything is structured just by looking at its code.

So looking at the source code, you would be able to look at an HTML document and understand how a page would look like.

With that in mind, you should be able to work pretty well with titles, paragraphs and headings.

Since Responsive Web Design is an ongoing trend for many web development. Here’s something for you to add to your shelves:

Complete Website Design

Pure: What, Why, & How?

Citing the Pure website, it is a set of small, responsive CSS modules that you can use in every web project.As said before, the complete library is really light, being only 4.2KB minified and gzipped, but to keep your website even lighter, you can include just some of the available modules. Basically, it’s composed of the following modules: Base, Grid, Forms, Buttons, Tables and Menus.

More on Pure here.

 There you go, I hope I’ve been able to help you in one way or another. As we all know, learning is an everyday thing. Any new thing, however useful or not, is a good thing to learn.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s