Horváth János

25 Added | 3 Magazines | 1 Following | @janoshorvath | Keep up with Horváth János 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 “Horváth János”

Using CSS Background-size Responsively

If the latter half of 2011 is to be remembered for anything within the web community it will be for the rapid evolution and adoption of <b>responsive web</b> …

Varnishing Retinas

Rui Carmo<br>April 21st 2012, in the afternoon · 2 min read<p>Like everyone else involved in both photography and web sites (and interested in getting the …

Details | Adaptive Images

Set breakpoints to match your CSS's Media Queries<p>$resolutions = array(1382, 992, 768, 480);<p>If you're doing a responsive design then you ought to make …

Web Development

Images Slowing Down Your Site? Try This One Weird Trick!

When paint meets image<p>When Chrome has been through the process of style calculations and layout, it must then rasterize the pixels for your page. In …

An interview with Ryan Singer

I talked with Ryan Singer from 37signals about design practices, product management, the merits of UX processes, and lots more.<p>You can download an …

Transitional Interfaces

<b>Designers love to sweat the details</b>. Much time is spent pixel-fucking buttons, form styles, setting type, & getting those icons as sharp as a tack. …

Breaking down Amazon's mega dropdown

The hover effects on Amazon’s big ‘ole “Shop by Department” mega dropdown are super fast. Look'it how quick each submenu fills in as your mouse moves …

UX Design

PNG that works

Once you sprite your images, the next step is to compress them as much as possible.<p>PNGis a great format for this, but…<p>DoesPNGwork everywhere?<p>Yes, it …

Next Generation Web Layout: National Geographic Forest Giant

Wielding the tools from CSS and browser layout can enable stunning visualizations for web content. Using web features like CSS filters, WebGL, HTML5 …

LinkedIn for iPad: 5 techniques for smooth infinite scrolling in HTML5 | LinkedIn Engineering

This is the second article in a series of blog posts that we will write about LinkedIn's new iPad App. In the first post, we described how we build a …

Insights into rendering performance

Since I was stuck in a hotel for a day, I thought I'd poke around devtools and see if I can try applying some anti-jank techniques.<p>As usual, I bumped …

The State Of Responsive Web Design

Most designers like pixel perfection, but “normal”-sized images on high-density devices look pixelated and blurry. Simply serving double-sized images …

UI Animations

Responsive Web Design Using Edge Reflow – Video Series - Modern Web

by <b>Brian Rinaldi</b> on June 24, 2013<p>The modern web is always changing, and this article is more than two years old.<p>Recently, Adobe released a new preview …

Responsive Web Design Patterns | This Is Responsive

Web Design

B tested patterns for higher conversion rates and growth

Try Being Direct instead of indecisive.<p>You can send your message with uncertainty trembling in your voice, or you can say it with confidence. If …

UX Design

Chrome DevTools Revolutions 2013

Introduction<p>As the complexity and functionality of web applications has grown, so has Chrome DevTools. In this recap of Paul Irish's Google I/O 2013 …

Breaking Development: Optimizing the Critical Rendering Path

In his presentation at Breaking Development in San Diego CA Ilya Grigorik explained why mobile Web experiences can be slow and how to optimize your …

5 Myths About Mobile Web Performance

Recently we’ve heard some myths being repeated about mobile HTML performance that are not all that accurate. Like good urban myths, they sound …

Why mobile web apps are slow

I’ve had an unusual number of interesting conversations spin out of my previous article documenting that mobile web apps are slow. This has sparked …

Gameplay

How we build our Javascript

How we build our Javascript<p>This post isn’t strictly about responsive design but hopefully it’ll give you some insight into how you can optimise your …