Articles > JavaScript

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

Working with the JavaScript Battery API

In this tutorial we’re going to show you how to use the JavaScript Battery API to improve the user experience for people in desperate need of a charger. We’ll look at the Battery API itself, as well as some techniques for getting the most out of every drop of the most precious of resources! Some browsers lack support for the Battery API (you guessed it; Safari and IE), so a quick support check can go a long way in terms of debugging: if(navigator.getBattery){ // Battery API available. // Rest of code goes...

Creating a simple glass effect with Raphaël

You may be wondering what the point is of creating virtual glass. Well, just like in the offline world, glass is used when you want to protect something but still be able to see what lies underneath. Besides that, with a little imagination you can create some cool effects for enhancing your web presentations or games. As a practical example, we'll be creating an over-simplified version of a graphic which is taken from a real-world training product, just to get familiar with the concept but without a high...

AngularJS 2.0: what we can look forward to

Since its release, AngularJS has dominated the world of open source JavaScript frameworks. Being an extremely advanced client-side MVW framework, it has achieved widespread adoption and support from both individuals and enterprises. Developed by Google in 2009, Angular not only enhances HTML used in web applications but also simplifies development and testing tasks for developers. Even though the latest version of Angular (1.4) is both stable and highly performant, the AngularJS team has...

Infographic: AngularJS vs. React

Ever wondered who’d win in a face-off between AngularJS and React? Ever looked at a project spec and puzzled which way to go? Perhaps you’re planning to learn one or the other but aren’t sure which. Wonder no more, because we’ve put together this neat infographic to compare the major points of each language. Whether you’re concerned with speed, complexity, or how appropriate they are, you’ll find the answer in this quick reference. ...

How to simplify SVG with Raphael

Bitmaps are by far the most commonly used image format on web pages. When the images we want to show are photos, that makes sense.  But when it comes to illustrations and GUI components, bitmaps are wasteful. Many designers actually do make extensive use of bitmap images directly in user interfaces. Personally I don’t feel this is a good approach, but the blame for it becoming habitual stems from the extensive use and recommendation of Photoshop for interface design. Vector graphics offer numerous...
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