Blog

23
Feb

How to Create Your First JavaScript Chart

Posted by | No Tags | Web Design

In one form or the other, data visualization seems to come up quite often in the work life of a designer or a front-end developer. Be it an analytics dashboard or an internal report, if you have never created a chart before, there is a very good chance that you might need do so in future. So, I decided to write this tutorial to show you how to create awesome, interactive charts. This is what we will be making in this tutorial: It is a 2D stacked column chart built […]

Read More
23
Feb

We Have Five HTML5 Web Templates to Giveaway from Template Monster

Posted by | No Tags | Web Design

Courtesy of our good friends over at TemplateMonster we have a fantastic competition for you guys this week! Template Monster have been selling HTML templates since 2002, and at the moment have over 4,000 HTML5 templates to choose from, covering every single web design niche you can think of. The pioneers of premium web templates have allowed us to giveaway to five lucky readers any HTML5 template of their choice. All you have to do is choose your preferred template from here, and leave a comment below with either the […]

Read More
23
Feb

The Current State of Telephone Links

Posted by | No Tags | CSS

Telephone links are a thing. Like an anchor link you tap to (probably) go to another page, these are links you tap to call a number on a phone-capable device. They’ve been around for quite some time. Yet, they cause me a lot of confusion. For example, many devices will automagically recognize phone numbers and do the linking for us, but not always. There is enough web traffic on mobile devices and plenty of desktops apps that are capable of making calls, that it’s worth knowing more about phone links. […]

Read More
23
Feb

Draft.js

Posted by | No Tags | CSS

Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences. Draft.js makes it easy to build any type of rich text input, whether you’re just looking to support a few inline text styles or building a complex text editor for composing long-form articles. In Draft.js, everything is customizable – we provide the building blocks so that you have full control over the user interface. Here’s a simple example of a rich text editor built in Draft.js: Source: CSS Tricks

Read More
23
Feb

Peak Style Guide

Posted by | No Tags | CSS

Chris Coyier ended the latest CSS Tricks newsletter with some thoughts about style guides. As much as I love style guides, and I love style guides, I wonder if we’re at Peak Style Guide. I’ve seen logos and mascots. I’ve seen dedicated sites and open repos begging for contributions. I’ve gotten generic emails from marketing companies peddling some companies style guide. Everybody’s way isn’t the One True Way. The whole point of a style guide is to guide the particular style of some specific brand. AM I CRAZY? The success of your […]

Read More
22
Feb

Managing Typography on Large Apps

Posted by | No Tags | CSS

21 February, 2016 I’ve written before about managing typographical styles across larger projects, but an issue that I still see clients continually coming up against is that of specifically managing their headings across larger and more complex apps. The problem stems from the styling of the default h1 through h6 elements, and how this hierarchy seldom carries through the actual design and build of app-like UIs. The h1–h6 pattern pretty nicely mirrors traditional print documents—where we are much more likely to have more newspaper-style heading structures both semantically and visually—however, […]

Read More
22
Feb

The New Web Typography

Posted by | No Tags | CSS

In 1927, twelve months before he published his infamous manifesto on typography, the German book designer Jan Tschichold criticised1 designers for mimicking the classical forms of design: Can it really be called culture…when the woman sitting in an automobile or an aeroplane is reading a book that could have been made in the time of Goethe? What’s wrong with a book made in the time of the early 19th century author and statesman Johann Wolfgang von Goethe, you might ask? Personally, I wouldn’t argue with all that much since these […]

Read More
22
Feb

10 Reasons Why Your Design Skills May Seem Lame

Posted by | No Tags | Web Design

The design field is pretty crowded. If this is your “calling,” then you have to accept that you are in competition with a lot of creatives that may know more than you. You have to accept that you will have to take all of that creativity you have and translate it into products that others love. And you have to accept that you will need to constantly practice your craft, learn from others, and adopt a path of continual self-education. In this respect, your career is like all others. There […]

Read More
22
Feb

20 Time-Saving WordPress SQL Query Snippets

Posted by | No Tags | Web Design

WordPress stores every single scrap of information within a MySQL database. Posts, pages, comments, shortcodes, plugin settings… absolutely everything. The WordPress backend is fantastic, and does allow you to manage and edit everything with ease, but only up to a certain point. Say you have hundreds or even thousands of posts within your database, and you need to make site-wide global changes. Making each edit, via the WordPress Dashboard, can be time-consuming and does open up the possibility of mistakes occurring. If you do need to make global edits, then […]

Read More
22
Feb

Squigglevision

Posted by | No Tags | CSS

It’s a term for animation where the lines appear to squirm around, even when the object/scene is at rest. Apparently, it’s even patented. It’s part of the iconic look of shows like Dr. Katz: And Home Movies: Apparently the animation style is “fast and easy” to produce, although it does require multiple drawings: In order to create the line oscillation effects that characterize Squigglevision, Tom Snyder Productions’ animators loop five slightly different drawings in a sequence called a flic. David Khourshid’s “Alex the CSS Husky” This is one of my […]

Read More