Yay, weekend .. 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.
5 CSS Properties That Give Designers Fits – There are some CSS properties that elude the minds of most designers, and many of us have gotten hung up on the more cumbersome CSS properties.
HTML5: Hype, Substance and Scrutiny – What is HTML5, really? How did it come about? Should we really be blindly following what we’re told about it or is some critical thinking required?
Powerful Command Line Tools For Developers – Is there a problem with the request you’re sending, is the problem with the response, is there a problem with a request in a third party library you’re using, is an external API failing?
Common Sass Pitfalls and How to Avoid Them – In the meantime, I’d like to share some common Sass pitfalls I’ve run into in recent weeks that can be easily avoided.
A Look Into: Scalable Vector Graphics (SVG) Animation – This time we are going to work with SVG Animation. Don’t be scared though, SVG Animation is relatively easy and actually in this post we will start from the basics.
10 Useful Techniques and Tutorials for PHP Programmers – This is also one of the very first scripting languages of the server side which was used to be embedded in a document of HTML source. It thus became the most popular ..
8 Highly Useful APIs for Your Websites – Some of these API’s also help in finding the local street addresses and also names of various places. One of these API services named as the Amazon A3 storage makes it possible to store files on the internet.
All About Backgrounds in CSS3 – the purpose of this tutorial to get you up and running with the various techniques and practices and showcase the different ways to create great backgrounds and give your website a little pep and zing.
Getting to Grips with the HTML5 File API – The HTML5 File API allows developers to interact with the local filesystem on the client-side. Using these APIs, developers can build more robust web applications that work seamlessly both online and offline.
Git Going – A simple guide to integrating Git & Github to your workflow.
Adding Scalable Vector Graphics (SVG) In Unsupported Browser – The idea is simple, we will still be using SVG elements as the primary way to deliver graphics on our webpage, but at the same time we will also provide a fallback function so that it can be still rendered in unsupported browsers.
Using CSS3 Columns – This new feature allows you to create CSS3 columns without doing any maths on widths, margins etc it will work it all out for you.
Usability, User Experience, Responsive Webdesign, Mobile, etc.
User Experience v. Customer Experience- Often, customer experience is translated into user experience – the front-end digital experience of users. They are not the same, but they are not that different. Which comes first?
Designing for the Sense of Touch: A New Frontier for Design – Designing specifically for the sense of touch presents new challenges and opportunities for design: developing an object or object that feels right is quite different than designing a product or device that looks good.
Stop designing for fixed viewports! – When two columns become unreasonably small and the content becomes too cramped, the design breaks and you know there should be a media query there to fix it. Don’t let device dimensions dictate the flow of the design.
The new design methodologies- But before running off and pushing Agile and Lean onto every project you work on, you should take some time to consider the merits of each methodology. In fact, choosing the right methodology for your project or your company is definitely one of the biggest challenges in ensuring you fulfil the brief.
‘Content first’? Content left,right and centre! – But code doesn’t convey a message to a site’s users, and graphics can only partly be about meaning to those users. Dimensions, presentation or flow – they’re not content.
Responsive Navigation: Optimizing for Touch Across Devices – It may be time to revisit navigation standards on the Web. How can a navigation menu be designed to work across a wide range of touch screen sizes?
Stop thinking in pixels:improving web layout – HiDPI displays are enabling users to experience a more beautiful web, but also exposing the crutch that is thinking in pixels. Let’s take some lessons from the print world and improve our layouts
Best practices for navigation on the mobile web – The way people access information online is evolving. Google reports that by next year (2013) more than half of website visits will come from mobile devices rather than desktops or laptops
Mobile Input Methods – I often say that desktop computing—and especially the desktop Web—made the practice of interaction design lazy, by promulgating assumptions that are not always true outside of this narrow domain.
Webdesign in Common, Web Typography, jQuery, Tools, etc.
Targeting Your Audience Effectively with Simple Web Design Tips – Today we will talk about how to spot your real target audience. This is the first major step in your strategy and the most important. If you fail at this, nothing else will fall into place.
Do You Take Advantage of These 5 Landing Page Hot Spots? – There are a handful of landing page elements that never fail to draw a visitor’s attention. If you take full advantage of these “hot spots”, you can create a more engaging landing page.
Better Password Masking For Sign-Up Forms – Users sometimes want to show their friends or colleagues something on the website, and they would need to log in to do so. Therefore, masking passwords in log-in forms is good because it keeps passwords hidden every time the user logs in.
Cleaner CSS3 Font Stacks for Web Developers – In this article I’d like to examine a few trends for creating more appropriate CSS font stacks. Much of this information is common knowledge for advanced developers but it’s worth ..
How to Plan Your Website Navigation In Advance – Planning your navigation in advance can help you in a wide variety of terms and steps to organize your website and improve your design by taking a few steps and considerations.
Restricting input with jQuery – It seems like half the forms I submit have to be refilled and submitted over again because I didn’t include an uppercase letter in my password, or I did, or the password can only be numerical, ..
25 web development tips to boost your skills – Overflowing like an inadequately specified buffer, a googolplex of know-how has been filtered to bring you 25 fine features, tricks and tips. There are open source services that developers ..
Awesome jQuery snippets to work with forms – To help you working more easily with HTML forms, I have compiled some very useful jQuery code snippets from my personal snippet library in this article.
Things To Consider Before You Redesign Your Website- It’s very important that you give your website a new facelift every now and then, at least once every couple of years, so that it maintains its elements of freshness and keeps visitors lured to your web pages.
Rhythm And Proportion In Grids And Type – Today I want to lean more toward the practical side and talk about aspects of design we work with regularly and how we can add rhythm to our work through them.
7 Tips for Successful Side Projects – In this article we’ll take a look at seven keys or tips that will hopefully help to make your own efforts with side projects more beneficial.
Sometimes, more is more – The goal is to get you to understand where minimalism is good and where it’s not in web design; particularly to stay focused instead of talking about minimalism in general.
Designing to Build Trust : The factors that matter – In this article, we will dive into the nature of trusted online experiences, why they are important, design attributes that we know people trust, and how design creates trust and distrust.
Graphic Design, Brand Identity, Typography, Print Design, Icons, etc.
The ultimate guide to logo design: 25 expert tips – Logos are all around us. To the general public they serve as an instant reminder of a company or a product; to the client they’re the point of recognition on which their brand hangs;
21 Business Blogging Tips From the Pros- Are you looking for exciting tips to streamline your blogging experience? We spoke with 21 top experts to find the hottest business blogging tips you need to know today.
When & How to Use Illustrator’s Live Trace Feature – The Live Trace option can be great for many things, but can often be misused too. Let’s walk through four situations in which Live Trace is often used, and how you can use Live Trace to help you in those situations.
Create the perfect design portfolio: 30 pro tips – Whether physical or online, your portfolio is your career calling card. Here’s how to get it right and win that dream job. How much time do you spend improving your design portfolio?
Blogging, Social Media, Writing, Content Strategy, Email, etc.
The REAL Benefits of Guest Blogging- Guest blogging is, indeed, one of the powerful ways of building strong, high-quality relationships that may help you in multiple ways, including developing business opportunities and professional connections, setting brand value and, of course, acquisition of link juice.
5 Best Tools for Email Marketing- Email marketing can be as simple as imputing email addresses into a database, compiling a message from a template, and watching its success with graphs and data based on how the emails are received.
How to Set Up Your LinkedIn Profile: A Freelancer’s Guide – In this article I show you how to set up your LinkedIn profile as an effective marketing tool. Setting up your profile for success is important because it provides ..
Advanced LinkedIn Techniques for Getting More Clients – Marketing on LinkedIn is all about building relationships. You’re there to connect with people who could hire you, give you testimonials, or put you in touch with prospects.
Should You Have Comments On Your Site? – Do you like comments? On your site, your blog, your every bloody thing you publish online? I don’t. People keep being bad to me, and I end up crying in a corner.
Effective Landing Pages for WordPress – If you have absolutely anything you want people to do when visiting your website — be that subscribe, download, purchase, whatever — you need a landing page.
Quick Tip: Working with SASS and Bootstrap – This tutorial will explain how to combine SASS, Compass, and Twitter’s Bootstrap. Twitter’s Bootstrap is undeniably popular – and if you’re a fan of CSS preprocessors you’ll love the fact that it’s built on LESS.
Quick Tip: Using wp_editor – It is a WordPress function that creates a visual (WYSIWYG) editor like the one featured in the WordPress admin when creating posts or pages. This handy little function has been available since WordPress v3.3.
Setting Up Your Theme Functions – We’ve got a file structure in place, now let’s start adding things to them! First, we’re going to add some PHP functions to our theme. These functions will serve a variety of purposes
Building your first WordPress plugin (part 2) – The concept of hooks, actions, and filters is responsible for that; being the real heart of the whole WordPress plugins system. Everything starts from the “hooks” provided by the core itself.
What is a WordPress Theme Framework? Pros, Cons, and More – The term WordPress theme framework often refers to a code library that is used to facilitate development of a theme. In the old days of WordPress, there were ..
Advanced Taxonomy Queries with Pretty URLs- WordPress 3.1 introduced the best new feature I failed to notice – built-in support for filtering posts by multiple taxonomies.
How to Change a WordPress Theme and Keep your SEO Meta Tag Data – Bottom line, the general consensus is that meta tag data helps both the search engines and users to determine what your site is about. So, what happens to this data if you change your WordPress theme?
A Complete Guide to WordPress SEO – When setting up WordPress, there are a few basic settings that are critical for SEO. Be sure to have these settings in place before doing anything else related to your website.
The WP_List_Table Function: What it Is and How to Use It Within a Typical WordPress Installation – For the past several major releases of WordPress, the columns of data within the WordPress Dashboard have been sortable either in ascending or descending order.
Understanding and using $wpdb object in WordPress – These functions mostly suffice the needs of most of the plugins built on top of WordPress. But in some cases we need direct access to the database to perform some queries or operations directly on the database.
A Guide to WordPress Custom Post Types: Taxonomies, Admin Columns, Filters and Archives – This tutorial covers how to create custom taxonomies, admin columns, taxonomy filters and an archive page for your CPT.
Search Engine Optimalization, Conversions, Analytics, etc.
10 Lessons About Enterprise SEO- What follows are 10 lessons that I have learned over the years so that you might know what to watch out for as you run or manage your own SEO campaign. Hopefully you find the information valuable!
What’s old is new again when it comes to SEO essentials- With at least 13 updates to its algorithms since April’s Penguin update targeted sites that violate Google’s webmaster guidelines, it’s clear the search engine giant means ..
Why and How to Improve your Web-Site Speed – One of the most important things that any web-designer is advised to take into consideration is how long does it take to load his or her web-page.
CSS3 tucked corners – While thinking about it, one of my first thoughts was to try finding an alternative solution which can allow you use a pattern as a background for the containing block.
Elastislide Revised – Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified.
Display Form <progress>- Perhaps to encourage finishing the form, you let them know how close to completion they are, and display motivational messages along the way.
Letter-based Navigation using jQuery – We are going to build a letter-based navigation to filter the content of a table and a list. When clicking one of the letters, we will filters the list/table to show only the items in the list/table that start with that letter.
Freelance, Business and Workflow Related Stuff
10 Things Every Freelancer Should Try at Least Once – In this post, I list some things that I think every freelancer should try at least once, but that most freelancers don’t actually try.
10 Essential Marketing Skills for Freelancers- As a freelancer, you live and die by your ability to sell your services. And unless you’ve got some kind of agent or marketing firm doing your marketing for you, you’ve got to be your own marketer.
How to balance creativity with business needs – Creativity and design should in theory be based on a top-down, empirical and measurable return on investment. This is a positive and necessary step back to the older days of relying on the instincts of a single creative.
How your thoughts affect your freelance income – I want to talk about how your thoughts affect your freelance income–and what you can do to think more positively about money.
The Freelancer’s Guide to Building Solid Credibility – I want to use this article as a loose guide for credible traits in a portfolio. Every freelancer needs to draw in attention for their accomplishments.
How to Raise Your Freelance Pay Rates in the Next 60 Days – Freelancers need to continuously raise rates, because the cost of living isn’t stable. The price of oil and corn are both going up as I write this, for instance.
How Designers Can Hit Deadlines before Clients Hit Them – Since we are talking about hitting deadlines here, we have provided some tips for you onhow you can reach your deadline. There are times that clients and designers have misunderstandings due to this matter.
Client-Designer Teamwork For Better Results – As you can feel after going through the above compilation, a budding client-designer relationship can be considered as a foundation to a perfect website design.
Build Your Reputation with Management – Each transaction has the potential of building or destroying your reputation. Each time a customer receives a quality product at a fair price, the customer has the opportunity to tell his friends about the courteous service.
How to Manage Your Payments as a Freelancer – Some freelance designers might overlook this most of the time but with this article, we do hope that you will be able to look into how you handle your freelance payments.
F*cking Brilliant, a great Read or just magnificent Tips!
Service that Scales: Pricing Guidelines, Tips, and Strategies for Freelancers – In a short-sighted shoot for ultra-low prices, online entrepreneurs are aiming to spend less and less on services, and unfortunately many online providers are following suit with their pricing.
Dear Business, I’m scared for you – It’s scary to see a much too large majority of businesses still viewing websites as afeature to their business. Yes, what was once a feature like ten years ago is now the price of entry to survive and thrive.
Minimize Metro! How to make Windows pure again – So you use Windows 7, and you’re thinking about upgrading to the new Windows 8. You’ve read about the jolting changes when you jump between the Windows Desktop side of Windows 8 and the Metro side.
Becoming Device-Agnostic – Responsive Web Design is more than just adjusting a web experience to different screen sizes. Becoming device-agnostic is an important step for creating future-proof websites and here are a couple of thoughts on that.
Design isn’t just about pixels – Anyone can study the programs and learn about the history of Helvetica, but the best designers are those who understand life outside the monitor.
Using the Rule of Thirds as a Grid Outline – The rule of thirds is an important grid concept that explains how people look at images, websites and other visual information. Intentional or not, almost every person who looks at an image, “reads” it using the theory behind this grid.
How to Be Productive in the Age of Distraction – Despite this, there are ways to be productive in the apparent age of distraction today. Distraction can happen both offline and online.
Trimming the Fat – An update in February improved the responsive layout and saw some initial performance optimisations. The last few weeks have seen further iteration. Although the design looks remarkably similar, much has changed below the surface.
Want To Make Your Environment More Creative? Kill Some Rules – Our creativity is often determined by how actively engaged and focused we are. Sometimes our focus is dictated by the constraints, or rules, we apply to it
– § -
I hope you have enjoyed these hand-picked great articles? Please let me know by sharing your opinion in the proper 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