.. Your Daily Design Dosis

Tweet-Parade (no.25 June 2012)

| Comments Off

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.

HTML5: How To Use <DETAILS> And <SUMMARY> Tags – Among several new tags that are available in HTML5 Specifications, detail and summary tags, in my opinion, are the most useful. With these new tags you can hide some of the long content and display only the summary.

Best practices for efficient HTML5 coding – HTML5 is quickly becoming the standard in terms of front-end coding, and as a web developer you definitely need to know how to code HTML5 websites. After almost two years of HTML5 coding, I have compiled this list ..

Learning LESS: Put It Into Action – Today’s post will be slightly different than previous posts, as we won’t really showcase new techniques and code examples as much as we’ll talk about how to use LESS, projects you can work on to jump start your LESS ..

Introduction into CSS3 Grid Layout. Working with grids – A task that the model of CSS3 Grid Layout helps us deal with is very simple and clear to any web-imposer (and not only) it is the possibility to have a comfortable mechanism of content location on a virtual net.

New Repeating Background Image Options in CSS3 – In CSS2.1, the background-repeat property had four options: no-repeatrepeatrepeat-x and repeat-y. CSS3 introduces two new options: space and round

50+ PHP Tricks and Tips for Beginners & Developers – PHP is most useful language in making blogs and website, it have a lot of functions which can be used to derive even more custom functions. We have gathered most useful PHP Tricks and Tips for beginners and even Developers.

CSS generated content on replaced elements – To keep it simple, just remember that a replaced element is any element whose appearance and dimensions are predefined without any use of CSS.

HTML5: Using SVG Graphics with CSS and JavaScript – Thanks to HTML5 SVG graphics no longer need to be included on a separate file in an HTML document via EMBED or OBJECTelement. Rather, they can be embedded directly into the HTML document and can be adapted and changed with style sheets and JavaScript.

LESS CSS, Pros and Cons – LESS is a library written in JavaScript that allows developers to reuse code in CSS by the use of variables. I do not usually use LESS, because I prefer more OO CSS than depending on a library to do it. However, I think that less.js, and its competitors Sass ..

Key Principles of Maintainable JavaScript – JavaScript is a curious language. It’s easy to write, but difficult to master. By the end of this article, hopefully, you’ll transform your spaghetti code into a five-course meal, full of readable, maintainable yumminess!

Simplify your JavaScriptwith CoffeeScript – It isn’t a framework, but instead compiles to runnable JavaScript. You write CoffeeScript, compile it, and out pops clean, tight JavaScript ready for the browser. You get optimised JavaScript, but work with clean, understandable, maintainable code.

A Look Into: CSS3 Negation (:NOT) Selector – I’m sure that the :not name itself has already described its function, that it will simply select the opposite of the element or condition specified.

Creating Custom Form Checkboxes and Radio Buttons with Just CSS! – Text inputs are easy, but checkboxes, radio buttons are very difficult to style with CSS. In this tutorial I’ll show you exactly how to style these inputs and make awesome forms with just CSS!

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

Notes to an Agency Starting Their First Responsive Web Project – This past week I talked with a design agency who was about to embark upon their first responsive web design project. It sounded rather app-like. They were interested in hearing about my ..

UX Design Defined – Unfortunately, in the field of user experience, people often confuse terms like information architecture, interaction design, visual design, usability engineering, and UX design. This article provides a lexicon of these terms and more clearly defines the role of the user experience designer.

Modular And Flexible Content In Responsive Design – We should still provide access to all our content no matter the device. What we can and should change is the presentation of the content. We might prioritize different information on different devices and ..

How To Tune-Up Responsive Design Websites To Improve Mobile SEO – Let’s look at how responsive design works, and how we can build sites to achieve maximum SEO performance on both the desktop and mobile environments.

Responsive Web Design: Introduction & Impact – For developers, the benefits are also clear: the burden of needing to maintain multiple versions of a website will disappear over time. Additionally, a move to RWD will likely create a “Mobile First” mentality, which will ..

AEA: Interacting Responsibly (and Responsively!) – In his Interacting Responsibly (and Responsively!) talk at An Event Apart in Boston, MA 2012 Scott Jehl discussed ways we can improve Web performance by qualifying capabilities and being smart about how assets are loaded in browsers.

Designing Smartphone-Optimized Websites: Challenges Web Developers – This paradigm shift represents a challenge to the established Web development community, which now has a mandate to configure Web content previously optimized for large personal ..

Responsive Web Design: New Tools, Articles and Tutorials – A lot of new tools, tutorials, articles and techniques appeared and have decided to come up with the latest and newest collection of the freshest materials.

Why Your Links Should Never Say “Click Here” – Have you ever wanted your users to click your links, but didn’t know how to get them to act? When some designers run into this problem they’re tempted to use the words “click here” on their links.

Responsive Design As A Standard – Responsive Design As Standard With over 50% of internet users now searching the web on their mobile phone, the time has come to make responsive design a standard practice when creating a website. If your company is commissioning a ..

A Quick Guide to Mobile App Usabilty Testing – Given the cutthroat nature of the competition, the necessity of usability testing to iron out all flaws from an app before offering it to the public cannot be overemphasized.

A Device Agnostic Approach to Complex Site Navigation – The (ugly as sin) mock navigation you see above is a mobile-first example of using media queries and javascript to make a decent site menu with drop downs. Special attention is paid to touch screens using click events.

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

Line That Up: Proper Alignment in Web Design – Proper alignment of elements and text on your website greatly impact the overall design. Meticulous alignment of elements, such as images and text blocks, adds an extra level of professionalism to your site and is visually appealing and calming.

What you should know when coding HTML emails – HTML emails continue to be a popular way of marketing. While social media is definitely a force to be reckoned with, emails are still considered the official way of communicating with customers and clients.

12 Typography Guidelines For Good Website Usability – In this article I will be discussing a couple of interesting facts about usability, readability and legibility which can help you in selecting adequate fonts when designing your next website.

Design Personas: Injecting Personality Into Your Web Projects – In its simplest form, a design persona is a document created during the planning phase of a project which defines a clear identity and personality for the brand or project.

20 Best jQuery Popup Window Dialog Box Example – Here useful jquery popup window box with example code download and tutorials, there are a lots style of jquery popups.

Powerful New CSS- and JavaScript Techniques – With CSS3, some of the older techniques now have become obsolete, others have established themselves as standards, and many techniques are still in the “crazy experimentation” stage.

Some Important jQuery Tips and Tutorials for Web Designers – Jquery is an open source program, that is, it allows developers to add their own plug-ins or to tweak the application as per their own requirement. Mentioned below are 15 important jQuery tips and tutorials for web designers.

6 Guidelines For Designing 404 Error Pages With A Positive Impact – Customized 404 error pages have become the rule. We see them almost every time that we try to visit a broken or non-existing link. Webmasters have realized that classic 404 error messages can have ..

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

Why Your Brand May Need Some Rebranding – But how and why do you need to rebrand? Isn’t just having a brand enough? Here are a few reasons your business might need to begin the rebranding process.

Why brands are leaning towards minimalism – As designers we pay a ton of attention to a relatively important part of the branding as a whole, often called ‘visual branding’ . Though a small portion of a company’s brand, the visual aspect is able to create feeling.

Blogging, Social Media, Writing, Content Strategy, etc.

Simple Tips to Get Discovered on the Internet – People are more likely to avoid unwanted online ads by using techniques and technology such as popup blockers, email spam filters, and call rejection.

How to Use Twitter Effectively to Experience its Full Potential – Tweeting constantly and being active all the time is very important, as followers can lose interest quite fast. Although a tweet can be a maximum 140 characters, the information you can share within these boundaries can be incredibly useful.


5 Bad WordPress Habits – As a full-time WordPress developer I have seen all sorts of bad habits by other developers and contributors. Some of them are a quick fix while others you hope to catch before they pile up into a mountain of editing.

Using the Power of the .htaccess File to Improve WordPress SEO – mere optimization of the website’s content is not the only way to get new visitors through search results. Increasingly, SEO professionals are relying on the little-known .htaccess file to ..

WordPress Development and Deployment With MAMP, Git and Dropbox – Nowadays in order to be a freelance WordPress developer you often need to develop simultaneously several WordPress sites for different clients. Here’s how.

Create an FAQ Accordion for WordPress With jQuery UI – Creating an FAQ section for your WordPress website is incredibly simple. We’re going to use WordPress Custom Post Types for the questions & answers. Then we’ll use a jQuery UI accordion to make ..

Using Conditional Tags to Supercharge Your Blog – Conditional Tags are one of the many great structures that WordPress has to help us develop for WordPress easier. In this article, we’re going to get to know some of them and use them in example functions like removing ..

Site Migration Cheat Sheet – How To Quickly & Easily Move WordPress To A New Domain – Because it’s not uncommon to move domains, I thought it would be good to put together a step-by-step cheat sheet for the average guy/gal who wants to quickly and easily ..

10 Time Saving Tips for Building Out Simple WordPress Sites Fast – Saving time always make me feel more productive. But let’s face it, sometimes you have to spend a little time upfront in order to make things easier for saving yourself a lot of time in the long run.

WordPress Frameworks Reviewed: Who’s the Winner? – Using a WordPress framework decreases the time needed to design and code a WordPress theme. For most frameworks, the framework itself can be seen as the parent theme, the theme you create is a child theme.

How to Investigate and Remove Malware From a Hacked WordPress – In this tutorial we are going to learn how to investigate, detect and remove a malware without harming your Data and Files.

Quick Fixes for Common WordPress Problems – This post is intended to provide some quick answers to common WordPress problems that wouldn’t otherwise merit a full post or tutorial. I’ll be keeping this updated with new information, so if you have a quick problem, or ..

Using jQuery to Validate the Standard WordPress Comment Form – WordPress does not natively validate its comment submission form, but it can be instructed to do so by developing a custom plugin which makes use of the popular Bassistance jQuery library.

13 Built-In WordPress Options that Online Publishers Need to Know – WordPress 3.4 came out recently, introducing several new built-in options that are extremely beneficial.  let’s run through four new built-in features Version 3.4 introduces that will make your lives easier.

Search Engine Optimalization, Conversions, Analytics, etc.

10 things you need to knowabout Google Panda and Penguin – Google’s recent Penguin and Panda algorithm updates have been big news, and it’s widely agreed that they’ve improved the quality of search results substantially. But how do make sure your site doesn’t lose out?

A Cheat Sheet for Building High Ranking Authority…Without Cheating – You can also talk about individual page authority. This is simply how well a page will rank on search engines. A page that ranks well has a lot of authority.

Understanding Penguin 1.1: Be Safe from Updates in 3 Easy Steps – By now, there will be many people out there talking about PENGUIN 1.1 and web spam and how to avoid it, etc., etc., etc. But do we truly know the core of PENGUIN 1.1 and how to tackle it? PENGUIN ..

Growing Your Business By Branding Through SEO – It can guide you to choose the right keywords and understand the intent behind their use, so that appropriately tailored landing pages will deliver the highest impact returns for your business goals.


3D Thumbnail Hover Effects – Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.

Cascading Content with CSS3 – Today we’re going to creat a cascade content show with CSS3. The key point is using the checkbox button and a combination of the :checked pseudo-class with sibling combinators.

Creating an Animated Drop-down Navigation Menu in HTML5/CSS3 – This is a tutorial for beginner and intermediate HTML5 and CSS3 developers who want to create a drop-down menu. The menu we’re creating is animated using only CSS … there’s no JavaScript in sight!

Coding a Minimalist Contact Form with CAPTCHA Spam Protection – Using PHP we can overlay some text on top of a background texture to build a heightened level of security. But we will also setup the form using jQuery and AJAX to submit the data.

Freelance, Business and Workflow Related Stuff

5 (More) Tips To Getting More Design Projects – Almost every day, there are web design businesses and deals that are just set up and shut down just as quickly because they are unable to keep the business afloat. The reasons for the demise may vary but most of  ..

7 Advices to Get More Exposure – For many artists it’s quite difficult to let people know of your work. Even if your work is outstanding, it just seems that no one really notices it except your friends around you. The difference between a designer who has a ..

Challengers As A Freelancer You Must Be Prepared To Face – As a freelancer there are several challenges and hurdles, which you must be prepared to face. The article is advice for freelance newbie’s, or people considering transitioning to freelancing.

Dealing with User Feedback: The Good and The Bad – In this guide I want to share some tips on how you can properly deal with feedback. Both good and bad suggestions can help you along the way. It’s all about how you react to these ideas and what you do differently that matters.

The Five Stages of Working with Freelance Clients – As a freelancer, it’s important to understand each of these relationship stages so that you can avoid address the challenges that arise in each stage. Your client relationships are key to your success as a freelancer.

Dramatically increase earnings with a simple to-do list hack – if you are a freelancer or small business owner in need of simple yet effective structure that is sure to grow your business, then this method may be just what you’ve been looking for.

F*cking Brilliant, a great Read or just magnificent Tips!

Leading: space is just as important as words – Selecting fonts, sizes and colors can be a big part of how you outline your site. Just as important as the letterforms themselves, is the spacing around those letters and the leading used in blocks of text.

10 Easy-Peasy Conversion Optimization Tips That Make Visitors Happy – What works for one site may or may not work for yours. You only know by trying it out and looking at the data. However, there are some good old standbys that are generally recognized as universal.

Fluid Type – Embracing the fluid & flexible aspect of RWD was an easy decision, but I’ve been less sure-footed when it comes to balancing that with setting type on the web. From a purely typographic perspective, one could argue that an adaptive approach is ideal.

Classes? Where We’re Going, We Don’t Need Classes! – It would be no revelation to you to say that HTML elements can be styled without recourse to the class attribute, but have you considered the multitude of benefits that come from forgoing classes altogether.

Moral Design – All good design is moral design, and only moral design can ever be good. Morality is seldom discussed in design circles, but it is, however, inseparable from the ultimate goals of any design, and thus any discussion that aims to evaluate a particular design or tries to derive principles for good design ..

The Value of Experience – It seems like a commonly accepted fact that the more you do something, the better you get at it. It’s just that time alone is not enough. In other words, it’s not just how long you’ve been doing practicing, but alsohow you’ve been practicing it.

- § -

I hope you have enjoyed these hand-picked great articles? Please let me know by sharing your opinion in the comments-section. Did we miss a great article, please let us know  .. To keep up to date with all the cool links, simply follow me @gonzodesign


Author: Jan Rajtoral

Jan Rajtoral AKA Gonzo the Great is the Founder of and Designer at gonzodesign, providing design services across the full spectrum of Brand Identity, Graphic Design, Print and Advertising Design & Website Design.

Sorry, comments for this entry are closed at this time.