Slicejack Monthly News, Resources and Freebies – August 2016.

To keep you up-to-date with the latest web development news, we have prepared a list of most interesting and relevant tutorials and articles from around the web for the month of August. Enjoy!

Slicejack blog posts

Implementing the GeoIP Functionality Into a WordPress Theme

In this blog post you will see how you can easily implement the GeoIP feature into your WordPress site and how you can benefit from it by integrating it into things like page templates, widgets etc.

Animating fullpage.js content

In this article, we will, once again, be taking a look at the fullpage.js slider plugin. This time, instead of implementing the fade effect to the section/slide transitions, I will show you how to animate the section/slide content.

Resources

The Average Web Page (Data from Analyzing 8 Million Websites)

We’ve all been there. We try to improve our HTML code making it clean, beautiful, and readable. We do this in pursuit of better semantics and better accessibility, so that everyone can use it.

WebVR 1.0 available in Firefox Nightly

The WebVR API is a set of DOM interfaces that enable WebGL rendering into Virtual Reality headsets and access to the various sensors for orientation, positioning, and input controls. Firefox Nightly will support the WebVR 1.0 API. This replaces the earlier WebVR API implementation with the standard proposed by the WebVR W3C community group.

Writing less damn code

I’m not the most talented coder in the world. No, it’s true. So I try to write as little code as possible. The less I write, the less there is to break, justify, or maintain.

Smooth as Butter: Achieving 60 FPS Animations with CSS3

Animating elements in your mobile applications is easy. Animating elements in your mobile applications properly may be easy, too… if you follow our tips here. While everyone is using CSS3 animations in mobile these days, many are not doing it properly. There are best practices to take into account that are constantly and considerably disregarded.

 Zooming Background Images

Whilst working on a client’s website recently, I was asked to replicate an effect like this. This type of effect is notably used in portfolio-type situations where the design intends to show both visual and informational details.

Building Themes with CSS4 Color Features

I’ve been experimenting lately with a new way to apply color values in my CSS. Instead of setting explicit values for each color, I calculate the entire palette from a small set of base colors. It’s not an applicable solution for every project, but it might be an interesting alternative method to consider.

How to create a simple layout with CSS Grid Layouts

If you’ve ever dabbled in print design, you know where the idea of grid layouts originated from. A grid is a precise measurement tool used to position design elements on a page. This idea is often used on the web to make content organized and uniform, making for an improved viewing experience for your users.

Upgrading CSS Animation With Motion Curves

There is UI animation, and then there is good UI animation. Good animation makes you go “Wow!” — it’s smooth, beautiful and, most of all, natural, not blocky, rigid or robotic. If you frequent Dribbble or UpLabs, you’ll know what I am talking about.