1. Blog
  2. Design
  3. Standards

Web Design Standards & Dev Tools


Web Design Standards & Free Web Development Resources

10 Responsive Frameworks You Need

10 Responsive Frameworks You Need

Bootstrap vs UIKit vs Foundation - We take a look inside all the popular frameworks on the market and find the 10 Responsive Frameworks You Need.


Responsive Frameworks are springing up everywhere lately, but crowding the market occasionally leads to confusion. Whether you call them responsive grid systems or a css responsive layouts - they are a web designer's best friend and we love them as much as anyone. The only issue we have with responsive frameworks is that there are just so many out there and when you're brain shoots to Bootstrap vs UIKit vs Foundation vs every thing else, it can be a tough decision. With that in mind, we'll try to save you some time and give you a few more tools... because these are the only css libraries you need to provide good responsive design to your clients.

Haeck Design - Stamp Logo

Pinterest Branding and Marketing Strategy

Pinterest Branding and Marketing Strategy

This Pinterest tutorial will help build your Pinterest marketing and branding strategy... and also has a few tips for using it effectively.


Pinterest continues with steady growth in the "Social Networking" market. With 2.5 billion unique page views per month, this is an audience you need to convey your brand to and a site that can help you build that audience... as long as you address it properly.

Haeck Design - Stamp Logo

The Best Wireframe Tools / Wireframe Apps

The Best Wireframe Tools / Wireframe Apps

Bridging the gap between your vision and a clients idea usually takes a few tools. Use one of the best wireframe tools on the market and you'll go a long way in bridging that gap.


Wireframing is one of the most important steps in web or app development. Using solid wireframe tools can be a huge time saver, but if you're completely unfamiliar with concept - you're basically trying to roughly sketch what content goes where. The largest benefits of this being that it gives designers a map to work from and it also establishes the scope of the project. All things considered Wireframing is probably the most useful step in the development process, because it establishes communication, allows feedback, inks guidelines, and gives everyone a point of reference.

Haeck Design - Stamp Logo

Free Site Ranking Utilities

Free Site Ranking Utilities

Optimizing SEO can be a complicated task. Free site ranking utilities provide experienced web developers and newcomers alike, a helpful way to track progress and identify potential shortfalls.


The more variables involved, the more complex a task will be. When addressing a websites SEO progress you need to account for several ranking factors, then gauge exactly how your site is performing in each. This complexity usually leaves you with two options, hire an all-inclusive SEO company or purchase an advanced program that runs these numbers for you (usually w/ a hefty monthly fee). Like most computer nerds, I find it hard to justify paying for data that's generally available for free. That's why we've compiled and detailed our favorite free SEO ranking tools for loyal readers. In the interest of efficient sharing, we've split our recommendations into two sections - free SEO site ranking tools & tools for tracking individual ranking factors. All have been extensively tested and belong in the bookmark section of any developer or website owner who cares about performance... which should be everyone.

Haeck Design - Stamp Logo

Mastering RSS - RSS Submission Sites & Tools

Mastering RSS - RSS Submission Sites & Tools

Content distribution is an overlooked aspect of blogging, so we created this quick guide to mastering RSS. By identifying leading RSS feed formats, top RSS submission sites, and a few of the best RSS reader apps, we can make your audience even larger.


After a recent convention an interesting topic arose, that being the future of RSS. For the last few years many in the industry have warned about the demise of this syndication method, while large social networks have attempted to recreate an approach that they can more extensively monetize. Of course no major internet company will be transparent about their intent, but any company that encourages "sharing" while harvesting and profiting off data should be viewed with a skeptical lens. Luckily by refocusing our efforts back towards a more proprietary syndication like RSS we can all enjoy increased traffic and exposure while retaining more control over our content's distribution. While that view may stray into philosophical debate, the benefits of effective RSS syndication are very real. Let's start by identifying exactly how feeds work and which RSS submission sites can have you automatically spreading your message to a wider audience w/ just a little fine tuning.

Haeck Design - Stamp Logo

Joomla 101: Create an Article & SEO Settings

Joomla 101: Create an Article & SEO Settings

This Joomla 101 tutorial infographic shows you how to create a Joomla post and optimize your basic Joomla SEO settings to get the best out of them.


There are a variety of quality CMS's out these days which really give clients a decent amount of control over their websites. As coders, we sometimes forget that 90% of these clients barely know what a CMS is. That's why I tossed together a quick "this is how you post" tutorial image. A few clients have found it useful, so I figured I may as well post it here in case it's helpful for anyone else.

Haeck Design - Stamp Logo

Favicon Basics - A Favicon Tutorial

Favicon Basics - A Favicon Tutorial

In this favicon tutorial we'll cover the Favicon Basics - What is a Favicon, What’s the standard favicon size & We’ll show you how to make a favicon - Including the best generators, favicon html samples & ico file converters.


Sanford Weill once stated "Details create the big picture" and in the design world, that's an absolute truth. When you run across a business who doesn't have favicons on their site, their brand is automatically discounted. It's a small detail, but a viewer can't help but notice. In many respects, this attention to detail is what sets failing and thriving businesses apart. In 5-10 minutes any designer can create a favicon that is both beautiful and functional. In this brief favicon tutorial we'll show you how!

Haeck Design - Stamp Logo

ReCaptcha Basics - Using ReCaptcha

ReCaptcha Basics - Using ReCaptcha

In this Google reCaptcha tutorial we cover the reCaptcha basics - What is reCaptcha, a start to using reCaptcha with PHP, code for a reCaptcha example, and how to fix a recaptcha not working properly.


A CAPTCHA should be familiar to any web user. Those small squiggly words that you generally need to input to verify your identity on contact pages for example. What many users don't know however is where those words come from and just how that data is being used. In this Google ReCaptcha tutorial we'll explain all the ReCaptcha basics and show you how to get this security standard up and running on your website.

Haeck Design - Stamp Logo

Facebooks Open Graph API & Protocol

Facebooks Open Graph API & Protocol

The Open Graph API underpins a huge piece of Facebook’s future viability. We’ll explain what is DublinCore, what is RDF, what is metadata & how will the Open Graph protocol impact the future of web development.


There is one single string connecting you from just about anyone in the world. Without going to the easy "Kevin Bacon" analogy, just think of it this way... Lets say for example, you love Karate Kid (and really, who doesn't?)... so does 12 year-old Paco (from Spain). Although you may have very little in common with Paco... You both know how to pull off a wicked Crane Kick - and that is a connection. Facebook's real genius, is allowing these connections to be aggregated, compiled, and queried. "Yeah... but how?"... The simplest answer? By utilizing Open Graph.

Haeck Design - Stamp Logo

Ubuntu Open Source OS

Ubuntu Open Source OS

Anyone familiar with Ubuntu basics knows it's easy to turn your nose up at a free os, whats a bit tougher is finding it's flaws.


Getting Ubuntu running on your computer is pretty straightforward if you know the Ubuntu basics. Most of the features are very similar to every other graphical user interface. Here are a few of the Ubuntu basics that should help get you started and chugging along.

Haeck Design - Stamp Logo

Vimeo vs YouTube

Vimeo vs YouTube

In the battle of Vimeo vs YouTube, we generally prefer to use an unlikely choice.


Another addition to our "Web Standards" section is one that has been in line for a while. The battle of Vimeo vs YouTube has raged on for years, and although the content isn't always there - we tend to prefer using Vimeo... and this is why.

Haeck Design - Stamp Logo

Joomla CMS Basics

Joomla CMS Basics

These are the Joomla CMS basics, so you can choose which CMS works best for your project.


When it comes to choosing a CMS you've got a growing number of options. With this article we aim to teach you the Joomla basics so you can see what makes Joomla stand apart from the rest. Around Haeck Design it's been a standard for years, but if you're not familiar with the advantages / disadvantages - allow us to break them down for you...

Haeck Design - Stamp Logo

Creative Commons Basics

Creative Commons Basics

This guide to using Creative Commons will cover all the Creative Commons basics - Selecting an attribution type, A detailed Creative Commons attribution example & factors in identifying Creative Commons vs copyright situations.


Their vision is nothing less than realizing the full potential of the Internet — universal access to research, education, full participation in culture, and driving a new era of development, growth, and productivity.

Haeck Design - Stamp Logo

Thanks for Visiting Our Web Design Standards & Dev Tools...