Html, CSS and JavaScript tricks for mobile website

1 ano atrás
As of 2014 mobile users have surpassed desktop users and according to google adwords blog published on May 2015, mobile searches have increased. Here is what google said “In fact, more Google searches take place on mobile devices than on computers in 10 countries including the US and ...

Fix scrolling performance with CSS will-change pro

2 anos atrás
This post is part of our Webperf Wednesday series. I recently saw Paul Lewis’ screencast demonstrating how trivial it can be to fix a particular kind of performance issue caused by scrolling. I knew the problem looked familiar and I realized it was right in my front yard, so to speak. Four ...

40 CSS3 button examples with effects & animati

3 anos atrás
Are you looking for some CSS3 buttons, which are good enough to be used in real-world website projects? here are some CSS3 buttons you might like. Since my last post about codepen buttons, I’ve been searching sites like codepen, cssdeck and jsfiddle for some good practical buttons and I’m ...

3 Old and Outdated UX Patterns (And How to Fix The

3 anos atrás
In one of my recent articles, The Evolution of the Hamburger icon we talked about the history of this commonly-used pattern, and about who’s using it and why. In fact, there have been many recent discussions in UX circles that have raised the counter-intuitive nature of the hamburger icon ...

Creating a CSS-only Responsive Masonry

3 anos atrás
A detailed tutorial to create a pure CSS-only responsive masonry without making use of JavaScript or jQuery. Pinterest has inspired many to do a masonry-based layout on their sites. We have some solid JavaScript alternatives out there to create masonry layouts, but how about using only CSS ...

A Whole Bunch of Amazing Stuff Pseudo Elements Can

7 anos atrás
It’s pretty amazing what you can do with the pseudo elements :before and :after . For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design possibilities without negatively ...