.. Your Daily Design Dosis

Tweet Parade (no.01 Jan 2014)

| Comments Off on Tweet Parade (no.01 Jan 2014)

.. stay up to date! Time for a new roundup with last week’s best tutorials and design articles! It’s all about HTML, CSS, PHP, responsive web design, branding, SEO, WordPress and more. A broad scale of topics, but never-the-less the underlying focus is on Design.

The first Tweet Parade of this year! I wish you all a very happy, successful and healthy New Year! Let’s kick some butt in 2014!

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.

What is the DOM? – When you’re looking at the panel in whatever DevTools you are using that shows you stuff that looks like HTML, that is a visual representation of the DOM!

Snugug/north – North is a set of standards and best practices for developing modern web based properties. Included are standards and best practices for all aspects of a project, from kick off through development.

Introducing Snap.svg – One of the best ways of presenting graphics online is as scaleable vector graphics. That’s because SVG can adapt to any screen size, without losing quality. The increased demand for the format has lead to the open source Snap.svg library.

45 Useful JavaScript Tips, Tricks and Best Practices – In this article, I’ll share a set of JavaScript tips, tricks and best practices that should be known by all JavaScript developers regardless of their browser/engine or the SSJS (Server Side JavaScript) interpreter.

SVG Optimisation: The Basics – Because of the many ways SVG files may be generated, I’ll use several articles to discuss the SVG optimization process. This article, which introduces the concepts and discusses hand-editing SVG code for optimization

Animate with CSS using Sass and Compass – When it comes to adding animation and interactivity in the browser, there are countless solutions by many people. What I’m proposing here isn’t a global solution to some problem, but rather a workflow that’s clean, simple, easily editable, and a breeze to maintain.

A simple Git deployment strategy for static sites – TL;DR: Push the static build to a remote, bare repository that has a detached working directory (on the same server). A post-receive hook checks out the files in the public directory.

Usability, User Experience, Responsive Web Design, Mobile, etc.

Why Does User Experience Matter? – User experience is a part of the design process that you don’t hear about unless something goes wrong. But it is something that should be an integral part of the design process, from early concepts to the final product.

10 Must Have Responsive Design Tools – The catalogue of must-have responsive design tools is definite to provide users the prompt they require to create a fluid, responsive design that stays all most in all mobiles.

Building User Confidence with User Experience (UX) Design – With the prevalence of scams and frauds in the online community, creating an environment where users feel comfortable interacting, using and buying from a website is essential.

The Ethos of Responsive Design – Are we grasping the full meaning of Responsive Web Design? What if there is a deeper meaning to this paradigm shift than fluid-widths, breakpoints and retina-caliber images?

Five mobile predictions for 2014 – A mobile strategy that drives results is essential for today’s businesses. Companies that don’t effectively engage customers on mobile channels will fall behind more innovative competitors.

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

Why We Still Need Web-safe Fonts – Not having a font stack that includes Web-safe fonts and a generic font family means that we aren’t controlling how our web design degrades for at least 10% of the Internet’s users.

The best of 2013 for designers – We’ve gathered up the best of what was new over the past year in one place! We have put together a true “best of” compilation, with more than 130 entries! Including our favorite featured font from each month!

SVG Files: From Illustrator to the Web – SVG is good for the web, as it bypasses the problem of screen resolution. It doesn’t matter how densely packed your new smart-phone’s pixels are, vectors will always be displayed as crisply as freshly fallen snow, which isn’t always true of rasterized images.

10 Ways to Improve Your Website in 2014 – If you have a website or blog, this is the perfect time to think about your goals for 2014. Here are 10 things you can think about today that will help make your website better in 2014.

Trends and Predictions: How the Future Looks Like for Web Design in 2014 – Here are some web design predictions I collected. There are only single day left until the month of January is upon us – hopefully most of them would come true.

Design to the nines and the rule of thirds – The rule of thirds is a simple tool to help keep your design in check. It isn’t all-encompassing, but it’s a good place to start if you feel like your design isn’t quite fitting together visually.

20 steps to the perfect website layout – Within this short list of steps to the perfect website layout, I aim to cover what I believe every new website builder working within a digital agency should know and do before starting a new project, and what they should pay attention to during the process.

Don’t Just Stop and Stare: 7 Reasons Why Your Website Sucks and How to Fix It – The good news about having a less-than-perfect website gives you plenty of room for improvement, and before you do that, you need to stand back and look at your website with a critical eye.

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

A Pocket Guide to Master Every Day’s Typographic Adventures – This little guide is for everyone who comes across these typographic adventures or just want to do things right. Mastering the things mentioned in the short chapters below will help you get your message across more successfully.

Useful Typography Tutorials to Enhance your Skills – There are many tutorials on the web on how to become better at typography, but not all of them are of high quality. Learning typography is important and your journey starts here.

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

How to create a great startup blog and stand out from the competition – But not all corporate blogs are created equal. When it comes to starting a blog, there are a few basic parameters to consider.

Managing a Company Blog? The 10 Biggest Mistakes – And the Smartest Ways to Correct Them – Read on and we’ll go over some of the most common mistakes that businesses make when running their company blogs.


14 Most Common WordPress Errors and How to Fix Them – WordPress is very easy to use but some common WordPress errors can cause panic among beginners. It is very possible that the error you are seeing on your site has been already reported and resolved

Best WordPress snippets, hacks and tips from 2013 – 2013 has been a very exiting year for the WordPress community and tons of super handy code snippets, hacks and tips were published. I have compiled my favorite hacks and snippets from the year 2013.

38 WordPress Tutorials for Hacking Custom Functionality – In this post I’ve organized 38 niche-specific tutorials that are worth your attention. Some are much more complicated while others merely introduce concepts like Post Statuses or Custom Post Types.

Creating Custom WordPress Query – In this post we will be discussing a few practical tips on applying WordPress Query that you might need to frequently use on your theme.

The A-Z of WordPress theme websites – There are tons of sites out there that make these themes. Today, we’ve got a little guide to get you started with the places you can find and download or purchase some amazing themes.

Why and How You Should Use Custom Post Types in WordPress – But in building sites, you’ll sometimes find that you’re constrained either metaphorically or practically by the limitations of the WordPress default “Post Types” — which confusingly means both “Posts” and “Pages”.

WordPress Theme Design Trends of 2014 – There are some already popular design trends that are likely to stay in 2014. Here are some of the design trends for 2014 we are likely to see used many times in premium WordPress themes.

Search Engine Optimalization, Conversions, Analytics, etc.

7 Conversion Rate Optimization Case Studies to Kick Off the New Year – So here we are. It’s 2014, and once again one of your resolutions is to “make my website better.” Yeah, it’s at the top of my whiteboard too.

Why Your Business Needs A Link Building Strategy – Link building has got a bad reputation, it has been abused by many cowboy SEO companies for years and if it isn’t understood and implemented properly, it can result in Google penalizing your website.


SVG Drawing Animation – A little experiment that explores the usage of SVG line drawing animations to precede the appearance of graphics or website elements, simulating the loading of them.

How to create a flip effect with CSS3 transforms – With transforms we can move elements through a 3D world, and today I’ll demonstrate this by creating a flip effect. The browser support for 3D transforms is a little lacking, but on the whole not too bad.

Freelance, Business and Workflow Related Stuff

How To Successfully Take On And Handle More Design Work – Success is nothing more than experience. Oftentimes it simply takes looking at a problem from a new angle to more easily come up with a solution.

How to Keep Rejection from Ruining Your Happiness as a Freelance Web Designer – I’ll take a closer look at an experience many freelancers go through–rejection. I’ll also give you some tips to help you get through it. I’ll also identify three types of rejection that freelancers are likely to face.

How to Get the Work You Want – One of the most common questions I’m asked about design is how to get the work you really want to do. Students often bring up the fact that they feel so far away from their dream projects.

Up On The Wall: How Working Walls Unlock Creative Insight – Underlying them all is a single idea: that physically pinning our sources of inspiration and work in progress, and surrounding ourselves with them, can help us to rearrange concepts and unlock breakthrough insights.

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

What changed in web design this year (and what’s next) – “Design without content is decoration. It used to be that you worked on look and feel before you thought about content. But it’s actually very hard to do design without content.”


– § –

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.