Articles > JavaScript

7 Best CSS-in-JS Libraries for Front-End Developers

CSS-in-JavaScript libraries have become increasingly popular in recent years. They allow you to write component-level CSS using JavaScript. CSS-in-JS libraries are ideal for larger-scale projects when you create single-page applications built of multiple components. Although CSS-in-JS libraries certainly have a learning curve, they also come with many benefits, such as: You don't have to maintain multiple CSS files, as styles are encapsulated within their own component. JavaScript enhances...

How to Build a Countdown Timer in Pure JavaScript

You don't necessarily need jQuery to add a countdown timer to your site. It takes just a few lines of JavaScript to create a customizable timer that counts down to a pre-defined date and time. You can embed the timer to several kinds of pages such as Coming Soon and Maintenance pages, eCommerce stores, daily deals websites, and event registration pages. In this tutorial, we will create the countdown timer step by step so that you can understand everything. You can find the entire JavaScript code at the...

7 JavaScript Templating Engines with Code Examples

JavaScript templating engines enable you to add dynamic logic to static HTML pages. For instance, you can declare a variable that the engine replaces with an actual value at runtime. Similarly, you can use conditionals, loops, filters, mixins, and other constructs, depending on the templating engine you choose. Besides significantly speeding up front-end development, JavaScript templating engines also make debugging and maintenance simpler and faster. Each engine comes with its own syntax...

8 Most Interesting JavaScript Frameworks to Learn in 2019

Web development has become so complex, that these days many developers rely on frameworks when building applications for the web. JavaScript frameworks speed up the development workflow, enforce best practices, and provide you with a maintainable code base and an effective architecture. In this collection, you can find 8 awesome JavaScript frameworks that might be worth your attention in 2019. It's not a comprehensive list by any means, but it can be a good starting point to assess the landscape...

4 Ways to Create an Object in JavaScript (with Examples)

JavaScript is a modern object-oriented programming language. It has been designed as a set of objects that interact with each other. Object-oriented languages such as JavaScript, C++, or Ruby address the shortfalls of traditional procedural languages such as C or Pascal that focus on actions and procedures instead of objects. In JavaScript, you can make objects in a number of different ways. In this guide, you'll learn step by step how you can create new JavaScript objects. What Is a JavaScript Object?...

11 Experimental JavaScript Projects Pushing The Boundaries Of Scripting

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...

Will Spectre & Meltdown Break JavaScript?

Spectre. Meltdown. They sound like action movie names, and one of them, well… is exactly that. Well the reality of the situation is that they’re almost as bad as many Bond villain plots. These two names represent three (yeah, three) vulnerabilities in pretty much every processor currently on the market. Everyone is vulnerable in one way or another. It’s the kind of thing sci-fi and action movie writers have been trying to warn us about for decades. And yes, it affects us as web designers. Why? You...

Creating a Data Table in Vue.js

Blogs, E-commerce sites, admins, and search results, almost everywhere you go online you are presented with large amounts of data and results, this transfer of information is a big part of what web applications are about. In this article we are going to take a look at how you can make your application dynamic by allowing your users to sort and navigate the data you are showing them using Vue.js. The Game Plan ... We are going to be building a reactive table like in the picture above, but before we get down to...
Load more
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress