Tag: HTML & CSS | Eduardo Akio Fukunari

Html, CSS and JavaScript tricks for mobile website

8 anos 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

9 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 ...

25 CSS3 Code Snippets for Making 3D Animated Effec

10 anos atrás

Web developers have been immersing themselves into CSS3-based designs. Transition animations along with CSS keyframes have opened the door to many possibilities. 3D animation was never optimal outside of Flash-based websites. However the further advancements in JavaScript along with CSS3 ...

40 CSS3 button examples with effects & animati

10 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

10 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

10 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 ...

30 Open Source CSS3 Code Samples for Web Developer

11 anos atrás

Open source web development has seen a tremendous explosion in popularity. You can download free code snippets, plugins, WordPress themes, and the list is always growing. I have been infatuated with the amazing effects possible in CSS3 and some related JavaScript libraries. In this gallery ...

A Whole Bunch of Amazing Stuff Pseudo Elements Can

13 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 ...