Tweet-Parade (no.32 Aug 2012)

Survived another week? It’s Saturday .. time for a new roundup with the best design-related articles and tutorials of last week’s blogosphere, hand-picked for you. It’s all about webdesign, graphic design, SEO, tutorials, social media and more. A broad scale of topics, but never-the-less the underlying focus is on Design.

 

Also I see this as my personal bookmarks of great articles from the Community of the last period. The different articles and post are categorized by their main topics. The best way to keep track of these tweets is simply to follow me on Twitter.

 

Webdesign Coding: CSS, HTML, Javascript, PhP, APIs, etc.

Magazine-like Layout for the Web with CSS Regions and Exclusions- The web generally assumes a single column, vertical orientation for text. Although it’s possible to flow text around graphics, and even to format text into multiple columns with CSS, it’s still very difficult to achieve true magazine-like layout on the web.

Handy PHP and MySQL Queries for Developers - Millions of websites and companies like Google, Facebook, Alcatel Lucent and Zappos are relying on MySQL. It runs on almost all major platforms including Mac OS, Windows, Linux and Solaris.

Create faster fluidlayouts with LESS - CSS preprocessors such as LESS and SASS are taking a front seat and showing that there is room for a more dynamic stylesheet language. Variables, mixins and functions are now available to us and, as the web becomes ..

SASS and Compass for Web Designers: The Slider - Our Creative Portfolio web page is certainly coming along nicely. Let’s now continue using SASS and Compass to build the introduction area and slider.

CSS3 Transition Tutorials to Create a Single Page Website - Today’s post is to provide you some handy tutorials for page transition that can be used in building single page websites.

5 Useful Online CSS3 Tools to Make 3D Effects - Today we come with some best CSS3 tools for 3D effects that help to make websites more impressive and effective.

CSS Style Guides - Ordering properties is just one choice you have to make that makes up a complete styling strategy. Naming is a part of it. Sectioning is a part of it. Commenting, indentation, overall file structure… it all makes up a complete CSS style guide.

 

Usability, User Experience, Responsive Webdesign, Mobile, etc.

Maintaining Consistency in Your UI Design - Consistency in UI design is an old school principle and somewhat forgotten in some of today’s web and application designs. It seems like designers are choosing to omit consistency from their interfaces.

Failing Gracefully : Handling User Errors - Failure is an integral part of the learning process. This article examines how the design of software applications can be optimized to prevent excessive user errors and how to handle the implementation of error messages.

Responsive web design case study: Zee - I decided to write this case study because the main chalenge we faced was to develop a totally responsive site, and since lately this is a strong web subject, I decided to show how was the creative process of the new Zee layout.

Can A “Mobile First” Responsive Web Design Boost Your Sales? - Mobile usage has double every year since 2009 and now accounts for almost 10% of Internet usage. By 2014, internet access via mobile is expected to overtake fixed line access.

Guiding users with linear presentation - What defines linear content? You’re reading some now: articles are akin to streams of thought presented in a certain order. The written word isn’t alone. Although users may skip back and forth in videos and sound files, these media restrict their audiences to a timeline.

Where And How To Set Breakpoints In Media Queries - Flexible layouts work well to a point, but there comes a time when we need a more drastic change than simply allowing design elements to expand and contract. There comes a point where we need the ability to make larger changes in how elements flow within a design.

Subtle UI Improvements - Sometimes the best user interface elements are the ones we barely notice. They’re so subtle, so masterfully crafted, that we don’t even recognise how much thought, care and attention has gone into creating them – because we use them while we’re on autopilot.

What’s the difference between adaptive and responsive web design? - In the world of web design, the only thing harder than keeping up with the ever-evolving standards in HTML, CSS, and other technologies, is keeping up with the vocabulary. Among the latest hot new terms in web design:Responsive Design and Adaptive Design.

8 Rules of A/B Testing – The Art in Marketing Science- Data will tell you the right answer. If you can’t find data somewhere, you should run a test, collect the data, and let it tell you what’s right. Testing is one of the core marketing arts a marketer should master and practice.

Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained - CSS frameworks have been around for years now, but the arrival of responsive design practices has rendered many of our old favorites useless. Fortunately, lots of really talented ..

Responsive Line Breaks - I often come across the problem of widows and orphans when using fully fluid grids, so here are 2 techniques I use to avoid them as much as possible.

Designing For Device Orientation: From Portrait To Landscape - Nearly all mobile and tablet applications would benefit from being designed for device orientation. This article covers some of the basic concepts that designers and developers can use to add device orientation to their process.

Login vs Sign In - If you develop web apps or design web app interfaces there is one link you will inevitably always have. This link allows the user to log in, or sign in, to the website. But what is the correct terminology to use?

10 Usability Basics To Consider Before Designing The UX - To make sure, we don’t forget about the essentials of a usable website, let’s take a look at a selection of ten basic usability aspects. Make sure to consider them before you even get started on any mind blowing user experience.

 

Webdesign in Common, Web Typography, jQuery, Tools, etc.

Product Management for the Web - Whether we prototype, write, design, develop, or test as part of building the web, we’re creating something hundreds, thousands, or maybe even millions of people will use. But how do we know that we’re creating the right enhancements for the web, at the right time, and for the right customers?

How to Add Social Media Icons Using CSS Sprites - If you’re looking for a more custom social sharing application, you can easily add unique social media icons to your site, while keeping page load speed fast by using CSS sprites.

Understanding Typography: 10 Helpful Tools And Resources - These can help with building HTML grids and content areas, creating CSS styles, generating font names, and a bunch of other cool stuff. Check out some of the links ..

10 Psychological Principles to Design With - There are simple psychological principles you can use to improve the effectiveness of your design even without knowing the theory behind it. The following ten can be used to improve the aesthetic quality, usability and comprehension of your designs.

Can User Experience be Stunning? A Short Study of Navigation in Portfolio Websites - Well, let me emphasize once again that the website I studied are some of the world’s most aesthetic and appealing websites. However, creativity should not kill usability of a website.

Three Design Elements You Must Compare With Your Business Competition - ‘Action-packed and full of activity’ are the best words to describe the field of web designing. It is just like a war-front where ‘smart work wins rather than hard work’.

15 Useful jQuery Parallax Plugins and Tutorials to Create a WOW Factor - Parallax scrolling is a technique that the background images move by the camera slower than foreground images, which can give the viewer a 3D/motion illusion.

Exporting Retina designs from Photoshop with Slicy - The term ‘slicing’ makes me think about the early days of the web, but it’s basically what we still do today, only in a different way. Sometimes we need to export a whole bunch of icons to png or jpeg.

 

Graphic Design, Brand Identity, Typography, Print Design, Icons, etc.

10 Reasons Your Business Card Sucks - Do you view your business card as a simple formality, or a powerful sales, networking, and marketing tool that can embed your person and brand in customers’ minds, motivate callbacks and generate sales?

How to Move Your Brand from Invisible to Visible - We live in an age where we have the means and the machines to self publish and self market. Technology is democratising publishing and marketing.

22 Fresh Photoshop Tutorials of July 2012 - this month i have collected 22 Photoshop tutorials of july 2012 which i found the best, i hope so you will like them. And i also hope that they might help you in near future.

The psychology of logo design - In this article, I’ll cover the essence of the topic, bring my own personal perspective to the discussion and hopefully help to create a captivating debate around the subject.

10 Basic Graphic Design Rules for Web Designers - The main goal of any Website is communication. Great communication through pictures, words or overall layout of your website is very important and will help you deliver the information in a successful manner.