JavaScript Icon

JavaScript

JavaScript is an object-oriented programming language used alongside HTML and CSS to give functionality to web pages.
626 Stories
All Topics

Matthew Rayfield matthewrayfield.com

Animating URLs with JavaScript and Emojis

Have fun in this rabbit hole. You can use emoji (and other graphical unicode characters) in URLs. And wow is it great. But no one seems to do it. Why? Perhaps emoji are too exotic for normie web platforms to handle? Or maybe they are avoided for fear of angering the SEO gods? Whatever the reason, the overlapping portion on the Venn diagram of “It’s Possible v.s. No One Is Doing It” is where my excitement usually lies. So I decided to put a little time into the possibilities of graphical characters in URLs. Specifically, with the possibility for animating these characters by way of some Javascript.

read more

Jeremy Wagner A List Apart

Responsible JavaScript (Part 1)

This pretty much sums up the point Jeremy is trying to get across with this post on A List Apart and the future parts to this story of “Responsible JavaScript.” I’m not here to kill JavaScript — Make no mistake, I have no ill will toward JavaScript. It’s given me a career and—if I’m being honest with myself—a source of enjoyment for over a decade. Like any long-term relationship, I learn more about it the more time I spend with it. It’s a mature, feature-rich language that only gets more capable and elegant with every passing year. Yet, there are times when I feel like JavaScript and I are at odds. I am critical of JavaScript. Or maybe more accurately, I’m critical of how we’ve developed a tendency to view it as a first resort to building for the web…

read more

Chi Wang deskgap.com

Deskgap — build cross-platform desktop apps with web technologies

Stop me if you’ve heard this one before…the difference is DeskGap leverages the operating system‘s webview instead of baking a browser in with it (like Electron). DeskGap is a framework for building cross-platform desktop apps with web technologies (JavaScript, HTML and CSS). To enable native capabilities while keeping the size down, DeskGap bundles a Node.js runtime and leaves the HTML rendering to the operating system‘s webview.

read more

CodeX editorjs.io

Editor.js — next generation block-style text editor

This new take on a block-style text editor from CodeX looks promising. Unlike how the common WYSIWYG editor produces raw HTML markup with both content data and content appearance, Editor.js outputs a JSON object with the data of each block of content. Here’s an example of how this news item would look. { "time": 1554306305, "blocks": [ { "type": "header", "data": { "text": "Editor.js — next generation block-style text editor", "level": 1 } }, { "type": "paragraph", "data": { "text": "This new take on a block-style text editor looks promising. Unlike how the common WYSIWYG editor produces raw HTML markup with both content data and content appearance, Editor.js outputs a JSON object with the data of each block of content. Here's an example of how this news item would look." } }, { "type": "code", "data": { "code": "" } } ], "version": "2.12.3" }

read more

Swift github.com

Fuzzilli – a JavaScript engine fuzzer written in Swift

A (coverage-)guided fuzzer for dynamic language interpreters based on a custom intermediate language (“FuzzIL”) which can be mutated and translated to JavaScript. Not an official Google project, but written and maintained by Google engineer Samuel Groß. The README lays out quite a bit on the concept, implementation, and usage of the fuzzer, but there’s even more to learn in this presentation from Offensive Con 2019 and the associated master’s thesis for which the project was produced.

read more

Shlomo Kraus github.com

Mockshot – automatic mock generation from snapshot tests

We made a silly joke on Twitter yesterday (this is what Twitter is for, no?) about test doubles and that unfortunate moment when they inevitably surprise you. This prompted Shlomo Kraus to reach out and tell us about Mockshot. In brief: Imagine you could: Never manually write a mock again Have a guarantee that your mocks are always valid Sounds nice! It works by using Jest’s snapshot tests output to generate mocks to be used in other tests. This is purposeful coupling, which seems like it could backfire in the long-run. However, the team behind the library has been using it for over a year and are still singing its praises. For more on their experience creating and using it, read this.

read more

Carmen Bourlon carmalou.com

How to version your service worker cache

Carmen Bourlon, writing on her personal blog: A browser will check in with a service worker every 24 hours and re-initiate the process, but only if there are changes. You might change your app’s CSS or JavaScript, but without a change to the service worker, the browser will never go and update your service worker. And if the service worker never gets updated, the changed files will never make it to your user’s browser! Fortunately, there’s a pretty simple fix – we’ll version our cache… Thanks to Carmen for this fresh take on service workers from an offline-first point of view. If you dug this, you might want to get on the list for her book “Let’s Take This Offline” — a book about service workers with a focus on helping users without a consistent internet connection.

read more

JavaScript github.com

Pika brings that nostalgic, 2014 simplicity to 2019 web development

Install npm dependencies that run natively in the browser… without a bundler! Pika’s mission is to make modern JavaScript more accessible by making it easier to find, publish, install, and use modern packages on npm. There’s a lot to digest here in terms of how it works (spoiler: Rollup), which packages you can use with it (spoiler: ESM required), and how it performs. On that topic: When served with HTTP/2, @pika/web installations perform better in production than single “vendor” JavaScript bundles and most custom dependency bundling strategies due to the comparable load performance + more efficient cache usage.

read more

Manuel Vila github.com

Deepr – an alternative to GraphQL?

Manuel Vila: What makes GraphQL so exciting is the ability to compose method calls, and Deepr is a way to achieve that and only that. Because everything else, we believe, would be better implemented somewhere else in the stack. Deepr is being built by folks who’ve been using GraphQL for awhile, love it, and have some ideas about how things might be even better by changing some key decisions. Worth a look, for sure.

read more

JavaScript gpu.rocks

GPU.js — GPU accelerated JavaScript

A JavaScript acceleration library for GPGPU (General purpose computing on GPUs) in JavaScript. GPU.js will automatically compile simple JavaScript functions into shader language and run them on the GPU. In case a GPU is not available, the functions will still run in regular JavaScript. Perform massively parallel GPGPU computations using GPU. Graceful pure JavaScript fallback when GPU is not available.

read more

Bits and Pieces Icon Bits and Pieces

Should I use Apollo for GraphQL?

The author’s answer to that question is a resounding, ‘yes’. The Apollo platform is an implementation of GraphQL that can transfer data between the cloud (server) to the UI of your app. In fact, Apollo builds its environment in such a way that we can use it to handle GraphQL on the client as well as the server side of the application. In this post, I will present some of the great reasons why Apollo is considered to be one of the popular choices for using GraphQL in JavaScript-based apps. He lays out what Apollo has to offer and then lists 6 advantages of using the Apollo Platform.

read more

Chris Garret pzuraq.com

Coming soon in Ember Octane

If you’ve been paying attention in Ember lately you may have heard the term “Octane” floating around here and there recently, and wondered what all the excitement was about. It may seem like a bit of a big deal - and that’s because it kind of is! Part 1 in a 5-part series covering: native classes, angle bracket syntax & named arguments, tracked properties, modifiers, and Glimmer components. Part 2 is out as well.

read more

0:00 / 0:00