Friday, January 22, 2010

Web Design Resource Roundup .#1

 

Every week i love to share a lot of interesting stuff around the web contains a great content that helped me a lot and i think it will be useful for you.i also share more and more  great resources via twitter .so be sure to follow me on twitter . @cssah

Interviewing the front-end engineer

Interviewing a front-end engineer is an interesting task primarily because most are self-taught. Startups and large companies alike have equal trouble finding quality front-end engineers simply because they don’t know what to look for and which questions to ask. Having been around the industry for a while, I’ve developed my own methods for interviewing front-end engineers that I find to be very effective.

Zen Coding: A Speedy Way To Write HTML/CSS Code

How much time do you spend writing HTML code: all of those tags, attributes, quotes, braces, etc. You have it easier if your editor of choice has code-completion capabilities, but you still do a lot of typing.
We had the same problem in JavaScript world when we wanted to access a specific element on a Web page. We had to write a lot of code, which became really hard to support and reuse. And then JavaScript frameworks came along, which introduced CSS selector engines. Now, you can use simple CSS expressions to access DOM elements, which is pretty cool.



What’s Next in Web Design?

Thinking about what’s next online is fun because everything you wish to come true will come true. While commercial products obey to the laws of the market, which in part are influenced by the resources needed to create these products, the web is defined by the user. If the user wants something he will either get it or create it himself. To see beyond today’s limits of the web all we need to do is see what is needed.

Realism in UI Design .

The history of the visual design of user interfaces can be described as a gradual change towards more realism. As computers have become faster, designers have added increasingly realistic details such as color, 3D effects, shadows, translucency, and even simple physics. Some of these changes have helped usability. Shadows behind windows help us see which window is active. The physicality of the iPhone’s user interface makes the device more natural to use.

Complete beginners guide to interaction design .

Interaction design got its start only a few decades ago when the first interactive systems made their debut. Novel interfaces presented novel design challenges, and a new breed of designers emerged to accept it. Subsequently, a number of books were released that expressed the facets of this heretofore uncharted territory.

On Web Typography

There are many books and articles on typography, but considerably few explore typeface selection and pairing. With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start?

Setting Type on the Web to a Baseline Grid

We web designers get excited about the littlest things. Our friends in the print world must get a kick out of watching us talk about finally being able to achieve layouts on the web that they’ve taken for granted for years. Let’s face it: it’s easier these days to embed a video on the web than it is to set type consistently or align elements to a universal grid.

Taming Advanced CSS Selectors

CSS is one of the most powerful tools that is available to web designers (if not the most powerful). With it we can completely transform the look of a website in just a couple of minutes, and without even having to touch the markup. But despite the fact that we are all well aware of its usefulness, CSS selectors are still not used to their full potential and we sometimes have the tendency to litter our HTML with excessive and unnecessary classes and ids, divs and spans.

Designing With Grid-Based Approach

The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it’s quite hard to find your way through all the theory behind grid systems: it isn’t easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind.

Grid Based Design Toolbox .

My favorite place to go for Grid based design information is The Grid System. It’s a ‘must bookmark’ in my opinion. Don’t forget to check out the new Grid System Forum too. I’m a minimalist designer so I believe the grid is one of the most important elements of web design. There are many articles and resources on the web, I’ve chosen to pick through them all and compile my best resources/tools all in one fell swoop. Keep in mind, there are plenty of list posts out there but these are my ‘go to’ grid resources.

52 Blog Tips to Kick Start Your Blog in 2010

Over the week between Christmas and New Year I took the week off from blogging here on ProBlogger and posted a simple series of ‘best of posts’ from 2009 in 5 different categories.

blog comments powered by Disqus

Post a Comment

JavaScript String lastIndexOf OnTwik