Select Page

Author: admin

Components, yo.

I see VuePress just went 1.0. Explained simply, it’s a static site generator based on Vue. But of course, you work in Vue, which means you work in components. All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte requires compilation), they all seem to agree on the model of working in components. React is all components. A popular static site generator for React is Next.js. The Vue version of that is Nuxt.js. Then there is Gatsby which is all React. (Listen to our latest ShopTalk Show as we discuss it.) Gridsome seems like the most 1-to-1 comparison in Vue-land, the notable comparison being how they both are designed to suck in data from any source. Components though, of course. I’m not sure there is a flagship Angular-based static site generator, but they are out there, and Angular is components all the way down. Components are so ubiquitous that perhaps you don’t even think about it anymore. But you might feel it, particularly if you jump back and forth between projects that aren’t component-driven. WordPress development, generally, I feel, isn’t component driven. Sure, you’ve got your header.php and footer.php files and such. You can break those apart however you want, but it’s rather ad-hoc. You aren’t explicitly building components and feeding those components local data and testing them as...

Read More

Easier Apps With Ionic Templates, Frameworks, and Tools

One of the biggest problems in development is the idea of “limitless” possibilities. How do you choose what app to build when you can create anything? Which choice to get from point A to point B is the right one, when there are so many combinations on how to get there? This holds true when using the Ionic framework as much as anywhere else in development. To help with this issue, this article will guide you through some of the most common uses for Ionic, and show you the path to accomplishing what you want. What is Ionic? Ionic...

Read More

Drawing Realistic Clouds with SVG and CSS

Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a very abridged, polite version. Nephele, we are told, was created by Zeus in the image of his own beautiful wife. A mortal meets Nephele, falls in love with her and, together, they take an adult nap™. Finally, in a strange twist, the cloud gives birth to half-human half-horse Centaur babies. Weird, right? Personally, I can’t make heads or tails of it. Thankfully, the process for creating clouds in the browser is much more straightforward and...

Read More

Updated Course: Coding Blocks for WordPress Gutenberg

WordPress 5 saw the launch of the new Gutenberg editor, which aims to provide a true WYSIWYG experience by breaking up pieces of posts and pages into individual blocks of content.  If you want to get the most out of Gutenberg as a WordPress developer, try our newly updated course, Coding Blocks for WordPress Gutenberg. Join Jeremy McPeak as he teaches you how to create blocks, specialized WordPress plugins that extend the functionality of the Gutenberg editor. You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access...

Read More

10 Best Directory Plugins for WordPress

Directories are a popular and profitable kind of website. Directory websites list products and services for users to browse. They are databases that deliver information based on location and category. They can contain a large amount of data in the form of listings under different categories.  Directory websites come in all sizes and shapes: complex, simple, local, national, global, or niche. Some well-known examples of directory websites include Yelp, Angie’s List, Craigslist, TripAdvisor, Amazon, and many more. If you want to start a directory website, the best place to begin is identifying a niche in your local area. You can make...

Read More

Using Cypress to Write Tests for a React Application

End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually clicking all over the application — you can write a test that runs as you build the application. That’s what we call continuous integration and it’s a beautiful thing. Write some code, save it, and let tooling do the dirty work of making sure it doesn’t break anything. >Cypress is just one end-to-end testing framework that does all that clicking work for us and that’s what we’re going to look at in this post....

Read More

How to Embed and Protect PDF Files With a WordPress Plugin

PDF files are a very popular way of sharing formatted documents due to their flexibility and lightweight nature—they work on most devices and operating systems. In this post, I’ll show you how to use a plugin to embed and protect PDF files in your WordPress posts and pages. WordPress Plugins Best PDF Viewers for WordPress Compared Jane Baker JavaScript How to Create a JavaScript PDF Viewer Ashraff Hathibelagal JavaScript How to Use the WowBook jQuery Flipbook Plugin Ashraff Hathibelagal Why Use PDFs? PDFs can be used by all kinds of business, whether you want to display a catalog for...

Read More

How to Add a Slider to WordPress With a Free Plugin

When used properly, sliders can help make a website appear more dynamic and lively while at the same time providing more information in a limited space. If you are looking to add a feature-packed yet free slider plugin to your WordPress website, this tutorial will show you how. I’ll give you an easy-to-follow step-by-step guide to using the free Smart Slider 3 plugin. What Makes Slider Revolution the Best WordPress Slider Plugin? In a crowded online space, just placing images, text, and videos on your website is not enough to build a web presence. How you tell your story matters…. Lorca...

Read More

Everything You Need to Know About Date in JavaScript

Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with date and time. But we don’t always need to use libraries. Date can actually be quite simple if you know what to watch out for. In this article, I’ll walk you through everything you need to know about the Date object. First, let’s acknowledge the existence of timezones. Timezones There are hundreds of timezones in our world. In JavaScript, we only care about two—Local Time and Coordinated Universal Time (UTC)....

Read More
www.000webhost.com