.. 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.
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.
Reference Imports in LESS (are kinda cool) – With (reference) imports you can import whatever you want and then just extend the bits you want out of it. You could import a bunch of libraries and just pick and choose parts, getting just the output you need.
Why Do We Have `repeating-linear-gradient` Anyway? – Repeating gradients are a lot safer to use now and I think they deserve a bit more love because they can make our lives much easier and that makes them pretty cool in my eyes.
CSS stacking contexts: What they are and how they work – A stacking context is an element that contains a set of layers. This can be a root stacking context, as created by the
html element. Or it can be a local stacking context, as created by specific properties and values.
Learning Material Design Lite: Customizing – Up until now we have been looking into how to implement MDL components. The question remains: how do we customize these components so that they fit within the context of our design and brand?
PostCSS Quickstart Guide: Gulp Setup – In this tutorial we’ll go through how you can use PostCSS with the task runner Gulp, allowing you to decide for yourself which plugins you want to use and hence really tap into the plugin ecosystem.
The Missing Piece: Using the HTML5 Responsive Image sizes Attribute – Today I’ll explain the
sizes attribute, the trickiest part of the new specification.
sizes is… odd. It looks weird. It acts weird.
Usability, UX, Responsive Web Design, Mobile, Performance, etc.
3 Reasons to Remove Innovation from Your Mission Statement – “Every designer, usability engineer, and middle manager wants to make good stuff. But using the word innovation during the process doesn’t make that happen. It probably hurts it.”
Tips for Mastering Your Next Website Redesign – Whether you work with an agency or revamp the site in-house, it’s crucial to make your website a revenue-driving channel and not just another pretty, shiny homepage.
What’s the Future of Responsive Web Design? – What is responsive web design about if not accessibility? Yes, its fundamental tenets are concerned with visual design, but in terms of the big picture, they’re all about providing the best possible reading experience.
Creating a Visually Consistent UI Design – Key Tips & How To use Them – An interactive, intuitive, and impressive interface may be construed as good UI design. By endeavoring for a visually consistent interface you’ll garner much success among visitors.
10 Mistakes to Avoid in UI Design – As a UI designer, you should definitely know the common – and not so common – mistakes made on various designs so that you can better help your client meet goals.
Using High Colour Contrast For More Accessible Design – A high bounce rate is frequently caused by poor visual accessibility. One of the most frequent reasons for early abandonment is the poorly selected colour schemes that decreases the readability of the content.
How to choose the right fonts for small screens – In the end, there is no real substitute for viewing your design on a range of mobile devices to read and see how it reacts to a smaller screen in real-world conditions.
The 8 Worst UX Mistakes Coming From Experts – Have you ever asked yourself what UX is all about? It’s about learning from mistakes. You can build a design around the idea of turning bad experiences into good ones.
Designing for the Web vs. Apps in the Mobile Era – Mobile apps are here to stay. These days, there is more and more pressure to deliver appealing user experience, and design does the job.
Webdesign in Common, Web Typography, Tools, Email, etc.
How To Create Informative Landing Pages that Stick – In this article I want to discuss just a few ideas on spicing up your pages to keep visitors interested. Also it is important to focus on the purpose of the page and getting users to convert doing whatever action you deem necessary.
10 Guidelines For Navigation Usability – When it comes to usability, ease-of-navigation should be a top priority for web developers. The number one most annoying feature of a website is improper or confusing navigation, leaving users lost and wondering what to do next.
Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users – Flat design is still widely used today, and its overuse can cause serious usability problems. One of the biggest usability issues introduced by flat design is the lack of signifiers on clickable elements.
16 Call-to-Action Formulas That Make People Want to Click – The ideal CTA, however, isn’t always easy to think of. If you’re sick of “click now” CTAs that aren’t working, improve your game with these surefire call-to-action formulas.
5 ways to make your web designs more intuitive – With a little understanding of the visual design principles described in the free e-book Web UI Design for the Human Eye, we can design awesomely effective websites.
The Power of Colour in App Design – Colour could be the single most important aspect of your app other then functionality. It not only gives Uses a sense of place but also forms a key part of how the app feels, providing the platform for the User Experience.
How to Get Visitors to Push Your Buttons – Want to increase conversions by 25 percent or more? Learn more about increasing conversions with these data-inspired tips to improve how your call-to-action buttons are performing.
How To Do Nothing In Web Design – It’s a rookie mistake to confuse minimalism with merely “getting rid of things.” In this article, we’ll explain some of the finer points to incorporating a minimalist philosophy into your web UI design.
How To Build An Awesome Form – In this article I’ll try to highlight some of the main factors that can make a well designed form come true. A quick guide on how to cope with most common design problems when creating a form.
How to design forms that convert – Forms play a vital role on any site because they’re how sites gather all-important info during the checkout process, or lead information on landing pages.
The Day When Web Design Gets Boring – In this post we try to figure out the time when the web will be fully deprived of creativity, and web designers won’t be anything more than framework-configuring bots.
What Grid System Architecture and the Golden Ratio Do for Web Design – Just like in architecture, the usage of the golden rectangle, golden ratio, or the rule of thirds is not necessary. This concept is suggested as a means to create sense of natural balance in design work.
5 Design Shortcuts to Learn Right Now – From sketching to working with software to learning a new concept, here are five design shortcuts that you should learn right now.
Learning About Invisible Design – Designers typically spend vast amounts of time working on projects that others may not seem to find very exciting, which is something that can actually be a good thing since, to most designers, great design is invisible.
The math that every designer needs to know – Math is an integral part of design. In fact, concepts such as patterns, symmetry, positive and negative space, arrangement, and sequence that are so important to design all have a basis in mathematics.
Standing out from the startup crowd – There has been a lot of talk recently about how web design is losing its creativity. That us designers are just reverting to the latest layout trend. They call it “The Dribbblisation of Design”.
8 reasons to rely on a CMS for web development – Professionals blame CMSs for providing low-quality code and site vulnerabilities. Website builders strike back, citing the high prices for websites made by studios.
Graphic Design, Brand Identity, Typography, Print Design, Icons, etc.
How To Create a Flat Style Vector Planet in Illustrator – I’ll show you how to create a vector space scene and planet in Adobe Illustrator, using its powerful shape building tools to easily create the trendy effects used by Illustrators.
29 Best Video Tutorials for Learning InDesign – Written content dominates the vast majority of e-learning materials on the web. But YouTube videos and premium courses are catching up as video content becomes easier to produce.
A Beginner’s Guide to Kerning Like a Designer – Kerning refers to the amount of space between two letters (or other characters: numbers, punctuation, etc.) and the process of adjusting that space to avoid awkward-looking gaps between your letters and improve legibility.
Sidebearings & Alignment – Sidebearings are a necesary part of any font; along with kerning, they ensure that letters look well-spaced next to one another. If you look at one of the glyphs in a font, its sidebearings are the spaces to the left and right of the letterform.
Blogging, Social Media, Writing, Content Strategy, etc.
How To Create A Winning Blog Content Strategy – Why it’s essential for you to have a killer blog content strategy in place? It will allow you to plan your content ahead of time and give you more flexibility and direction.
So Long Blogging. Hello—Yep, We’re Going to Say It—Plogging – The blog—a shortening of “weblog” is on its way out. Now we’re blogging on platforms. We are—yes, we’re going to say it—plogging.
How to Integrate Google Forms With WordPress – Google Forms is both incredibly versatile and totally free to use. Part of Google’s cloud storage service Google Drive, the feature is so tucked away that many Google users aren’t even aware of its existence.
The Ultimate List of WordPress Statistics – The reason is quite simple; opinions are plenty and you can’t tell whether they’re true or false at first sight, but raw data can’t be argued with. Everyone can relate to it, and everyone can interpret it in their own way.
Cookies and WordPress: How to Set, Get and Delete – In this article, we’ll cover everything you need to know about cookies: what they are, where they’re used, and why we use them (and not eat them).
4 Ridiculously Obvious Mistakes I Made Building WordPress Sites for Clients – The fundamental problem I was facing was that I acting like a freelancer instead of a business owner. I didn’t have refined processes for client management, outsourcing work, and managing projects.
How we use PhpStorm for WordPress Development – In this article I will walk you through some the features that make it great for WordPress development and show you why I, and many others, love it.
Search Engine Optimalization, Conversions, Analytics, etc.
9 Guidelines For Writing A Killer Headline For Conversion – In this article, I will be discussing 9 guidelines for writing headlines with the aim of boosting conversion. I know that there are several guidelines when it comes to this topic.
Local SEO Statistics Every Business Should Know – There is a lot of excitement around local SEO (search engine optimization) at the moment. Local small businesses are continuing to increase their online marketing, in response to the proven increase in local searches.
Responsive jQuery Pop Up Gallery – In this tutorial you will lean how to create a an awesome popup gallery. Each gallery will have a small preview animation. This tutorial will provide you with five different popup galleries.
Shaded Progress Bars: A CSS/Sass Exercise – A tutorial on how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins.
Bootstrap 4 Tutorial: Create a One-Page Template – How to create a one-page HTML responsive template using Bootstrap 4 Alpha. At the end of this Bootstrap 4 tutorial, you will understand how to set it up as well as how to use some of the new features in Bootstrap 4 Alpha.
Make a Flipbook with Pure CSS – Using some Sass and a tiny bit of HTML we recreate the feel of a flipbook. Grab the edge of your browser window and pull it back and forth for a nifty little animation, no JS necessary!
Freelance, Business and Workflow Related Stuff
Learning the Customer Isn’t Always Right – How I learned that I’m not just the client’s developer, I’m their only source for what they should be doing on the Internet.
Can Web Design Still be a Viable Career Option? – As long as web designers offer good customer service, and can provide websites that function better than websites that customers build themselves, this will remain a viable career field.
Generalizing Your Skills Will Never Make You a Design Specialist – ‘Generalists’ who try to design, code, write copy, and anything else they think their clients might need with an equal amount of success are inferior to design specialists in every way.
How to Deal With Overly Opinionated Design Clients – It’s important to pick your battles and know when it’s not worth it to fight with a client. But it’s equally important to remember your place as the designer.
How To Pomodoro Your Way To Productivity – The Pomodoro technique maximizes time and efficiency by blocking out 25 minutes of uninterrupted focus. Cut your work week in half, transform your career and, most importantly, balanced your life.
When And How To Say No To A Project – Telling people we can’t (or won’t) help them is uncomfortable, and goes against our instinctively social nature. We want to be accepted, want to be recognized for the good work we do, and, to an extent, want to please.
F*cking Brilliant, a great Read or just magnificent Tips!
Why I Fucking Hate Unicorns and the Culture They Breed – Unicorn has become part of our lexicon in a sickening way and will no doubt become part of the history we tell about how things got so out of control again.
The Fallacy of Keeping Up – Building your core understanding of the web and the underlying technologies that power it will help you to better understand when and how to utilize abstractions. The second part is letting go and recognizing that it’s ok not to be on the bleeding edge.
Do serifs make you tap? – Yieldmo tested six web-safe fonts across 2 million impressions to see the impact of different typefaces on clickthrough rates (CTR) in a mobile ad context.
About Design Thinking – Often the media hype presents Design Thinking as an “Aesthetics First,” approach where aesthetics are inaccurately identified as the only product and purpose of design thinking.
A case for less design – Each time you add features to your product, the design, the code and the app grows exponentially more complicated. Each small addition, each change, each preference, feature, option, design element, each interdependency has a compound effect on the whole.
Every website looks the same, and that’s ok – It’s simply a symptom of the common resources we have, and I believe it’s a good thing that designers have more tools online to create their own content and to express themselves more easily.
Invisibility, a designer’s superpower – You have to care for the invisible. Invisible things are the scaffolding of our work, and they are as much important as the look and feel of the final product.
Sans serif, sans spark – Logo changes have been happening ever since logos started. But we seem to be evolving to a sans serif style that is becoming so ubiquitous that very little appears to be standing out anymore.
Math is not God: Do not fear, do not worship – Math is no replacement for a designer’s eye. But! Neither is a designer’s eye a replacement for math. We can make both calculated decisions and spontaneous ones.
– § –
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