Posts in Category: web tricks

Building Intelligent Apps with MongoDB and Google Cloud – Part 1

Data analytics is a perpetual underachiever. Every generation of tools promises us better insight and never quite delivers. So we get stuck re-platforming and re-designing, hoping the next iteration will finally get us to the intelligence utopia. Yet modern applications must provide rich experiences, offer decision support, and continuously learn and adapt to win their users. Analytics and AI are at the heart of these Intelligent Apps.

We decided to build an Intelligent App to demonstrate how easy

Read More

Practical Suggestions To Improve Usability Of Landing Pages With Animation From Slides

For a long time, UI animation was an afterthought for designers. Even today, many designers think of animation as something that brings delight but does not necessarily improve usability. If you share this point of view, then this article is for you. I will discuss how animation can improve the user experience of landing pages, and I’ll provide the best examples of animation created using the Slides framework.

The Slides framework is an easy-to-use tool for creating

Read More

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

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

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

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

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

Introducing Honeybadger for Laravel Nova

At Honeybadger, we’re all about the users. As software developers, we succeed at our jobs when we have happy people using our apps. That’s why we’re so excited about Laravel Nova—better admin tooling means better customer support, which means happier users. In this post I want to talk about a package we built for Laravel Nova and how it gives you a seamless customer support workflow when dealing with exceptions in Laravel.

Honeybadger is 360 degree coverage of

Read More

How To Build A Website With The WP Page Builder Plugin

WordPress page builders are the first choice for creating a perfect website without any help from a developer. And a new one is on the market that we are going to test in this article. It’s WP Page Builder. We’ll learn how to use this page builder plugin to create a website.

WP Page Builder is a free plugin that integrates with any WordPress theme. You can easily drag and drop elements onto the pages you are

Read More

Best Packages and Themes for Hyper: The Terminal Built on Web Technologies

Hyper is a terminal built on web technologies, based on JavaScript, HTML and CSS providing a beautiful and extensible experience for command-line interface users. Hyper achieves a lot of its speed and functionality thanks to the power of hterm underneath, the terminal emulator of the Chromium project.

If you’re just getting started with Hyper terminal I’d suggest you definitely head to Hyper website, they have an extensive installation guide

Read More

The New Framer X: Initial Impressions

The Framer team recently released a new prototyping tool, Framer X, and I was lucky enough to be able to test it during the beta phase. In this article, I’d like to share my thoughts about this new tool and its features. I’ll make a comparison with the “legacy” Framer app as well as other tools, and I’ll discuss its brand new features such as Stacks and Scroll, and its new Code and Design components.

This article

Read More

3 Essential Design Trends, October 2018

This month’s trends have something in common: You’ve probably seen all of these ideas before, maybe just presented in a slightly different way. Designers are returning to dark backgrounds, large headers and cards to encourage engagement, and get users interested in content on the screen.

Here’s what’s trending in design this month:

1. Dark Backgrounds

It seems like designers were focusing on light, white minimal styles for a long time, but that era is starting to end. Dark backgrounds are making a comeback

Read More