Mihael Tomic

208 Flips | 2 Magazines | 6 Likes | 4 Following | 202 Followers | @mihaeltomic | http://about.me/mihael

Efficient Responsive Design Process

You see, almost every potential client out there <i>already has a website</i>. For us, that means most clients are coming to this with a set of expectations, …

UX Design

MediumEditor

Image Upload<p>Pavel Linkesch has developed a jQuery plugin to upload images & embed content (from Twitter, Youtube, Vimeo, etc.) following Medium.com …

Web Development

The value of consistent design

Creating beautiful consistency comes with a deep understanding of the fundamentals of design and the reasoning behind a user’s experience.The post …

Why Fonts Matter, and how they impact your mood

<i>Typography might just help you date, solve obesity and impact your mood; so we’ve learnt from type fanatic Sarah Hyndman. We’ve previously dubbed her</i> …

A Conversation With Erik Spiekermann

Introduction<p>Erik Spiekermann has forgotten more things than most successful and creative people know in their lifetime. Now in his sixties (68), the …

Layzr.js

A small, fast, and modern library for lazy loading images.<p>Small<p>Fast<p>Dep Free<p>Layzr has been completely rewritten in ES6. The source code has a much …

JavaScript

Leaner Responsive Images With Client Hints

What Are Client Hints?<p>Client Hints is a new feature already available with Chrome 46 and Opera 33. More browser vendors are following. It is an …

How to Create Visually Effective Calls-To-Action

Designing your pages for conversion is a tricky job. It’s a constant fight of what works and what doesn’t. It’s a never ending process of testing, …

jQuery Cards

jExcel is is a very light jquery plugin to embed a spreadsheet, compatible with Excel, in your browser. You can […]<p>simple captcha …

Utility OpenType † Simple, CSS utility classes for advanced typographic features.

¶Common ligatures<p>Ligatures can help solve problems with space in a typeface, especially where collisions might otherwise occur:<p>Difficultés de …

Typography

Pseudo and pseudon’t

I like CSS pseudo-classes. They come in handy for adding little enhancements to interfaces based on interaction.Take the form-related pseudo-classes, …

Website Layout Tools Compared: Flexbox Vs. Susy

Flexbox has become one of the most popular tools for creating website layouts. Susy is another layout tool that has gained popularity with the Sass …

Reality Editor

Lego

Canada's New Typeface Unifies the Country's Many Languages

If the United States were to have a typeface, it might be something like Highway Gothic, the sans-serif, designed by Ted Forbes, that’s plastered …

Typography

The “Blur Up” Technique for Loading Background Images

<i>The following is a guest post by Emil Björklund. Filter effects in CSS have been around for a while, and together with things like blend modes, they</i> …

Butler – Typeface

Butler is a free serif typeface inspired by a mix between both Dala Floda & the amazing Bodoni family. The main goal was to bring a bit of modernism …

Typography

Presentation Slideshow in CSS and jQuery

On small devices (viewport width smaller than 1100px), we organized all slides as a simple list. For items with sub slides, though, we implemented a …

Gorgeous Illustrated Alphabet Features Animals, Birds Hidden Among Lush Flowers

<b>French illustrator</b> Valérie Hugo has created an impressive illustrated alphabet series.<p><b>Hugo, who specializes</b> in silkscreen printing and wall painting, …

Seriously, use icon fonts

When it comes to the web, I’m not a fan of sweeping ‘binary’ advice. The ‘don’t do this’ kind of advice is usually too simplistic, idealistic or …

The Wondrous Wellington Advent Calendar

Every day in the lead up to Christmas a new treat awaits you, each tucked behind a festive door for you to discover. Take a peek.

The new Google Material icons could use some work

Google’s Material Icon set is somewhere I point people all the time. They’re clean, clear and consistent. Their recent update however, gives me pause.<p>…

UI Design

TED Talk about how to design a good flag. If you don’t think this relates to UX, think again.

TED Talks

How to animate "box-shadow" with silky smooth performance

How do you animate the box-shadow property in CSS without causing re-paints on every frame, and heavily impacting the performance of your page? Short …

But What About Old Browsers?

I was very pleased to be asked to speak at Fronteers in Amsterdam earlier this year. The team put on a wonderful show and all of the videos are now …

Web Development

AntiModerate

The progressive image loading library for great good!<p>Reduce loading time of page to less than a second on slow connections by loading and rendering …

Web Development

Building an Enterprise CSS Framework

Early in my career as a front-end developer, I was very idealistic. It seemed things were black or white. That there was a right or wrong way to do …

Idealism

Prefetching, preloading, prebrowsing | CSS-Tricks

By Robin Rendle On September 2, 2015<p>When we talk about front end performance we think things like concatenation, minification, caching, or gzipping …