Posts

8 Top WordPress Multipurpose Themes and Their Cool Features

Image
This sponsored article was created by our content partner, BAW Media . Thank you for supporting the partners who make SitePoint possible. Some look upon multipurpose WordPress themes as website building tools that can accomplish a lot but that also have their limitations. Their argument is that multipurpose themes spread themselves too thin. It’s like saying that if you can do one thing very well, you can do two things only half as well. That simply doesn’t hold water. Today’s multipurpose themes — especially the top-tier themes like those described below — can manage virtually any website building challenge you throw at them and meet your grandest expectations — every time. Since doing is believing, we suggest you give the following themes a closer look and give one or two a try! You won’t be disappointed. 1. BeTheme – Responsive Multi-Purpose WordPress Theme We’ll start with the biggest WordPress theme of them all. Any of BeTheme’s lib
Post a Comment
Read more

How to Prototype a Web App with Django and Vue.js

Image
Wouldn’t it be cool if you could prototype a custom web application that’s responsive (mobile-ready), reactive (light-speed fast), with a full-featured  admin interface  to manage the content — all in no time? Actually, using Django and Vue.js, you can! 😁 0. Introduction: Full Stack Development 101 I’ll cover how to prototype a custom web app, and to keep it as short and sweet as possible, the context information here will be rather brief. However, I will provide — hopefully — enough resources so that you know where to go should you need more information. To this end I’ll fully mash up data management, presentation, and routing between Django and Vue.js — so get ready! About Django You may know of Django , the Python-based web framework for perfectionists with deadlines that’s ridiculously fast, reassuringly secure, and exceedingly scalable . But if you don’t know much about it, this article will serve as an extremely fast hands-on in
Post a Comment
Read more

7 Collaborative Coding Tools for Remote Pair Programming

Image
Fifteen years ago, most online collaboration and remote work involved email threads, Skype calls, and endlessly re-zipping projects for sharing after each iteration. Things have changed a lot — many for the better (Google Docs!) and some things for worse ( always-on messaging ). Either way, it’s fair to say that a lot of the friction has been removed from remote work. While other tools have moved ahead, real-time code collaboration has been a point of contention and viable solutions have only recently arrived on the scene. Developers working on the world’s top code editors have put forward their solutions, and they’re pretty good. You might work on a distributed team and need collaborative coding tools to serve you every day — a category that suddenly includes most of us, thanks to COVID-19. Or perhaps you just need something for the occasional problem-solving session with a friend. Either way, you’ll find something you can use here. 1. Vis
Post a Comment
Read more

6+ Best Websites for Free Fonts in 2020

Image
I firmly believe that, in order to strike the optimal balance between minimalism and visual appeal, a user interface should display no more than what’s absolutely necessary while making those necessary elements look visually appealing. Keep it simple, but make the simple look amazing. But, what does simple look like exactly? Well, strip away all of the over-the-top marketing gimmicks, redundant features, and cluttering visuals, and most of what’s left is the UI copy and text content. As boring as this sounds, let’s be honest: this is the most important aspect of any app or website. Information and the ability to navigate it is the entire reason users are using our app or website. So with the right typeface coupled with the right font styles (see “ Font vs typeface: the ultimate guide ”), we can create designs that are quite simple and yet visually appealing at the same time. This emphasizes the most important aspects of the design while usin
Post a Comment
Read more

How to Use jQuery’s $.ajax() for Asynchronous HTTP Requests

Image
Nowadays, developers tend to move away from jQuery and its handy methods for DOM manipulation and Ajax requests that made it hugely popular. Regarding the Ajax requests, the Fetch API , or alternatively, the Axios library , are now more popular tools for performing asynchronous operations. That said, jQuery is still very much alive and powers almost 70,000 websites worldwide. This means that knowing how to use jQuery is still valuable in the day-to-day work of developers, like supporting legacy codebases or maintaining projects that use jQuery as an important dependency. Ajax is a technology that allows developers to make asynchronous HTTP requests without the need for a full page refresh. To make the process less cumbersome than it would be in pure JavaScript, devs have been using the jQuery library for years. In my article An Introduction to jQuery’s Shorthand Ajax Methods , I discussed some of jQuery’s most-used Ajax shorthand methods: $.
Post a Comment
Read more

How to Contribute to Open Source TypeScript Projects

Image
If you think of the ideas of open source applied to information in an encyclopedia, you get to Wikipedia – lots and lots of small contributions that bubble up to something that’s meaningful. – Matt Mullenweg One of my favorite aspects of open source is the fact that anyone can contribute! It’s like “productive volunteering” (if you’ll humor me). It’s a fantastic way to build something bigger than you, give back to the community, and level up your skills. In this article, we’re going to talk about practical ways for you to get involved in open source TypeScript projects. We’ll first cover assessing your level then jump into how you can find opportunities. Assessing Your Level Before you get started contributing to open source, you want to find your comfort level. Where are you at skill-wise? What level of complexity are you wanting to solve? How much time do you want to spend? These are important questions to consider before diving in. This
Post a Comment
Read more

React Router v5: The Complete Guide

Image
React Router is the de facto standard routing library for React. When you need to navigate through a React application with multiple views, you’ll need a router to manage the URLs. React Router takes care of that, keeping your application UI and the URL in sync. This tutorial introduces you to React Router v5 and a whole lot of things you can do with it. Introduction React is a popular library for creating single-page applications (SPAs) that are rendered on the client side. An SPA might have multiple views (aka pages ), and unlike the conventional multi-page apps, navigating through these views shouldn’t result in the entire page being reloaded. Instead, we want the views to be rendered inline within the current page. The end user, who’s accustomed to multi-page apps, expects the following features to be present in an SPA: Each view in an application should have a URL that uniquely specifies that view. This is so that the user can bookma
Post a Comment
Read more