Web Design

30 HTML5 Tutorials for All Skill Levels

30 HTML5 Tutorials for All Skill Levels

HTML5 is the next evolution in website development so whether you’re a web developer or a serious game developer wanting to explore the web as a new platform, HTML5 has something for each of you. If you want to learn or improve your web design skills and make the most of…

Category : Web design   17-05-2013   by admin admin

CSS:How To Create Fixed Position Share Box

CSS:How To Create Fixed Position Share Box

Do you want your social media buttons to always be on the screen for your visitors to click on? If yes then you want to have a fixed position share box on your website. This allows your social media buttons to always be on the screen even when the user scrolls…

Category : Web design   16-05-2013   by admin admin

Server-side HTML vs. JS Widgets vs Single-Page Web App

Server-side HTML vs. JS Widgets vs Single-Page Web App

  At the recent GOTO Chicago conference, I gave a talk on "Frontend Architectures: from the prehistoric to the Post-modern." In just my first 10 months at Coursera, I've experienced the joys and woes of many different frontend architectures, and I wanted to share what I learnt. I detail everything in the slides, but I'll summarize…

Category : Web design   11-05-2013   by admin admin

5 Simple Landing Page Optimization Tips

5 Simple Landing Page Optimization Tips

Eight seconds. That is all the time you have to capture a person’s attention, according to The Associated Press. Busy schedules and non-stop media barrage are quickly taking up your potential customers’ attention. You have just eight seconds to make a solid impression and get them to your next step.…

Category : Web design   10-05-2013   by admin admin

How to Design a Logo: A 5-Step Process

How to Design a Logo: A 5-Step Process

An experienced logo designer knows that designing a great logo requires an equally great design process to ensure that the outcome is outstanding. I have broken down the logo design process into five steps that will create an effective pathway from initial brief to final presentation. Though each designer will…

Category : Web design   10-05-2013   by admin admin

Why is facebook blue? The science behind colors in marketing

Why is facebook blue? The science behind colors in marketing

Why is Facebook blue? According to The New Yorker, the reason is simple. It’s because Mark Zuckerberg is red-green color blind; blue is the color Mark can see the best. Not highly scientific, right? That may not be the case for Facebook, but there are some amazing examples of how colors actually…

Category : Web design   07-05-2013   by admin admin

Essential Design Tutorials for Professional Designers

Essential Design Tutorials for Professional Designers

Today I will show some awesome tutorials created by very professional designers. First tutorial is about adding lighting effects to a dull image. For this kind of stuff you will need some stock images which are mentioned in the below link.  The tools which you must know are Layers, Models,…

Category : Web design   30-04-2013   by admin admin

8 CSS Properties Designers Can't Live Without

8 CSS Properties Designers Can't Live Without

Imagine a world without CSS, where you have no real control over how anything looks or behaves in a browser. Imagine having to slice images using nested tables for your design. Some of us have been around long enough to remember when tables were a typical, perfectly acceptable way to…

Category : Web design   29-04-2013   by admin admin

Bootstrap Tutorial for Blog Design

Bootstrap Tutorial for Blog Design

Bootstrap is a toolkit, which is developed by the Twitter team. This actually helps you to develop web applications much faster.Bootstrap contains CSS and Javascript files using which you can enrich your web page with Grids, Layouts, Typography, Tables, Forms, Navigation, Alerts etc,. This avoids cross browser compatibility problem. This…

Category : Web design   18-04-2013   by admin admin

40 Free Visualization Libraries: Charts, Diagrams And Flowcharts

40 Free Visualization Libraries: Charts, Diagrams And Flowcharts

With the technology advancements, internet users have developed some standard methods to present data to users. They include the use of statistical charts and graphs. Presenting data in the form of charts and graphs makes it easy for the users to understand it. For today’s round up, we are presenting you…

Category : Web design   15-04-2013   by admin admin

CSS:Browser CSS hacks for IE6,IE7,IE8,IE9

CSS:Browser CSS hacks for IE6,IE7,IE8,IE9

Did you know that there are specific CSS hacks for IE that allow you to target IE8, IE7 and IE6? We, web developers, are constantly faced with deficiencies of Internet Explorer, and CSS hacks allow to overcome them in most cases. In this post I would like to group the CSS hacks…

Category : Web design   11-04-2013   by admin admin

28 Tools for Responsive Web Design

28 Tools for Responsive Web Design

Today we have compiled a list of 28 Tools for Responsive Web Design. Take a look! 1.Responsive web design sketch sheets The .zip has been updated to include a 1 Up version of the sketch sheets created by Denise Jacobs. 2. styletiles Style Tiles are a design deliverable consisting of fonts, colors and…

Category : Web design   11-04-2013   by admin admin

10 Tools for Evaluating Web Design Accessibility

10 Tools for Evaluating Web Design Accessibility

Testing for web accessibility (how usable a website is by individuals with disabilities) is an often neglected part of web design and development. Web accessibility is important not only because your content will reach a wider range of audience, but also because correcting web accessibility issues have secondary benefits such…

Category : Web design   11-04-2013   by admin admin

20 Best Wireframing Tools for Web Designers and Developers

20 Best Wireframing Tools for Web Designers and Developers

A website wireframe also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created by User Experience professionals called Interaction Designers. The interaction designers who have broad backgrounds in visual design, information architecture and user research, create…

Category : Web design   11-04-2013   by admin admin

Css3: animation

Css3: animation

Enables to animate an element. Every animation consists of the animation properties, e.g. delay and duration, and the related keyframes, which define its appearance. Compatibility -moz-animation * @-moz-keyframes -webkit-animation ** @-webkit-keyframes animation *** @keyframes Not supported by Firefox prior to version 5, Internet Explorer prior to version 10 and Opera prior to version 12. For detailed compatibility info see caniuse.com. * Firefox…

Category : Web design   11-04-2013   by admin admin