Updated on May 21, 2015 in Learn
Setting up Google Authorship for Your Website
You will have probably noticed that Google added a new addition to their search results a little while back. Verified content creators can now have a headshot and byline displayed alongside their links in the search results. In this blog…
Updated on May 21, 2015 in Learn
5 Great Hidden Features in the Chrome DevTools
The Chrome DevTools is a set of panels built into the Google Chrome browser that help web developers inspect code. You can access the DevTools using shortcut keys (Ctrl+Shift+i on Windows and CMD+Option+i on Mac) or by right clicking anywhere…
Updated on May 21, 2015 in Learn
Solutions for Well-Designed Comments & Discussion Areas
Not every website requires a type of user discussion. Handling comments on a popular site becomes a chore when sifting through spam and cleaning up garbage. Yet it also provides a way for readers to communicate their thoughts on a…
Updated on May 21, 2015 in Learn
Scalable Web Design
I can remember a time when pretty much everyone designed websites for an 800×600 screen resolution, but (thankfully) those days are long gone. Smart watches and 4k displays are pushing resolutions at both ends of the spectrum, and even more…
Updated on May 21, 2015 in Learn
There’s more than one way to mockup a website.
You’ve probably seen PSD to HTML advertisements around the web. If you type “PSD to HTML” into your favorite search engine, you’ll find lots of companies that will turn your Photoshop mockup into code. You’ll also find innumerable tutorials that demonstrate…
Updated on May 21, 2015 in Learn
Thinking Ahead: Multi-Resolution Images with srcset
Developing for high-resolution displays often requires different image resources for each image. Because of this, there’s been a need for a more standard way of serving responsive content images – ones that adapt to different resolutions and viewport sizes. What…
Updated on June 30, 2015 in Learn
Popular Web Design Trends for Responsive Navigation
The process of creating a great responsive layout includes many factors. Fluid-width designs are similar, but not always built with mobile devices in mind. Any typical responsive web design is going to feature staple elements you’d expect to find in…
Updated on May 21, 2015 in Learn
Best Free jQuery Form Plugins to Improve User Experience
Webpage forms are quite commonplace for a number of different purposes. Some examples include user registration, e-commerce checkouts, profile settings, or even contact forms. Input fields are much easier to style with modern CSS3 techniques – but what about improving…
Updated on May 21, 2015 in Learn
Poka-Yoke: The Quest for Mistake-Proof Designs
What is Poka-Yoke? Poka-Yoke is a Japanese term that means “mistake-proofing”. In other words, the goal is to make an object that prevents the user from messing up. We live in a complicated world, but good design concepts like poka-yoke…
Updated on May 21, 2015 in Learn
5 Incredible WebGL Demos
WebGL or Web Graphics Library is a means through which the browser can interface directly with the GPU. This gives web designers and developers access to all the graphical horsepower that users have become accustomed to in desktop applications. Browser…
Updated on May 21, 2015 in Learn
3D in the Browser: WebGL versus CSS 3D Transforms
WebGL and CSS 3D transforms are two major technologies for creating 3D in the browser, and as recently as a few years ago, they didn’t have much browser support. Much has changed in a short period of time, and if…
Updated on May 21, 2015 in Learn
Open Source jQuery Plugins for Building Single-Page Website Layouts
Typically a single-page website is focused on presenting a very focused goal or objective. These layouts work best for companies, freelancers, and Internet projects which need an online haven to share information. Sliding parallax menus are also common because it…