Kevin Tierney

48 Flips | 5 Magazines | 21 Likes | 4 Followers | @tierneykev | Keep up with Kevin Tierney on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Kevin Tierney”

Flexible typography with CSS locks

In early 2012, I shared a formula for “molten leading”, or fluid line spacing. Experienced typographers know that long lines of text need more line …

What would you do with 10kB?

Sixteen years ago, Stewart Butterfield conceived of a contest that would test the mettle of any web designer: The 5k. The idea was that entrants …

7 Tools That Will Help You Do More Productive Design Work

We are huge fans of beautiful, elegant design—but not always of the time it takes to make something beautiful. Luckily, there are a number of tools …

Web Design

4 Useful JavaScript Statements You Should Know

JavaScript statements give us the power to <b>implement different types of logic in our code.</b> JavaScript provides us with several of them, all of which …

JavaScript Unit Testing For Beginners

You're reading JavaScript Unit Testing For Beginners, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, …

10 Best CSS Code Generators for Web Developers

Web developers are always looking for shortcuts to save time in their routine. Many great dev tools ease the process, and it’s now easier than ever …

Why and how to comprehensively test the mobile usability of your site

<b>Testing with Google’s mobile-friendly and page-speed tests is a good, but if you really want competitive edge on the mobile web this is just the</b> …

d3.js workshops

learning and teaching d3 together<p>Learning d3.js and data visualization is a long and sometimes frustrating journey. First, there is the overwhelming …

Learning

Bootstrap’s Reboot — Next Evolutionary Step for CSS Reset

Bootstrap 4 is coming, among other things, with substitution for Normalize.css. Its own browser defaults unification code, Reboot.<p>Since the days of …

Web Development

8 Super Common Mistakes That Beginner Designers Make

Advertise here with BSA<br>Beginner web designers and developers frequently look at their creations and say things like “this kind of stinks, but I don’t …

Good and Bad CSS Practices for Beginners

Advertise here with BSA<br>With CSS3, we can manage media queries, utilize better background images and even handle animations that can be loaded faster …

Understanding CSS Writing Methodologies

<b>Editor’s note:</b> This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to …

5 Things You Should Know About CSS Specificity

CSS Specificity is sort of formula, which helps the browsers to decide which CSS property value will take precedence and will be applied to the …

Google rolling out Material Design web-wide

Since 2014, Google has been redesigning its apps and services according to its own Material Design principles. Yesterday it announced on its design …

10 productivity tools every successful web developer relies on

As a web developer your job is to deliver high quality websites which can help users find what they are looking for, without being prevented by bugs …

Web Design

Top Ten Front-End Design Rules For Developers

Truly understanding design is easier said than done. Coding and aesthetic design require very different skill sets, which is why some front-end …

A Tutorial on Drill-down FusionCharts in jQuery

When dealing with data analysis, most companies rely on MS Excel or Google Sheets, but dealing with data presented this way isn’t very eye-catching …

SQL Injection Cheat Sheet

What is an SQL Injection Cheat Sheet?An SQL injection cheat sheet is a resource in which you can find detailed technical information about the many …

Virtual Columns in MySQL and MariaDB

Documentation<p>The MariaDB documentation is very easy to find.<p>Finding the documentation for virtual columns in 5.7 is a bit more challenging. Here is …

Button UX Design: Best Practices, Types and States

Buttons are an ordinary, every-day element of interaction design. Despite this, because buttons are a <i>vital element in creating a smooth</i> …

How to Make Floating Input Labels With HTML5 Validation

<b>TL;DR</b> Replace your JavaScript validation with HTML5 validation. It’s easier than you think, and gives you a ton of markup and styling control. Try …

Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js

Bio<p>Matt Raible is a well-known figure in the Java community, and has been building web applications for most of his adult life. For over 15 years, he …

4 features transforming how we use CSS

Frontend development has been through a transformation in the past decade. The skillset required to work in the browser now includes accessibility, …

CSS Shapes: How to Line up Images and Texts

In applications such as InDesign or QuarkXPress, letting letters flow along paths is a long established standard for lining up images and text. With …

10 questions you’ll be asked in a user experience interview

I just landed my first full-time role as a User Experience (UX) designer and officially closed my job search. After more than 40 coffee dates, phone …

An Introduction to the CSS Grid Layout Module

<i>This article was updated on 23rd March, 2017. Specifically: browser support for CSS Grid Layout.</i>As web applications become more and more complex, we …

What’s New in jQuery 3

It’s been ten years since jQuery started rocking the web and it has stuck around for very good reasons. jQuery offers its users an easy-to-use …

How to avoid common UX traps

How many times have you been on a website, only to leave frustrated and annoyed at the experience you received during your visit? Believe it or not, …

How To: Add Marker/Pin on Google Map

In this lesson we will learn how to add pin/market on google map at specific point (coordinates: latitude and longitude). Add following code to add …