.. Your Daily Design Dosis

Tweet Parade (no. 40 Sep-Oct 2012)

| Comments Off

It’s weekend again .. time for a new roundup with last week’s best tutorials and articles found on the interwebs. It’s all about HTML, CSS, responsive web design, graphics, SEO, WordPress 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. These hand-picked articles and tutorials 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.

SASS for designers – So, in a nutshell, here’s how I got SASS working for me on both OSX and Windows

I’m Down with SVG… Yeah You Know Me- While many people are using them for icons and logos, I was particularly interested in how they can render awesome illustrations

Master the new CSS layout properties – Laying out pages in CSS has always seemed a more complicated process than it needs to be. So here’s some great news: there are fresh specs that will make creating layouts a much simpler task for web designers.

CSScomb: Sorting CSS Properties, The Better Way – This time we present CSScomb, a tool to help you sort and categorize CSS properties in your code to improve maintenance.

Tips for Coding a Solid Frontend Interface in HTML5/CSS3 – In this article I would like to share a few tips and tricks for coding a spectacular frontend. Web development has never been easier to learn, but there are also a lot of ideas to follow along with.

A Look Into: CSS3 Linear Gradient – Gradient is a great color feature addition in CSS3. Rather than only add a single color, we can now add multiple color combinations in one declaration block without relying on images, which could ..

10 Useful and Time Saving JavaScript Snippets – In this article we are going to cover 10 useful scripts that will save you some time when solving common problems. Most of these snippets are good to copy & paste but feel free to ..

Don’t get tied to oneJavaScript framework- I can’t stand working with people who choose a JavaScript library without thinking about an application’s needs, life cycle or anything else.

Build Your First JavaScript Library – In this tutorial, we’re going to sneak behind the scenes and try our hand at building a super-simple version of your favorite library.

Multiple Columns Layout (Magazine-Alike) With CSS3 – things are now much simplified with the CSS3 Multi Column Module. As the name clearly implies, this module allows us to divide content into the columned layout we see in newspapers or magazines.

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

A Crash Course in Information & Visual Design- My goal is to give you a crash course in some of the fundamental elements of design as well as a few subjective best-practices from my experience. Design is too much of an interrelated ..

Retina Display – The Future of Web Design. Internet Overview (Updated)- What does Retina display mean for web design and development? How to optimize your website design for Retina displays? How to prepare images for it?

Giving Our Clients The Best Deal In Mobile – Whether talking about native apps, responsive websites or anything in between, we need to put aside our personal desires and even the desires of the client, focusing instead on what the client really needs

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

Is Redesigning Your Website Really Necessary? – A website redesign is a very important phase of the development of your online presence. It ensures that your site is dynamic and regulates more traffic.

Bad Typography Kills Good Web Content – Typography is an important design element. It can aid readability and usability, and help convey the right message. In fact, experienced designers use typography to portray a certain ..

Free Alternatives to Feedburner: A Small Guide – As you must know Google will shut down the Feedburner API soon. “The Google Feedburner APIs will be shut down on October 20, 2012.”

Taking Our Email Campaigns to a Responsive Level – More and more people are pulling out their phones to check their emails. According to some figures, at least 20% of people are reading emails on their phones.

How To Maintain A Profitable Email List – Now, the reason why e-mail marketing is so effective is because it allows you to build a relationships with your subscribers.

100 Terrific Tools for Coders & Developers – Coding… the world runs on it these days. Want job security? Become a developer. Want fame and fortune? Learn to code!

15 Perfect HTML5 Video Players for Your Projects – In this post we’ll showcase to you a list of best HTML5 video players to test and adapt for your projects . The media players are easy to customize and support Flash fallback for older browsers.

50 Free Web-Based Apps and Tools for Web Developers (from 2012) – The post has been split into into the following categories: CSS, JS & HTML Tools, Web Editors & Playgrounds, Responsive Design Tools, and Just Useful.

The absolute beginner’s guide to using Adobe’s new Edge Web Fonts on your site – Edge Web Fonts is one of the recently launched Edge products that caught our attention, as it helps to extend Adobe’s offering of free and open ..

Framework for a Successful Landing Page – Majorly, a landing page is meant convert your website viewers into permanent customers, let’s see how to create a successful landing page.

How to Use Adobe Edge Web Fonts on Your Site – The process for implementing these fonts isn’t quite as straightforward as some of the other services that you might be used to, so today we’re going to dive in and take a look at how it all works.

The Code Side Of Color – Don’t let the code intimidate you. With a little creativity, hex colors are a tool at your disposal.

Using E-commerce to Make It to the Top –  In order to increase sales, you have to invest in your website’s development feature and gather experienced professionals to understand the tricks and opportunities of the internet world.

Better web typographyin a few simple steps – Now that web fonts are natively supported in most browsers and more and more typographic features are implemented in the latest versions of HTML and CSS, a bright new era of increasingly sophisticated typography on the web is upon us.

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

Fresh Photoshop Tutorials: Summer 2012 Bunch – Photo and text effectPhotoshop tutorials, web layout tutorials, logos, icons and business cards tutorials, photo manipulation and flyer creation lessons in the collection

Tips for improving your online branding – Some people think that branding is a highly expensive marketing activity that can only be pursued by multinationals with million dollar budgets while others regard branding as a ..

Useful Beginners Tips while Designing a Logo – The logo is by no means the most important part of a business. Let’s take a look at a few of the things to keep in mind while designing a logo.

50 Shades of Black: Effective Use of No Color – You can debate whether you should use black or not all day long. But the reality is that you will use black. Every designer does – by choosing or not. So it’s best to understand the color ..

A Comprehensive Look at Illustrator’s Pathfinder Tool – Before I get into each button on the Pathfinder window, it is important to note that there are two different series of buttons.

Stop Making Bad Logos –  A true master of logo creation will refine their work on every project, forcing themselves to get better with each design. It all boils down to a few key things to avoid when you’re creating a logo.

20 great InDesign tutorials for graphic designers- We’ve rounded up 20 great InDesign tutorials which take you through the software’s features and how to use them to achieve your design goals.

A Guide to Guides (Part 1) – In this two-part tutorial, we will teach you what you need to know about using Guides and Rulers in Photoshop. This tutorial, Part 1, will show you the basics of how to precisely lay down your guides.

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

Using Blogs to Promote Your Online Marketing – This article puts it all together so you know all the essentials to make your mark on the blogging word.

Formatting Web Pages for Readability – the format of an article—its length, title, how the text is layed out, and the use of images—is just as likely to determine whether people actually read it as are good ideas and quality writing.

3 Ways To Ruin Your Reputation As A Blogger- Some bloggers hire agencies and some bloggers take care of marekting themselves. The following are the top three strategies that i’ve come across that are bound to take your down.

How to Identify and Control Blog Comment Spam- If you own a blog, chances are you have encountered a little – or a lot – of spam. The more popular your blog becomes, the more spam it is likely to get. And there is nothing more ..


How Many WordPress Plugins Should You Install on Your Site? – let’s establish that it is NEVER too many plugins that are slowing down your site. It is always poorly coded plugins that are slowing down your website.

10 Must-Know Skills for a WordPress Plugin Developer – In this article, I am going to discuss the most essential things you need to know about WordPress plugin development; I am assuming you have a basic knowledge of the WordPress folder structure here.

20+ Best WordPress Tutorials – It is actually hard for you to find the best lesson that suits your need appropriately. In this blog post, you’ll find the top 25 WordPress tutorials, which can be absolutely relied on.

20 common WordPressmistakes, myths and misgivings – Hopefully alleviating our thoughts of following 20 mistakes, myths and misgivings we can all realise the full potential of this CMS and work to make it better.

Next And Previous Links On WordPress Posts- On many WordPress themes you see links at the bottom of single posts which direct you to the previous and next posts of the blog. So, in this short tutorial I am going to show you how ..

15 Highly Popular WordPress Plug-ins Preferred by Bloggers – This post highlights 15 WordPress plugins that have been quite popular among the bloggers and they are really worth adding to your wordpress blog/site if you don’t have them.

5 Tools for Managing Multiple WordPress Sites from One Location – Fortunately, there are a number of solutions out there that will let you manage multiple WordPress websites from one central location.

WordPress Tags: Everything You Need to Know – Today I would like to explore exactly what tags are, how they can benefit WordPress bloggers, and how they can be successfully implemented and managed.

How to enqueue the bundled jQuery in footer – The Right Way – WordPress comes with many bundles JavaScript libraries like jQuery or jQuery UI. So plugins and themes doesn’t need to bundle these libraries again, instead, they can use the WP_Scripts API.

What WordPress Theme Developers Can Learn from Twenty Twelve – Without a doubt, Twenty Twelve is one of the best themes I’ve ever played with. It’s so simple, clean, good-looking and filled with so much awesomeness inside.

The WordPress Website Owner’s Emergency Checklist – Too many site owners are far too lax with the most critical information about their websites. Which is why we created the WordPress Website Owner’s Emergency Checklist.

The Ultimate Site Finalization Checklist for Professional WordPress Websites – A checklist will remind you of important settings to configure and help you to not forget the little things. I’ve created a long list of items to be completed after getting the general site design approved

How to Create Grid Column Content in WordPress the “Right” Way- First thing you need to do is install and activate Justin Tadlock’s Grid Columns plugin. Upon activation, you are now ready to use it.

Using LESS with WordPress – In this article, I’ll show you how you can also drastically increase your productivity and focus on what matters.

Search Engine Optimalization, Conversions, Analytics, etc.

Search Engines and Web Designers –  This guide is for designers who want to learn about SEO so that search engines can find your or your clients website or blog.

5 Must-Use Features of Google Webmaster Tools-  Along with Google Analytics, which most people know about and use, Google & Bing also offer Webmaster Tools.

Tip: Make effective use the post title, URL and permalink – Now we’re not advocating going SEO (search engine optimization) crazy, but we do advocate doing the little things properly in a way that helps your site generate traffic better.

Offline SEO Tactics for Your Website- Top visibility of your website/blog at any of the search engines is really valuable. Everyone is looking for the ways and tactics that can be used for increasing the visibility of their website at search engines.

Top Five Google Analytics Metrics to Watch When Launching an E-commerce Website – A few metrics can get you through the first couple months of most e-commerce sites, and set you up for more thorough analysis when ..

SEO and Web Development: Pros and Cons of Sitemap.xml –  A sitemap can keep the navigation links organized by category, predict how any dynamic links will function, and keep the framework under control.

How to Optimize a Web Page in 7 Easy Steps – On-page optimization is the easiest, most learnable aspect of search engine optimization. But like all “easy” things, we sometimes forget that you can still do them wrong.


Vertical Showcase Slider with jQuery and CSS Transitions- A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive.

HTML5 Tutorial: Login Page With HTML5 Forms – HTML5 brings many features and improvements to web forms, there are new attributes and input types that were introduced mainly to make the lives of web developers easier and provide better experience to web users.

How to Create CSS3 Pricing Tables – In this tutorial we’ll learn how to code and style some CSS3 pricing tables from the Impressionist UI, made by Vladimir Kudinov.

Creating a modal window with HTML5 & CSS3 – Modal boxes are a frequently utilized tool in the web developer’s arsenal. Used for, amongst many things, login/register forms; advertisements; or just notifications to the user.

30 Examples of CSS3 Buttons Tutorials – Buttons are one of the most important elements of a web design, so many designers love experimenting with them to create something interesting and unusual to give your design a very attractive look.

Custom Drop-Down List Styling- A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes.

How to Create CSS3 Pricing Tables – In this tutorial we’ll learn how to code and style some CSS3 pricing tables from the Impressionist UI, made by Vladimir Kudinov. We will create a table with the class “pricing-table”, this class will be the base to add our styling.

Freelance, Business and Workflow Related Stuff

How to Break Down Mental Blocks and Push Through Difficult Projects- When working as a freelancer or with another company you’ll often find yourself stuck in a mental rut. After grinding away for so long you begin to lose interest in the bigger picture.

Dealing with unprepared and unorganized design clients – Many clients are great at running their businesses but aren’t great at design. They aren’t familiar with the design process or what you need from them, and often they don’t understand why.

10 Quick Tips to Improve Your Invoicing – Invoicing and bookkeeping isn’t always fun and so it’s often the source of procrastination. Be warned that if you don’t already know it, cash is king, and cashflow is the lifeblood of your business.

Land your dream design job with the perfect résumé – This is about taking time and using your design skills to craft a unique résumé that is matched to the company that you are applying to work for.

5 Pricing Tips to Earn More on Client Projects – No, clients often pay a higher price for other reasons. Mostly it’s about what you offer, and how you’re offering it, that makes a difference.

5 Elements of a Persuasive Web Design Estimate – Well, I’m going to show you how five tweaks to your estimates can increase your chances of getting these client projects.

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

Social Login Buttons Aren’t Worth It – So that big drop in login failures? It was all caused by better error handling and copywriting. That’s it. It wasn’t the social login buttons, though they did make a small contribution to our lower login failure rate.

Direct Your Audience To Important Content Through Visual Hierarchy – Every website communicates information through design. Your audience won’t know which is which at a glance unless you provide cues for them by creating a visual hierarchy in your design elements.
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

- § -

I hope you have enjoyed these hand-picked great articles? 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.