The CSS Grid Layout Module has quickly got traction among front-end developers. It's a new web standard that allows us to create two-dimensional layouts with pure CSS. Imagine a grid system similar to Bootstrap or Foundation, that makes it possible to lay out web pages without using additional libraries or external grid systems. With the CSS Grid, we can lay out elements on the page along two axes—horizontally and vertically. In this article, we'll look into how to create a CSS Grid step-by-step....
In this tutorial I’m going to show you how to create a simple Slack bot using Express and Node.js, which will communicate with the Slack API. We will use a simple example where we send a score to our Node.js application, and provide another endpoint for retrieving the pushed score. Let’s get started… Getting Started ... Make sure that you have Node.js and NPM installed on your machine, if not, visit the Node.js website to install the latest version. Let’s start by creating a folder for our app....
Waking up to find out that your site has been defaced is as awkward as it is possible to feel. Waking up to find out that your users’ information has been stolen and their credit cards used by third parties is a liability, and a nightmare. Sweet dreams now, everyone! For website owners and others who might not know how to harden their own servers against attack, it seems like a nightmare they can’t do much about. Well, I have good news: if you have a simple static site on a host that even kind of knows what they’re...
Have you ever thought about buying something and immediately headed over to YouTube to see how it was supposed to be used? A lot of the time, the copy on your landing page isn’t enough to highlight the main use case scenario and the important features your product has to offer. This is where explainer videos come in. Typically, they’re short videos that are designed to help you introduce your product, explain how it works, and advertise its standout features. Explainer videos make for excellent marketing...
Web technology grows so much larger with each passing year. I’m constantly stunned by the amazing projects I stumble onto and the level of detail that goes into building them. Recently I covered some crazy CSS projects and in this post I wanna take it the other way. I’ve scoured the web looking for 11 of the coolest JS-powered projects out there. All of these run on CodePen so they’re all open sourced and easy to edit/fork if you wanna play around. 1. Valorous Rabbit Run ... Developer Karim Maaloul...
As many of you are aware, it’s tough to keep up with what’s new in web development. Even from a front-end perspective alone, it can be easy to fall behind and allow our skills to become a little stale. I’m certainly guilty of this. So every once in a while it’s good to take a few minutes, or even a few hours, to sharpen your coding skills by learning a new technology, API, or library. Or maybe there’s an area you’re already familiar with but want a more in-depth refresher. To help you out in this regard,...
We live in a world where “script kiddies” is both a pejorative term, and the name of an actual threat. People of all hacking skill levels are trying to break in to other people’s sites for fun and profit. And they pull it off sometimes. Hacked sites are a nightmare. I mean, if you’re lucky, they might just post on your blog and call you ugly. If you’re unlucky, they could steal enough information about your users to access their money and steal their identities. In either case, it looks bad for you....
WooCommerce is one of the most popular eCommerce plugins available on WordPress. With over 30 million downloads, this free software now powers more than 28% of all online stores. It provides everything you need to build a fully-functioning store and has many great features, but third party plugins really help bring out the best of WooCommerce. If you’re building an online shop from scratch or you’re interested in adding some extra features to your existing store, you can use WooCommerce plugins...