css 

Quick Tip: How to Build a MouseOver Navigation Slide Effect

Have you ever used the Slider Revolution WordPress plugin in a project? If the answer is “yes”, you might have noticed the mini toolbar that appears in the right corner of the plugin’s configuration page. Initially, only the icons are visible, keeping the whole thing nice and compact. Then each time you hover over an icon, its associated text is revealed with a smooth slide-in animation. In today’s exercise, let’s take inspiration from that effect and build something similar. Here’s what we’ll be working towards: We’ll go through this pretty quickly, first…

Read More
css 

A Quick Full-Screen Hover Effect With CSS and JavaScript

In today’s quick tutorial we’ll learn how to build a useful full-screen background hover effect. As the saying goes: “a picture is worth a thousand words”, so let’s have a look at what we’re going to create: In a real world scenario you might use this kind of effect as a quick view modal for your products, portfolio items, photos, and so on. Let’s get started! 1. Begin With the Page Markup We’ll start by marking up just two elements: <div class=”bg”></div> <div class=”container”>…</div> The .bg element will be an empty element.…

Read More
css 

Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS

In this super-quick tutorial, we’ll walk through the process of creating an off-canvas feedback form. We won’t use any JavaScript to accomplish this, in fact, we’ll build it by taking advantage of the “CSS checkbox hack technique”. Sound interesting? Here’s what we’ll be building: Let’s get started! 1. Begin With the Page Markup We’ll start with a checkbox along with its label and a form. Within the form, we’ll put some common form elements. Keep in mind that the order here matters. First we’ll place the checkbox, then the label, and…

Read More

A Quick Trick to Make a Java Stream Construction Lazy

One of the Stream APIs greatest features is its laziness. The whole pipeline is constructed lazily, stored as a set of instructions, akin to a SQL execution plan. Only when we invoke a terminal operation, the pipeline is started. It is still lazy, meaning that some operations may be short circuited. Some third party libraries produce streams that are not entirely lazy. For example, jOOQ until version 3.12 eagerly executed a SQL query when calling ResultQuery.stream(), regardless if the Stream is consumed afterwards: try (var stream = ctx.select(T.A, T.B).from(T).stream()) {…

Read More