Skip to main content

Posts

Showing posts from May 27, 2018

Forms, Auth and Serverless Functions on Gatsby and Netlify

Abstracting infrastructure is in our DNA. Roads, schools, water supply networks—you get the idea. Web development is no exception: serverless architectures are a beautiful expression of that phenomenon. Static sites, in particular, are turning into dynamic, rich experiences.
Read More

The Cult of the Complex

’Tis a gift to be simple. Increasingly, in our line of work, ’tis a rare gift indeed.
Read More

Betting on the Web

Note: I just spoke at Coldfront 2017 about why I’m such a big proponent of the Web. What follows is essentially that talk as a blog post (I’ll add a link to the video once it is published). Also: the Starbucks PWA mentioned in the talk has shipped! ?
Read More

SITE123: A Website Builder to Save Time and Money

This article was created in partnership with SITE123. Thank you for supporting the partners who make SitePoint possible. Spend a few minutes, make a few little adjustments, upload your content, and you will have a stunning website with SITE123.
Read More

Building Apps and Services with the Hapi.js Framework

Hapi.js is described as “a rich framework for building applications and services”. Hapi’s smart defaults make it a breeze to create JSON APIs, and its modular design and plugin system allow you to easily extend or modify its behavior. The recent release of version 17.
Read More

An Introduction to Sails.js

Sails.js is a Node.js MVC (model–view–controller) framework that follows the “convention over configuration” principle. It’s inspired by the popular Ruby on Rails web framework, and allows you to quickly build REST APIs, single-page apps and real-time (WebSockets-based) apps.
Read More

Top 10 Lightweight CSS Frameworks for Building Fast Websites in 2018

When building a website, using a CSS framework is a real time saver as it provides you with tools every web designer needs when crafting a site. But as you know, loading speed is a very important quality factor.
Read More

UX and the Importance of Web Accessibility

Web accessibility is about giving everyone access to the same information, regardless of the impairments users may have. According to The World Bank, 1 billion people (15% of the world’s population) experience some form of disability, with almost 57 million in the US alone.
Read More

Build a polling web app with Next.js

Polls are a good way of capturing popular opinions from people within a limited set of options. We'll set out on a quest to find out the most popular household pet. Dogs, cats or hamsters.
Read More

Build a Simple Beginner App with Node, Bootstrap & MongoDB

If you’re just getting started with Node.js and want to try your hand at building a web app, things can often get a little overwhelming.
Read More

Building a Real-time Chat App with Sails.js

If you’re a developer who currently uses frameworks such as Django, Laravel or Rails, you’ve probably heard about Node.js. You might already be using a popular front-end library such as Angular or React in your projects.
Read More

Creating a Theme Switcher Service in Ionic Using CSS4 Variables

A couple of weeks ago I released an article about how CSS4 variables would be used in Ionic 4.
Read More

Convert your Bootstrap CSS to Tailwind with Tailwindo

I’ve recently been working on converting one of my side projects from Bootstrap to Tailwind and came across awssat/tailwindo. This package does precisely that – automatically converts Bootstrap component classes to Tailwind utility classes.
Read More

How to Build Self-Hosted (Private) Cloud For Free

If you wish to dump public clouds like Dropbox and Google Drive and build a self-hosted cloud for your team or business, then Nextcloud is an ideal solution.
Read More

Node.js Cron Jobs By Examples

Ever wanted to do specific things on your application server at certain times without having to physically run them yourself. You want to spend more of your time worrying about productive tasks instead of remembering that you want to move data from one part of the server to another every month.
Read More

Progress Releases NativeScript 4.0

Angular server-side rendering with @ng-toolkit/universal

Most of the Single Page Applications have one big problem. They are rendering and working only on the client side. Now you can shout at me: “Hey! This is an advantage, not pitfall!”. And you are completely right. The problem starts when your application renders ONLY on the client side.
Read More

Build Your Own Blog Using Gatsby and React

Being a software developer trainee myself, I know firsthand how much time one spends in searching the internet looking for answers to their questions.
Read More

Build Your Own Blog Using Gatsby and React

Being a software developer trainee myself, I know firsthand how much time one spends in searching the internet looking for answers to their questions.
Read More

An Introduction to React Server-Side Rendering

Server-side rendering (SSR) is a popular technique for rendering a normally client-side only single page app (SPA) on the server and then sending a fully rendered page to the client. The client’s JavaScript bundle can then take over and the SPA can operate as normal.
Read More

10 Essential TypeScript Tips and Tricks for Angular Devs

In this article, we’ll dive into a set of tips and tricks that should come in handy in every Angular project and beyond when dealing with TypeScript. In recent years, the need for static typing in JavaScript has increased rapidly.
Read More

An Introduction to MongoDB

MongoDB is an open-source, document-oriented, NoSQL database program. If you’ve been involved with the traditional, relational databases for long, the idea of a document-oriented, NoSQL database might indeed sound peculiar. “How can a database not have tables?”, you might wonder.
Read More

Web Developer vs Web Designer

You've done all you can. Breathe. After weeks (or months?) of planning and preparing, doing market research, talking to other entrepreneurs, the time has come to turn your business idea into something more一into a web app. It's finally the time to make a product out of it.
Read More

Understand Web Development in Less than 1 Hour

This article was created in partnership with KTree. Thank you for supporting the partners who make SitePoint possible. This article explains what web development is, by exploring how it started and how it evolved.
Read More

The Easiest Way To Add Input Masks To Your Forms

Input masks make it much easier for users to figure out the required format for filling out emails, phone numbers, credit cards and other data. Adding masks to your form inputs makes them so much better and its super easy to do, especially when using a JS library.
Read More

Wicked CSS – A Hot New Animation Library in Pure CSS3

Thanks to CSS3 you can build some crazy animations on the web. These can work across all browsers and page elements to control navigation items, dropdowns, tabs, you name it. In fact you can even generate these codes dynamically using animation tools.
Read More

Create a PWA with Angular Service Workers in Ionic 4

I have written several articles on the topic of Progressive Web Applications (PWA) in Ionic before, including this one which provides a basic overview of the concept of PWAs and how to create one with Ionic.
Read More

Introduction to API Calls With React and Axios

This tutorial will teach you how to use Axios to fetch data and then how to manipulate it and eventually display it on your page with filtering functionality. You will learn how to use the map, filter and includes methods along the way.
Read More

Create New Express.js Apps in Minutes with Express Generator

Express.js is a Node.js web framework that has gained immense popularity due to its simplicity. It has easy-to-use routing and simple support for view engines, putting it far ahead of the basic Node HTTP server.
Read More

Getting Started With Redux: Learn by Example

Redux helps you manage state by setting the state up at a global level. In the previous tutorial, we had a good look at the Redux architecture and the integral components of Redux such as actions, action creators, the store, and reducers. 
Read More

maciejtreder/ng-toolkit

Collection of tools for making your Angular app more robust! Thank you to all our backers! ? [Become a backer]
Read More

Browser Extensions I Actually Use

I’m a web developer and blogger. These are the browser extensions that I actually use right now. It’s an ever-changing set, and I’m never afraid to try new ones, but I’m also fairly picky and uninstall anything I don’t find myself using.
Read More

Scraping the Web With Node.js

Before web based API's became the prominent way of sharing data between services we had web scraping. Web scraping is a technique in data extraction where you pull information from websites. There are many ways this can be accomplished.
Read More