Propeople Blog

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

March 29, 2012

Best Web Design and Web Development Articles of March 2012

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

Web Design

5 Really Useful Responsive Web Design Patterns

“Responsive web design requires a very different way of thinking about layout that is both challenging and exciting. The art of layout was already complex enough for the centuries that it was defined by fixed elements, now things are becoming exponentially more complicated as layouts become increasingly adaptive...”

check it out

Ready or Not, Here Comes HD Web Design

“Are you ready for HD web design? Do you know how your sites will look on a new generation of high resolution screens? What steps can you take to prepare yourself and what skills will you need to stay relevant in the years to come? Read on to find out...”

check it out

Photoshop CS6 Review: 7 Improvements for Web Designers

“Adobe just released the Photoshop CS6 beta, and I must to say, it feels like I’m in web designer’s heaven. They have done serious improvements that will just blow your mind. Here we’ll focus on the great stuff for web designers, ranking the top 7 improvements (including a lot of features) that will just make your life easier...”

check it out

How to Effectively Design a News Website?

“When designing a news website for a client, just about every Web designer wants to trim the amount of information on the main page to keep the information clear and focused. Unfortunately, there are often so many things that can happen in a single day that they need to handle an immense amount of incoming news. News websites are perhaps more crowded than any other websites. But how web designers of Fox News, MSNBC and CNN can professionally handle so much information without making visitors feel overwhelmed...”

check it out

7 Essential Web Design Tips That You Might Not Know

“These days, discovering and applying some truly good web design tips is a very important thing that every webmaster should do. This is because building a truly great website is possible only if the creator of the website applies specific tips and strategies, which are able to present information in a truly unique way...”

check it out

Device-Agnostic Approach To Responsive Web Design

“This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media queries and breakpoints without any concern for devices...”

check it out

7 Limitations When Designing For Mobile

“So you have a website designed for standard desktop computers, but you obviously want to keep up with times and make your site mobile-friendly too. However, it isn’t just a matter of scaling down your design – it’s a new platform with a new set of interaction patterns and limitations...”

check it out

All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery

“When it comes to CSS, HTML or jQuery codes, you just can’t know them all. It’s pretty hard but with the help of these cheat sheet you can manage to get pretty close to knowing them all, considering that you have everything in from of you and it is easy to search. It is possible that a few of these cheat sheets have small differences between them but I still gathered them cause you might find easier to follow one of them and you need to have where to choose from...”

check it out

10 web development concepts designers should know

“A designer who freelances or runs their own agency, may find that they need to confidently explain technical concepts to clients. The end client is often unaware of the various specialisms behind launching a new site and relies on their web designer to guide them through the process. Therefore even if you tend to outsource development work, having an understanding of development can pay dividends in allowing you to discuss the technical parts of the job with your clients...”

check it out

Better Experimental Design for Better User Testing

“User testing is a key part of validating design decisions, but what if the design of the test itself is invalid? As a researcher, being aware of the pitfalls that affect experimental design ensures your test will lead to elegant end user experiences...”

check it out

Web Development

Getting Started With Node.js and Geddy

“Node.js is a platform built on Chrome’s JavaScript runtime for easily building applications in JavaScript that run on the server. Node.js uses an event-driven, non-blocking I/O model, which makes it perfect for building real time apps. Geddy is a simple and structured MVC (model, view, controller) framework for Node.js...”

check it out

Sexy Code Snippet Management With Gists (video)

“I’ve always struggled to find the perfect code snippet management tool…until now (and it’s free). I’ll show you my preferred workflow, using GitHub Gists and Sublime Text 2...”

check it out

About HTML semantics and front-end architecture

“A collection of thoughts, experiences, ideas that I like, and ideas that I have been experimenting with over the last year. It covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression...”

check it out

Thinking Async

“When you load JavaScript from a third party you should do it asynchronously. You might want to load your own scripts asynchronously too, but for this article let's focus on third parties. There are two reasons for this: If the third-party goes down or is slow, your page won't be held up trying to load that resource; It can speed up page loads...”

check it out

Implementing Drag and Drop Functions with HTML5 and JavaScript

“With HTML5 and JavaScript, you can implement native drag and drop functions within the Web browser. This is one of the emerging HTML5 tools that promises to make websites more interactive without relying on additional technologies such as Flash. In this tutorial we will create a simple page with images the user can drag and drop into designated areas...”

check it out

Building Backbone.js Apps With Ruby, Sinatra, MongoDB and Haml

“In this post we're going to explore writing Backbone.js applications with a Ruby back-end. To assist with this, we're going to use Sinatra – a DSL (domain specific language) for rapidly creating web applications in Ruby. Similar to the section in Backbone Fundamentals on writing an application with Node.js, our server-side language (Ruby) will be used to power an API whilst Backbone.js will be the client consuming it...”

check it out

PHP Ad Tracker: Data Object Coding

“We’ll examine the code for the data object class file and how the other parts of the site will use these methods. First, we include the database connection string information. This information includes the database server name, cursor location and other pertinent information. Since this information is used throughout the site, it is usually stored in a separate file. In this instance, we have included it in a “require_once” method...”

check it out

The 2 Principles Of Object Oriented CSS

“Do our current css practices scale? Are our stylesheets easy to maintain? Can non-css coders quickly and easily to build new web pages with our styles? Object oriented css (OOCSS) is an approach to writing html and css that allows us to answer yes to each of these questions...”

check it out

Understanding Ember.Object

“Almost every object in Ember.js is derived from a common object: Ember.Object. This object is used as the basis for views, controllers, models, and even the application itself. This simple architectural decision is responsible for much of the consistency across Ember. Because every object has been derived from the same core object, they all share some core capabilities. Every Ember object can observe the properties of other objects, bind their properties to the properties of other objects, specify and update computed properties, and much more...”

check it out

How to GitHub: Fork, Branch, Track, Squash and Pull Request

“This guide will teach you how to properly contribute to open source projects on GitHub. It assumes that you already know about how to use Git for version control and that you already have a GitHub account...”

check it out

0 Responses to this post

Communicate!