Hope you all had a great week? .. it’s 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.
HTML5 mythbusting – The ongoing discussion about the “readiness” of HTML5 is based on a lot of false assumptions. These lead to myths about HTML5 that get uttered once and then continuously repeated – a lot of times without checking their validity at all.
10 Easy Image Hover Effects You Can Copy and Paste – Today, we’re going to follow that up with ten new effects specifically built for use with images. Each example comes with an HTML and CSS snippet that you can steal
So Long, CSS Sprites: Use CSS3 Filters To Create Icon Rollover Effects – For everything else – in which a link requires a hover effect but is not text, nor something that can be encoded as a font – the traditional solution has been CSS sprites
The Whens and Whys for PHP Design Patterns – I’ll present different situations and use-cases for patterns, and will also provide short definitions to help those of you who are not so familiar with these specific patterns
Getting Started With Sass: Installation And The Basics – Before we can compose Sass we need to install it. Sass is built upon Ruby. If you are working on aMac, chances are, you already have Ruby installed. If you may to install Ruby in Windows, use thisRuby Installer.
Use Box Model For Easier Widths – There is a CSS property call box-sizing which makes this work a lot easier. Using the box-sizing property with the value border-box will include the padding and the border in the width of the element.
Off Canvas Menu with CSS :target – I thought it would be fun to try and recreate Anthony’s jPanelMenu using only CSS. It’s do-able – with several advantages and disadvantages.
Optimize Legibility – Basically, setting the value of “optimizeLegibility” for the “text-rendering” property lets you enable things like ligatures and more accurate kerning (the spacing between letters), which, as the name of the value implies, ..
A Beginner’s Guide to Zurb Foundation 3: The Grid- Over the course of several articles, we’re going to jump in and take a look at its various aspects from a complete beginner’s perspective. Today’s topic is : the grid
Usability, User Experience, Responsive Webdesign, Mobile, etc.
Optimising for Retina:10 essential tools – You can’t afford to ignore the challenges presented by the prevalence of hi-res displays, but fortunately, there are some great tools out there for hi-res design
17 Flexible Grid Tools and Frameworks for Responsive Websites – In this collection, we are presenting 17 flexible grid tools and frameworks to help you create visually appealing and fully functional responsive websites.
How To Succeed With Your Mobile App – Most apps fail. This cruel reality has led many disillusioned developers to conclude, often subconsciously, that succeeding on the App Store is like striking it rich in the gold rush: you just need to get lucky.
Responsive Website Design, Catch up with Technology – Responsive Design is one of the terms in the concept of a web presence that will adjust to the size of the viewport that is used by the user when accessing a website.
The Cost of a Touch – Have you ever thought about how often you touch your mobile device during a single day? Hundreds and hundreds of times, right? But what is the cost of all this touching?
Responsive background images with fixed or fluid aspect ratios – What’s the easiest way to scale background images in responsive layouts? We use an old technique and enhance it to fluidly change the aspect ratio of background images.
Adaptive Vs. Responsive Layouts And Optimal Form Field Labels – A responsive layout is in theory always better than an adaptive layout, but in some cases an adaptive layout is a more pragmatic solution.
The CSS physical unit problem- Now that we have the iPad Mini, web designers waste no time in wanting to distinguish between it and the iPad 2. Tough luck.
Webdesign in Common, Web Typography, jQuery, Tools, etc.
Heading Set Styling with CSS – In this tutorial we will create a couple of heading styles to get your creative juices flowing for your next project. Make heading styles work by applying the right combinations of colors, fonts and decoration.
A Thorough Guide to Domain Name Registration – The choice of a domain name is considered as one of the most important decisions that can help in establishing an online business or personal website.
Please Stop “Fixing” Font Smoothing – The antialiasing mode is not a “fix” for subpixel rendering — in most cases it’s a handicap. Subpixel rendering is technically superior, clearer, and more readable than antialiasing because by ..
The Importance of Typography in Web design and How It can Affect Traffic to Your Site – Choosing typography is, therefore, one of the most fateful decisions a company and its web designers can make. Typography is more than simply the style of the font.
5 Tips for Getting your Design Portfolio Seen – The most important thing in today’s work is getting your work noticed. Here are five excellent methods to get your design portfolio seen and to make potential clients recognize your abilities.
4 Solutions for Full-Screen Background Images – Let’s look at 4 different solutions for full page background images, starting with a CSS-only solution and moving into a few different jQuery-powered solutions.
10 Reasons Why Your Website Redo Will Fail – For the brave businesses about to embark on investing in a web site redo, we offer 10 perceptions that we often encounter which are worth reconsideration.
6 Useful jQuery Plugins to Manage Webpage Layouts- we have gathered afew jQuery plugins which will enable you to manipulate and develop page layouts faster and with cross browser compatible results.
Web Development Techniques Focused on Scalability & Growth – In this article I want to discuss scaling your website based on more of an average audience range. I’m thinking in terms of blogs, corporate websites, e-commerce, or even social networks with a smaller market scale.
jQuery Grid Plugins & Responsive Grid Frameworks for Developers – All of these JQuery Grid Plugins each have an impressive set of features, capabilities, and levels of use when it comes to achieving great functional Responsive design.
Graphic Design, Brand Identity, Typography, Print Design, Icons, etc.
Explaining Logo Design Budgets to Clients- The question I’m most asked? “How much will it cost me for you to design me a logo?”, and that’s often bluntly asked in the first line of a one line only email.
Seven rules of successful branding – Everyone knows what a successful brand looks like, but creating a new brand that chimes with the public is challenging to say the least.
Blogging, Social Media, Writing, Content Strategy, Email, etc.
12 Steps In Increase Website Revenues With Current Traffic – Increasing your web traffic is not that difficult provided you use the right techniques. However, obtaining quality traffic is a whole another matter, which brings us to an important point.
How to Effectively Rebrand Your Social Media Profiles – With the right preparation, it’s possible to manage your social media rebranding efforts without losing a significant number of subscribers along the way.
B2B Business Blogging – The Complete In-Depth Guide To Creating A Killer Blog – While blogging might seem daunting at first, you’ll find that the more you get into it, the easier it gets and the more you can pick up and apply ..
30 reasons your content marketing strategy is failing miserably- It’s a shame that too many companies are getting content strategy horribly wrong and you can find the abandoned shells of business blogs all over the web.
Understanding and Applying WordPress Shortcodes – Known as shortcodes, this feature actually allows developers to bundle entire pieces of XHTML or PHP code into a small variable that can be placed throughout the installation’s posts, page content, and even its template files with a little trickery.
Move Wp-Content Folder To Different Location – The best reason to move the wp-content is for security if you move this to an unexpected location any hackers looking to target this area won’t be able to find it, or it will make it more difficult to find.
Pods – A framework for WordPress that allows you to create, extend, manage, and deploy customized content types and fields. Pods allows you to add context to content. Forget managing all of your content through simple posts and categories
WordPress Bootstrap theme can be used as-is or as a starting point for theme development. It has been built on top of the Bones theme framework and based on v2.1.1 of Twitter’s Bootstrap.
The Complete Guide To Custom Post Types – A custom post type is nothing more than a regular post with a different
post_type value in the database. The post type of regular posts is
post, pages use
page, attachments use
attachment and so on.
How to Display Metaboxes According to the Current Post Format – Today I’d like to show you how to go further with custom metaboxes and specifically how to use them according to post formats.
Spam: What You Need to Know to Protect Your WordPress Blog – Today I want to take an in-depth look at the issue of spam on WordPress blogs, and how it can be managed and prevented.
How to Develop WordPress Themes Using Responsive Frameworks – In terms of actually designing for WordPress, the content management system’s large pool of developers typically design for one of four major frameworks.
Search Engine Optimalization, Conversions, Analytics, etc.
Step-by-Step SEO: How to Setup Google+ Authorship – In order to help more website owners take advantage of this technique, I’ll first cover what Google+ authorship is and how it can improve your online business results, ..
Top 5 Tips for Recovering From a Low-Quality Backlink Profile – So if you happen to be suffering from a backlink profile rife with low-quality entries, here are just a few tips to help you recover and get back in Google’s good graces.
How to Optimize Images for Better Search Engine Rankings – I know, Google image search only gets a half a percent of Google’s overall traffic. But due to blend search results, images actually get a lot more traffic than that half a percent.
Why Google’s Author Tag will Change the SEO Game Forever – This is a very hot topic in SEO and Marketing circles at the moment but a lot of people are only looking at the short-term win of using this tag to increase click-throughs to your posts from search results.
Landing page fail: why I came to your site and bounced – There is an art to crafting a good homepage for a website. A good homepage is a fine balance of visual interest, capture strategy, just enough information, and just the right amount of sass.
Your Guide to Social Signals for SEO – We’re still trying to figure out just how strong of a role social signals play in organic SEO rankings: multiplestudies have been conducted to determine the exact correlation of social signals and SEO rankings, with varying results.
SEO tips to get better organic search engine results – The organic SEO simply involves the use of couple of methods and practices to find the search results in page one. The organic SEO has couple of vital benefits, this include getting free and specific traffic over your site or blog.
Evolution of On-page Optimization – On-page optimization is one of the most crucial aspects of your SEO strategy. If done in the right way, it can do wonders for your website’s standing within search engines.
Google Authorship: Are You Taking Full Advantage of It?- If you don’t know by now, Google Authorship is about to change the way bloggers blog. It might look like a subtle change, but implementing it early will give you a distinct advantage over the late adopters.
Gamma Gallery: A Responsive Image Gallery Experiment- Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
25 Useful CSS3 Menu Tutorials – It is must for a web designer and a web developer to stay updated with latest techniques used. You can try these tutorials to code professional looking navigation menus,
Freelance, Business and Workflow Related Stuff
Think Like a Business Owner – Why clients buy and why they pay your price boils down to one vague, hard-to-define concept called value. And while “value” may be difficult to grasp, this much is certain.
25 Steps to Understanding Your Website Audience – let’s imagine that you, being a proficient designer, have decided to move your business online. So, once you have a functioning website and a certain clientele, you may start your research.
How to launch a web startup – So you want to launch a startup company? First you need a good idea. Where do entrepreneurs get their inspiration from? Well, most great ideas are born out of pain: you’ve got a problem and so look for a way to fix it.
Making extra money as a freelancer, without being cheated – I’m going to show you several ways to make money when the phone isn’t ringing, ordered from the most worthwhile, to what in my opinion is the least.
Top 3 Mistakes Agencies and In-House Departments Make on Web Projects – Congrats, you just sold a website! Now comes the part where you figure out how to price the website. Tip: Your estimates will always be wrong.
Contract Killer 3- Now it’s time for an update that addresses responsive design and mobile, plus a few more general improvements. The biggest changes come, once again, in the browser testing section.
How To Get Clients To Say Yes To Your Designs – For your business to grow you have to sell yourself every day and that might take adopting some tried and true sales techniques.
The Secret to Finding Highly Profitable Clients – The secret to creating consistently high profits is to understand how to choose your clients and not the other way around. Yes, you need to select exactly whom you intend to work ..
Big question: how do youhandle project management? – Andy Rutledge recently argued that project managers often do more harm than good. We asked our expert panel what the role of a project manager should be.
F*cking Brilliant, a great Read or just magnificent Tips!
The Problem With Style Guides – Style guides are intended to protect the integrity of the brand when in the hands of other designers. They’re meant to make workflow faster and to reduce the number of decisions a designer has to make.
Retiring The Portfolio Screenshot – The screengrab always reflected a mythical state in time where the website looked just as the designer intended it, not how it typically ends up after a week or two when the client has been adding their own ad banners, stock photos of business people shaking hands or several poorly worded press releases.
- § -
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