Propeople Blog

A regular dose of fresh news, events, products, Drupal development resources and more.

May 3, 2011

Best Web Design and Web Development Articles of April 2011

This post contains a roundup of great articles written by various Web Designers and Web Developers in April 2011. Here is the list of articles written in April 2011 we found interesting and useful. Get the most of them. Enjoy!

Web Design

Guidelines for Eco Themed Web Design

"Being able to tell a customer that you’re a “green” organization gives you a leg up over the competition..." check it out

 

Wrapping Long URLs and Text Content with CSS

"To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code..." check it out

 

Design a Clean Blog Theme in Photoshop

"Today we’ll be looking at the process of creating a basic, clean blog layout in Photoshop. The process and steps are very simple..." check it out

 

Make a Simple and Modern Web UI Button in Photoshop

"This beginner-level web/user interface design tutorial will walk you through the creation of a popular style of buttons that can be used in a variety of situations, such as in call-to-actions, common user tasks such as submitting a web form, and buying products from your e-store..." check it out

 

Create a Stylish Design Agency Website

"Today I’m going to show you how to create a stylish agency website. This tutorial will be quite long, just bear with me and I’m sure that by the end of this tutorial, you can create a better version..." check it out

 

HTML5 and CSS3: Wireframing in the final product

"Existing wireframing and prototyping tools are incapable of accurately reflecting the environment of the web..." check it out

 

How to Make an Elegant Patterned Web Design Using Photoshop

"This web design tutorial walks the learner through the creation of a beautiful and trendy web layout using Photoshop. The web design is best used on a personal portfolio site..." check it out

 

Create a Portfolio Web Layout in Photoshop

"In this tutorial we will create a portfolio web layout using Adobe Photoshop. I will show you how to create patterns and textures for your web designs..." check it out

 

How to Design a Social Network Page

"This tutorial is perfect for people who are designing their own social network. At the end of this tutorial, you will have the confidence to show the world an awesome page..." check it out

 

A Crash Course in Typography: Principles for Combining Typefaces

"Effectively combining typefaces is a skill best learned through practice, and trial-and-error. Once you’ve mastered the principles covered here, you’ll have the tools you need to try out combinations while making educated guesses about what will and won’t work together..." check it out

Web Development

 

Getting Started with Backbone.js

"Today, I’d like to introduce you to Backbone.JS, a sweet little library that makes the process of creating complex, interactive and data driven apps so much easier..." check it out

 

Simple Object Iterators in PHP

"In PHP, as well as arrays, it’s also possible to loop through an object. If your object contains a collection of items, you can use a foreach loop to iterate over each of them..." check it out

 

CSS Card Flip using Webkit Transitions

"In this tutorial we will learn how to create a product card that flips to reveal more information with a fallback for browsers that don’t support Webkit transitions and transform..." check it out

 

Improve Browser Performance With the CSS Stress Test Tool

"The CSS Stress Test uses a novel approach to detect performance issues..." check it out

 

CSS3 Linear Gradient Syntax Breakdown

"CSS3 gradients are not properties; they are images rendered as such by the browser..." check it out

 

JS/CSS Packaging to minimize requests and randomly evil algorithms

"The performance benefits of packaging up your bunches of javascript and css files into as few requests as possible are well known..." check it out

 

Automating CSS 3 Gradients

"CSS 3 is full of ways to reduce our dependence on background images, one of which is pure CSS gradients..." check it out

 

How to Create an Awesome Blurry Menu Using CSS

"We will get a perfect and simple blurry menu effect via CSS. In addition to it, we will get a useful multiple borders effect..." check it out

 

How To Create a Stylish Button Entirely with CSS3

"Let’s look at how CSS gradients, shadows, borders and transitions can all be combined to create a stylish button for your website..." check it out

 

Handlebars.js Part 2: Partials and Helpers

"We'll learn about using Handlebars' built-in helpers, writing and using partials, and writing custom helpers...." check it out

 

Handlebars.js Part 3: Tips and Tricks

"I've got a few examples of tricks I've found while using Handlebars that I figured I would share..." check it out

Comment and suggest your favorite Web Design and Web Development articles of the month. Don't miss a post, subscribe to our RSS feed and follow us on Twitter

0 Responses to this post

Communicate!