Monday, February 8, 2010

Web Design Resource Roundup #3

Douglas Crockford / Chapter 2: And Then There Was JavaScript

Douglas Crockford is Yahoo!'s JavaScript architect and a member of the committee designing future versions of the world's most popular programming language. Over first three months of 2010, Douglas is delivering his acclaimed series of lectures on the history of JavaScript, its features, and its use.

 

15 Design Tips to Learn From Apple

There is no shortage of companies that follow popular design trends to appeal to a mass market. Much more rare is the breed of company that actually sets design trends. Today we’ll examine the techniques of a company that occupies the top of the design food chain: Apple.

 

The Missing Google Analytics Manual

Get the most out of your Google Analytics with this collection of links to implement, configure and get insights from Google Analytics. 

 

Five Principles to Design By

Too often people blame themselves for the shortcomings of technology. When their computer crashes, they say “I must have done something dumb”. If a web site is poorly designed, they say “I must be stupid. I can’t find it”. They might even turn to a book for Dummies to get it right.

 

50 Interviews of Popular Web Designers, Developers and Founders

What drives someone to become a success? Why do people persevere when the odds are against them? Is there a secret to becoming successful? The best way to find out is to interview people who have been there, and done that, who have spent their lives in a pursuit of success in one form or another. And that’s exactly what we has done in this amazing collection of interviews.

 

11 Common Web Design Mistakes (Blunders)

Building a website can be daunting but the real challenge lies in making it usable. The problem is most web designers forget that the website wasn’t created for themselves but to solve the users’ needs. They give creativity priority over practicality and usability.

Read more .

 

Choosing The Best CSS Framework: A Complete Guide

There are plenty of reasons to use a CSS Framework to build your websites. They can speed up development, make your sites more aesthetically pleasing, and they can help eliminate all those nasty cross-browser compatibility issues (though not all of them do this, or do it well). But it can also be a steep learning curve to figure out which framework you should use (or if you should use one at all) and then how to use it.

 

10 Things Every Good Web Developer Should Know (A Checklist)

My favorite thing about web development is the wide variety of skills it uses. Being a good developer means staying on your toes and always learning, because there are so many important skills and these are constantly changing.

Here’s a checklist of 10 skills that are some of the most important for good web developers to have. These focus a bit on front-end skills, but they apply to all developers

Tips for Designing Unique and Attractive Blog Posts

Designers have began to inject increasing levels of creativity into their blog posts and articles, throwing out the traditional and generic style of blog posts in favour of a much more attractive layout that’s themed specifically to the content. Let’s take a look at some of the best examples, and see what makes them work so well.

Monday, February 1, 2010

Web Design Resource Roundup .#2

 

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

the History of JavaScript lecture by : Douglas Crockford

Douglas Crockford is Yahoo!'s JavaScript architect and a member of the committee designing future versions of the world's most popular programming language. In the first three months of 2010, Douglas will be delivering his acclaimed series of lectures on the history of JavaScript, its features, and its use.

What to Expect in 2010: UX/UI Design Simplicity

In January of each year, we flip over the hourglass and, once again, we have everything in front of us. The new year gives us a clean slate, a chance for change and encouragement to evolve the way we do things. In the past, we’ve yielded to client and user requests to pack our website designs full of unrelated features and countless pages of duplicate information. The change we have been waiting for has come - our users have matured. 2010 is the year of Design Simplicity.

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.

Sunday, December 13, 2009

5 Elegant & stylish free icon sets.

As you can see i’m using a simple free icons on my navigation with css sprites, and i think the make it very simple and stylish.Because i’m using the best elegant icons on the web.I was looking for these icons along time and i found it.For that i want to share them just for you. They are free .Enjoy it.


15 Free Photoshop Custom Shapes: Web Icons & Buttons

15icons

Wednesday, December 9, 2009

Add Xhtml Code to Your Blogger Posts .

Are you using Blogger like me, want to write your own great tutorials with Xhtml, Css, javascript,  … code  .
Trying many plugins and scripts with a huge lines of code and more complexity,
none-readable.  What about the simplicity of code , you have to make your code more simple that readers could understand it.With one line of css code you can put your code properly .
With Simplecode you can put normal XHTML in the markup box  and it will spit out entity-encoded markup suitable for <code> tag,  and put the code between  <pre> tag ( ! important ) that  defines preformatted text.Once you get the code put it directly  into your posts .
But before that,  you have to put a simple line of Css into your blog template .Copy and past it.


pre  { 
        width: 580px; 
        padding: 10px;
        overflow: auto;
        border: 2px solid #ECECEC;
        background: #fff url(http://img260.imageshack.us/img260/3792/codebg.png) repeat; 
 }


Try this trick and if you have any problem with it just let me know .

Friday, November 13, 2009

best resources for every front-end developer.

Front-end developers they play the important role in web development process.The are responsible for coding, accessibility, performance and more …. .
Below i collect best resources for every front-end from the really useful steps to start
on to professional front-end development they helped me so much on my learning process.Hope you learn more about front-end process. If you have any other resources let me know on your comments .

steps to becoming a front-end web developer

Steps-to-becoming-a-front-end-web-developer

Friday, October 30, 2009

Get your colors from nature

How many time you start your project and every thing is ok, but the important thing colors is missing.You may user Adobe Kuler or any other colors tools around the web.But you say i want to get my own colors that will be unique .Why not try to get your colors outside your computer from nature ,magazines or any thing around you. You will reach your target .
Below is a simple  screencast of how can you get amazing color combination from  a nature image like a beautiful bird .
I hope you like it,if you have any idea about colors inspiration  i want to know it from you
.


Tuesday, October 13, 2009

Userfly a must-use service for web developers.

Today i discovered a very useful tool for every web developer.Userfly is the most amazing usability analytics tool I've seen!. Who wants to know more about what users do in their websites.Who wants to get a very detailed understanding of how users are interacting with their blog. Userfly will give you the ability to:

  • 1- Watch videos of real users on your website.
  • 2- You can see every mouse movement and click your visitors make.
  • This tool is very easy to use , just register and add  a single JavaScript code into your page header and enjoy .
  • I can say about Userfly it’s a must-use service for web developers.

userfly

Thursday, August 27, 2009

ImgSpark converge images that inspire you and your work.

Whether you're a fashion designer, web designer and you want to store, organize all your inspiration images in one place, sharing them with other friends make them private. Ok let’s go to IMG Spark Image Spark lets you upload and create a library of images that inspire you in whatever it is you do. Image Spark can help harness the visual direction of your projects. But it's not just about collecting and storing images — you can converge images using Image Spark's moodboards and help set the visual tone or style you're after.
Image Spark also lets you browse through other user's libraries and moodboards. Looking to the community is a great way to get inspired and grow your own collection.
Working on a project you'd rather keep private? Not a problem — sharing your images and moodboards is completely optional.
Image Spark is free to use. Each new account is assigned 1GB of storage space and two moodboards. Finally this tool is amazing you should try and tell me your impression,check my stuff

imgspark

Sunday, August 9, 2009

20 Elegant Web Typography Resources .

Elegant-web-typography

forabeautifulweb