index Archives - Page 3 of 4

A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid

In this tutorial, I’ll be going over all the steps the auto-placement algorithm of the CSS Grid Layout module follows when positioning elements. These steps are controlled by the grid-auto-flow property. In Introducing the CSS Grid Layout and Seven Ways You Can Place Elements Using CSS Grid Layout, I gave an overview of the CSS… Continue reading A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid

Applying artistic facial effects to images on the fly

Ever wished you could add snapchat like effects on your images? Good news is, you actually don’t need extensive training or specific face detection skills to get started. All you need is Cloudinary. Cloudinary is a cloud-based image management solution that gives you the power to upload, store, manipulate, optimize and deliver images. It also… Continue reading Applying artistic facial effects to images on the fly

Build a Bookshop with React & Redux I: React Redux Flow

At some point in your complex React project, you are going to need a state management library. Redux is a good choice because of it’s simplicity and centralized data management. This piece is a practical approach to the fundamentals of Redux in building React application for managing a book store. If you are unfamiliar with… Continue reading Build a Bookshop with React & Redux I: React Redux Flow

5 Common Problems Faced by Python Beginners

More from this author How to Launch Your Next Tech Product for Free (Almost!) API Building and Testing Made Easier with Postman Are you in the process of learning Python? It’s a fantastic language to learn, but as with any language, it does present challenges that can seem overwhelming at times, especially if you’re teaching… Continue reading 5 Common Problems Faced by Python Beginners

How to Enable Deep Links On Android

What Are Deep Links? Android deep links open a specific page within an app and optionally pass data to it. Developers may find deep links particularly useful for actions, such as clicking a notification or sending an app link via email. Let’s take an email client as an example. When the user clicks the notification of an email… Continue reading How to Enable Deep Links On Android

WP REST API: Internals and Customization

In the previous part of the series, we learned about creating, updating, and deleting content remotely through the WP REST API. It allows us to create platform-independent applications that work seamlessly with a WordPress powered back-end, providing a rich experience to the user. In the current part of the series, we will take a look at… Continue reading WP REST API: Internals and Customization

How to Use BrowserSync for Faster Development

BrowserSync is an automation tool that makes web development faster. In the past we’ve automated a lot of actions like compilation of SASS files, image compression etc. BrowserSync brings a whole new type of automation to the table with batteries included. BrowserSync makes your tweaking and testing faster by synchronizing file changes and interactions across… Continue reading How to Use BrowserSync for Faster Development

Top Ten New, Free WordPress Themes of April 2016

1 – Activello Activello is the right theme for any private blog, as its design is appealing and tender. It can also be extended to become a shop, as it’s prepared for the popular WooCommerce plugin. Created by: Silkalns License: Free for private and commercial purposes | GNU General Public License Prepared for Language Localization: Yes Demo:… Continue reading Top Ten New, Free WordPress Themes of April 2016

Deploying from GitHub to a Server

GitHub, and the Git version control system it’s based on, are fantastic tools for managing and collaborating on projects – code-based or otherwise. In this article, we’ll look at options for making Git and GitHub projects fit better into developer workflows, allowing for a smooth and hands-off deployment process. I’ll break these options into the… Continue reading Deploying from GitHub to a Server

Project: Build a Complete Website With Middleman

In part three of this series we’re going to get our hands dirty and start building a site for a fictitious podcast site: “Matcha Nerdz”. We’ll be using Middleman, Bourbon, Neat and Bitters. Let’s go! In This Post Roadmap Basic Blog Setup LiveReload Organizing Posts GitHub Pages Deployment Smarter Assets Bourbon Setup Normalize and jQuery… Continue reading Project: Build a Complete Website With Middleman

Data Structures With JavaScript: Tree

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trees are one of the most commonly used data structures in web development. This statement holds true for both developers and users. Every web developer who has written HTML and loaded it into a web browser has created a tree, which is referred… Continue reading Data Structures With JavaScript: Tree

How to Create a PHP/MySQL Powered Forum From Scratch

In this tutorial, we’re going to build a PHP/MySQL powered forum from scratch. This tutorial is perfect for getting used to basic PHP and database usage. Step 1: Creating Database Tables It’s always a good idea to start by creating a good data model when building an application. Let’s see what we are going to… Continue reading How to Create a PHP/MySQL Powered Forum From Scratch

How to Create a WordPress Author’s Page Template

If you run a multi-author website, you may want to consider adding an author template to your website. Author templates help present more information about writers and make it easier for visitors to find other articles the author have written. In this post we will be breaking the author template down and showing you how… Continue reading How to Create a WordPress Author’s Page Template

How to Create a WordPress Author’s Page Template

Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour Part 1 Part 2 Part 3 Part 4 In the first part of this series, I showed you how to prepare your HTML and CSS files for WordPress, ensuring the structure would work, the code was valid and that the correct classes were being used. In this tutorial… Continue reading Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Work Smarter, Not Harder: How to Create Compelling Content on a Small Budget

As your competitors are angling for the best possible spot on Google search results, you can’t sit idly by and hope that your current and prospective customers will cut through the thicket in search of your website and social-media channels. At times, you’ll be fighting in the ring with bigger and stronger opponents. A cunning… Continue reading Work Smarter, Not Harder: How to Create Compelling Content on a Small Budget

Quick Tip: Add a Progress Bar to Your Site

Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page. In this quick tip,… Continue reading Quick Tip: Add a Progress Bar to Your Site

Cleanfolio: Free Responsive HTML5 Template

Today we’re pleased to bring you Cleanfolio, a Free Responsive HTML5 Template designed by Bloom Web Design and Coded by Glade Kettle. It’s works great on all devices including Phones, Desktop, Tablets and Laptops. All content is in a single HTML5 files making it quick and easy too edit. Cleanfolio Free Responsive HTML5 Template has… Continue reading Cleanfolio: Free Responsive HTML5 Template

Code a Single-Page Sliding Website Layout With Fixed Navigation

When constructing a simple webpage, it can often make sense to fit the content into a single layout rather than multiple pages. These single-page websites are beneficial when you have a small project or portfolio which needs some online presence. If you split up content into neat sections, then visitors might use a small sliding… Continue reading Code a Single-Page Sliding Website Layout With Fixed Navigation

Recreate Google Nexus Menu

Recently I stumbled upon Codrops’ tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create a jQuery version to challenge to myself. I have been playing with the original Google Nexus Menu for a while. Based on my observation, I summarised its… Continue reading Recreate Google Nexus Menu

Create a slide-out footer with this neat z-index trick

In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS. Grab the zip from the download button above, open it in your favorite code editor and read on! The Idea The effect we are after, is to give the impression that the page lifts up to reveal… Continue reading Create a slide-out footer with this neat z-index trick

Building a Circular Navigation with CSS Transforms

VIEW DEMO DOWNLOAD SOURCE In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique. Like I… Continue reading Building a Circular Navigation with CSS Transforms

50+ Great Resources for Finding Design Freebies

No matter what kind of task you have or problem you need to solve, it is often a bad strategy to start from scratch. In the design space, it is a common approach to look for ideas and inspiration and to collect a sizeable toolbox of design elements to kick start a project and test… Continue reading 50+ Great Resources for Finding Design Freebies

Making a Super Simple Registration System With PHP and MySQL

Writing a registration system is a lot of work. You have to write code that validates email addresses, sends confirmation emails, provides forgotten password functionality, stores passwords securely, validates input forms and a lot more. Even when you do all of this, users will still be reluctant to register as it involves a lot of… Continue reading Making a Super Simple Registration System With PHP and MySQL