phpInfo' Post

Project Management Templates: The Key to Improving Your Workflow

Last year, Rachel McPherson shared 9 ways to organize successful creative projects. It’s a very useful article that highlights the main things to do if you want to bring greater control and organization to your web design workflow.

Tip #2: Take Advantage of a Project Management Tool, is the one I want to focus on today. Specifically, I want to look at some of the best tools for web designers, how to choose the right one for

Read More

[GIVEAWAY] Win a Google Tag Manager Course and 5 Web Analytics Books

It’s been a while since I last posted something on this blog. I’ve been lately working on several things here at Analytics Mania. Over the course of the next several weeks, I’ll give share/show some stuff that has been running through my head lately. Some of them will be visible publicly, others just for email subscribers.

This time, I’d like to share some goodies with my readers (which I have never done before). Who knows, maybe it’s the only time I

Read More

Using Recompose to Share Functionality Between React Components

Sharing functionality between React components is a pretty common need. The concept is that we can establish the behavior in one place and then extend it across different components. Higher-Order Components are one way to do this. Yet, there is another way using a library called Recompose.

GitHub Repo

What is Recompose?

The documentation helps us answer that:

Recompose is a React utility belt for function components and higher-order components. Think of

Read More

Getting Started With Gutenberg By Creating Your Own Block

WordPress is the most popular Content Management System (CMS) by far —powering more than 30% of the web. It has undergone a huge metamorphosis during its 15 years of existence. Its latest addition is Gutenberg which is to be released in version 5.0.

Named after Johannes Gutenberg (the inventor of the printing press), Gutenberg is going to fundamentally change WordPress, further helping reach its goal to democratize publishing.

WordPress usually releases its major features as a plugin to test the waters before

Read More

20 Best New Portfolios, October 2018

Hello Readers! Can you believe that I have not found one single Halloween-themed portfolio? I guess no one wanted to base their entire site on a one-day holiday. While understandable, this disappoints me.

Someone get me a vector skeleton!

What we do have is a general mix of calm and soothing minimalist sites punctuated by riotous color which might, if you’re not ready for it, hurt your eyes for a second. Enjoy.

Note: I’m judging these sites by how good they look to

Read More

One Invalid Pseudo Selector Equals an Entire Ignored Selector

Perhaps you know this one: if any part of a selector is invalid, it invalidates the whole selector. For example:

div, span::butt {
  background: red;

Even though div is a perfectly valid selector, span:butt is not, thus the entire selector is invalidated — neither divs nor span::butt elements on the page will have a red background.


Normally that’s not a terribly huge problem. It may even be even useful, depending on the situation. But there are plenty of situations where it

Read More

Taming <code>this</code> In JavaScript With Bind Operator

Do you want to discover the next exciting JavaScript features that you didn’t even know you needed? In this article, I will introduce one of these proposals that if accepted may change the way you write code the same way the spread operator did.

However, here’s a small disclaimer: This feature is under development and discussion. The goal here is to add some hype around it and create awareness of the hard work that TC39 is doing

Read More

The Alternative Dictionary of Web Design Terms

It’s a universal truth that there’s more than one meaning to just about every word. This is doubly true for industry lingo. If you’re just getting started in web design, you need to know what everything really means, if you want to get ahead.

So here it is: here’s what the Secret Web Design Illuminati doesn’t want you to know. Read this article, and you’ll be able to dab on the haters with your hip new slang. Isn’t that swell?


A file

Read More

Building A Movie Information App With Ionic 3


This application covers several important concepts in Ionic development that will help you on your way to becoming an awesome hybrid mobile applications developer.
For this tutorial, basic knowledge of HTML and CSS is expected. Some familiarity with Angular 2+, Typescript and SCSS would be beneficial but is not absolutely essential.

Why Ionic?

Ionic is one of the most popular frameworks in the world for creating fast and powerful hybrid mobile applications. Companies like SworkIt, Pacifica and Diesel all use Ionic to

Read More

Github Pull Requests Extension for Visual Studio Code

Watch on YouTube

If you pay attention in the developer community, you probably know that Microsoft bought Github over the summer in 2018. With a massive company like Microsoft buying the world’s most popular open source software developer platform, many people had questions and concerns regarding the impact this would have.

Just recently, a piece of that puzzle became clearer… there will be tighter integration between Microsoft products and Github.
Microsoft/Github released a new extension for Visual

Read More

Moving Backgrounds With Mouse Position

Let’s say you wanted to move the background-position on an element as you mouse over it to give the design a little pizzazz. You have an element like this:

<div class="module" id="module"></div>

And you toss a background on it:

.module {
  background-image: url(big-image.jpg);

You can adjust the background-position in JavaScript like this:

const el = document.querySelector("#module");

el.addEventListener("mousemove", (e) => { = -e.offsetX + "px"; = -e.offsetY + "px";

See the Pen Move a

Read More

The Future of E-Commerce Platforms

The competition in the e-commerce market is fiercer than ever, as brands wrangle to outdo rivals by deploying the latest techniques and practices technology can offer. However, it’s hard to predict an industry-leader for a longer duration with the future of e-commerce constantly shifting.

This fast-paced evolution of e-commerce has not only expanded the digital footprint of online brands but also served as an impetus to accelerate the performance of shopping carts and increase revenues for online merchants.

Retailers aren’t the only

Read More

JavaScript Functional Programming Explained: Fusion &amp; Transduction

Fusion and transduction are probably the most “blow-my-mind” practical tools I’ve picked up in my time studying Functional Programming.

They’re not tools I use every day, nor are they strictly ever necessary…But, they completely changed the way I think about programming, modularity, and abstraction in software engineering, permanently, and for the better.

And to be clear, that’s really the point of both this article in particular, and series in general: Not to evangelize FP, offer a silver bullet, or illuminate some

Read More

The Codification of Design

Jonathan Snook on managing the complexity between what designers make and what developers end up building:

Everything that a designer draws in a Sketch or Photoshop file needs to be turned into code. Code needs to be developed, delivered to the user, and maintained by the team.

That means that complexity in design can lead to complexity in code.

That’s not to say that complexity isn’t allowed. However, it is important to consider what the impact of that complexity is—especially as it relates

Read More

How Do You Put a Border on Three Sides of an Element?

I saw a little conversation about this the other day and figured it would be fun to look at all the different ways to do it. None of them are particularly tricky, but perhaps you’ll favor one over another for clarity of syntax, efficiency, or otherwise.

Let’s assume we want a border on the bottom, left, and right (but not top) of an element.

Explicitly declare each side

.three-sides {
border-bottom: 2px solid black;
border-right:  2px

Read More

11 Must-Have Apps for Web Designers

One of the perks of freelancing is that you can work from pretty much anywhere. However, the pressures of staying connected to work may leave you stuck behind a computer all day anyway.

While there’s something to be said for the levels of productivity and output you achieve from a dedicated workspace, there’s no reason you can’t keep the momentum going while you’re out and about.

The following list of tools and mobile apps will

Read More

Vivaldi 2.0 Released

I’m not going to lie, I’ve been biased toward the Vivaldi project ever since its first release in 2015. While it has (until now) lacked the sort of polish that would make it my go-to browser on a long term basis, the developers have been chugging along steadily. Now, it’s looking pretty… well… pretty. And pretty stable/fast.

Plus, Vivaldi doesn’t track any of your data unless you opt in to the

Read More