Search
The Simplest Way to Add Google Maps to Your Site
31.5.2018
In this quick tutorial we show you how to configure Google Maps with the help of the gMaps library
What does the ‘h’ stand for in Vue’s render method?
30.5.2018
If you’ve been working with Vue for a while, you may have come across this way of rendering your app — this is the default in the latest version of the CLI, in main.js:
new Vue({
render: h => h(App)
}).$mount('#app')
Or, if you’re using a render function, possibly to take advantage...
Capture and Report JavaScript Errors with window.onerror
28.5.2018
onerror is a special browser event that fires whenever an uncaught
The Easiest Way To Add Input Masks To Your Forms
28.5.2018
We take a look at a useful JavaScript library that allows us to create input masks for our text fields
Přechod na Gulp 4
28.5.2018
Gulp je populární nástroj pro automatizování vývoje. Typicky se používá např. k buildu CSS souborů za použití preprocesorů ze zdrojových SASS/LESS souborů, automatickému prefixování, spojování souborů, minifikování, správě ikon nebo sestavování JavaScriptů
Learning Gutenberg: Building Our Custom Card Block
25.5.2018
We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block.
Article Series:
Series Introduction
What is Gutenberg, Anyway?
A Primer with create-guten-block
Modern...
Learning Gutenberg: Setting up a Custom webpack Config
24.5.2018
Gutenberg introduces the modern JavaScript stack into the WordPress ecosystem, which means some new tooling should be learned. Although tools like create-guten-block are incredibly useful, it’s also handy to know what’s going on under the hood.
Article Series:
Series Introduction
...
Learning Gutenberg: React 101
23.5.2018
Although Gutenberg is put together with React, the code we’re writing to make custom blocks isn’t. It certainly resembles a React component though, so I think it’s useful to have a little play to get familiar with this sort of approach. There’s been a lot of reading in this series so far, so let’s...
Learning Gutenberg: Modern JavaScript Syntax
23.5.2018
One of the key changes that Gutenberg brings to the WordPress ecosystem is a heavy reliance on JavaScript. Helpfully, the WordPress team have really pushed their JavaScript framework into the present and future by leveraging the modern JavaScript stack, which is commonly referred to as ES6 in...
Script & Style Show: Episode 10: Dojo
22.5.2018
In this episode: David and Todd welcome Dojo and JavaScript legend Dylan Schiemann and TypeScript and Dojo 2 superhero Nick Nisi. We cover the early days of Dojo, the road to 2.0, and what’s in Dojo 2.0 and beyond. Enjoy!
The post Script & Style Show: Episode 10: Dojo appeared first...
Collective #417
21.5.2018
Segmented Type * Toybox * Strimpack * Lordicon * Daily CSS Design * Vuido * What if JavaScript wins? * Night Owl
Collective #417 was written by Pedro Botelho and published on Codrops
Learning Gutenberg: What is Gutenberg, Anyway?
21.5.2018
Gutenberg is the new React-driven SPA editing experience in WordPress. Oh wait, a string of buzzwords doesn't count for a viable explanation of software? We’re going to unpack that string of buzzwords as we explain what Gutenberg is.
Article Series:
Series Introduction
What...
Build Nodejs APIs Using Serverless
17.5.2018
Simona Cotin did a great talk at Microsoft Build about Serverless technologies, called "Build Node APIs Using Serverless." In this talk, she addresses pretty much every major gotcha that you might run into while creating Serverless infrastructure for JavaScript applications. Some of the topics...
Detect WebVR Support with JavaScript
16.5.2018
It’s been two years since I was heavily involved with WebVR at Mozilla but, despite not contributing every day, I can see VR making leaps and bounds, from Firefox making an increased effort to Chrome pushing VR and Oculus and HTC (Vive) improving their offerings. Native games are getting...
Get a React Component by DOM Node
15.5.2018
Retrieving a React component’s DOM node is fairly simple from within the component itself, but what if you want to work backward: retrieve a component’s instance by DOM node? This is a task that the old Dojo Toolkit’s Dijit framework allowed with the dojo.byId method, so it made...
How to Get a React Component’s Element
14.5.2018
JSX is an amazing pseudo-language for React, and if I’m honest, it’s what brought me to love React so much. Using React without JSX is cumbersome and frustrating, while using JSX is such an easier way to express your code. One drawback of JSX, however, is that it makes accessing...
Turn Sublime Text 3 into a JavaScript IDE
11.5.2018
Sublime Text is one of the most popular editors for web development and software development in general. It’s very smooth and fast compared to other editors (being written in C++ helps that speed). Sublime also has tons of plugins you can find through Package Control.
But it’s only a text editor...
Navštivte jsDevMeetup na téma ClojureScript
9.5.2018
22. května se bude na Fakultě informačních technologií na ČVUT v Praze konat další přednáška z cyklu jsDevMeetupů. Tentokrát bude přednášet Aleš Roubíček o vývoji v ClojureScriptu. Přednáška začíná v 18:30 v místnosti…
Vertically Centering with Flexbox
8.5.2018
Vertically centering sibling child contents is a task we’ve long needed on the web but has always seemed way more difficult than it should be. We initially used tables to accomplish the task, then moved on to CSS and JavaScript tricks because table layout was horribly inefficient —...
React and autofocus
7.5.2018
While I love ReactJS, I can say that I sometimes find interactions that were easy during the pre-ReactJS are annoyingly difficult or at least “indirect”. One example is properly ensuring that a given <input> element gets focused when a button in a different component...