Martin Kloos

23 Added | 2 Magazines | 25 Likes | 3 Following | 4 Followers | @martinkloos39 | Keep up with Martin Kloos 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 “Martin Kloos”

David Letterman on Life After TV, Late Night Today, and the Man He Calls Trumpy

Since retiring after 33 years on the late night television, David Letterman has kept a low public profile — aided by the growth of a truly impressive …

Speed up your web workflow with style guides

The use of style guides in web projects has been on the rise in recent years, thanks to a heightened community awareness, with various industry pros …

Style Guides

Does your website suck on mobile? Find out using Google's free new tool

Just type a homepage URL into Google's new testing tool to find out how easy the site is to use on mobile.<p>Google has rolled out a new free online …

Google News

Blisk is the browser every developer has been longing for

While Mozilla has already taken a decent stab at building the ultimate dev-friendly tool with its Developer Edition of Firefox, Blisk is the browser every Web builder needs in their life.<p>Designed specifically for developers and currently available for Windows, Blisk is a free Chromium-based browser …

Lint your CSS with stylelint

<i>The following is a guest post by David Clark. David is the co-creator of a thing called Stylelint, a tool for keeping your CSS in shape. He does a</i> …

Style Guides

Better Interface Design: Logins, Menus, Toggles And Other Fancy Modules

CodePen has become the playground for developers. The sandbox where you can build whatever your imagination fancies. Practical things, experimental …

Web Design

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 …

Web typography is broken. Here’s how we can fix it

We've rebranded—Thick is now Today. Read about our new identity here.<p><b>Questing for the holy grail of web typography:</b> a baseline, cap height, and more …

Typography

Learning to Use Google Analytics More Effectively at CodePen

<i>Here's how most people use Google Analytics: you copy and paste the default tracking snippet into your templates. Look at the pageview data that</i> …

Analytics

CSS goes 3D with voxel.css

The web is often seen as a decidedly two-dimensional medium. And, to be fair, it is. That’s what it was designed for.<p>What’s more, the addition of …

Namespacing: “Trello Guide” !important;

There are only two hard things in Computer Science: cache invalidation and naming things.<p>— Phil Karlton<p>We didn’t spend a ton of time learning how to …

JavaScript

Designing an editor theme for developers

Day in and day out, engineers (and designers) all over the world crunch, break and write lines of code using a number of IDE’s available. From …

The DIY Guide to Being an SEO Expert

Imagine … generating hundred and thousands of hits to your website a day. Those hits turn into email subscribers, and people buying your …

Beyond design trends: Timeless user interface techniques

Access to better internet connections and design tools are giving designers more flexibility to use techniques – such as video, custom typography and animation – that were off-limits a few years ago.<p>We are already starting to see some of the tactics that are likely to dominate the design scene, and …

Responsive Image Breakpoints Generator, A New Open Source Tool

Responsive websites, even the most modern ones, often struggle with <b>selecting image resolutions that best match the various user devices</b>. They …

Web Design

25 JavaScript Libraries for Cool Scrolling Effects

A website design comes to life with well-executed animation. If you’re looking for the proper libraries to add effects to your project, here I’ve …

jQuery

Tips for Designers Who Don’t Code

I hail from a design background and moved into front-end development some years ago. With responsive web design, the requirement of the designer is …

Web Design

UI Animation. Microinteraction for Macroresult.

Microinteraction is one of the key things to care about in UI/UX design. They are, perhaps, the best proof that attention to small details is able to …

15 Web Design Tools to Try in 2016

If you are the owner of a business and website, or you are planning to be in the near future, there are various web design tools that you need to be …

UX Design

Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials

The search field is also referred as the search box and search bar. Having this on the website is pivotal from the business perspectives.Hence, there …

jQuery

CSS3 Animation Cheat Sheet

How it works<p>The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the …

10 web design trends that ruled 2015

Another practical trend popularized by the mobile movement, card layouts display a wealth of content in a clean, organized manner attuned to browsing. Each individual card contains all the relevant information a user needs to know, usually:<p>Enticing image<br>• Title<br>• Description (or relevant tags)<br>• Control …

Top Web Design Trends To Watch In 2016

Web design industry is an ever-changing space and there are many trends that come and go. 2015 has been another amazing year for technological advancement and we’ve seen some incredible websites.<p>You shouldn’t expect radical changes in 2016. We’ll see some current trends growing bigger, some of them …

UI Design