8 results for: event handlers
Let's create a Color Picker from scratch with HTML5 Canvas, Javascript and CSS3
HTML5 Canvas is a technology that allows developers to generate real-time graphics and animations using JavaScript. It provides a blank canvas on which graphical elements, such as lines, shapes, images and text, can be drawn and manipulated with great flexibility and control. Here are some key concepts about HTML5 Canvas: 1. Canvas…
Category : Web design 01-06-2023 by Janeth Kent
How to integrate native images lazy loading in your web projects
Support for natively lazy-loading images is now supported on the web! Look at this demo of the feature From the version 76 of Chrome, you can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library. Let's dive into the details. Browser compatibility is supported…
Category : Programming 03-04-2023 by Luigi Nori
First steps into JavaScript – a practical guide 3
After we learned the basic ofaccessing DOM elementsandhow to modify them,we are ready for the more exciting parts – handling DOM events. This allows us to make our web way more interactive, and finally we can put our JS knowledge into practice. User input such as keyboard actions or mouse clicks…
Category : Javascript 07-05-2020 by Iveta Karailievova
First steps into JavaScript – a practical guide
For those who are new to web development, surely the amount of new terminology can sometimes be discouraging. But when it comes to learning JS, some of the first new concepts you definitively should wrap your head around is the Document Object Model and what it implies. To keep it simple…
Category : Javascript 26-10-2021 by Iveta Karailievova
Vanilla JavaScript equivalent commands to JQuery
JQuery is still a useful and pragmatic library, but chances are increasingly that you’re not dependent on using it in your projects to accomplish basic tasks like selecting elements, styling them, animating them, and fetching data—things that jQuery was great at. With broad browser support of ES6 (over 96% at…
Category : Javascript 29-08-2019 by Luigi Nori
Starting with Vue.js: how about using it?
Vue.js seems to be another JavaScript UI library with a strong community support. If you've got a project coming up and you're wondering which tool to choose from, you can try Vue. View is very easy to learn and in just 10 minutes you can get started with it (actually…
Category : Javascript 06-04-2020 by Janeth Kent
11 Guides for Front-end Developers
Enjoy our Guides series for for Front-end Developers and don’t forget to let us know in the comments of any others that we haven’t yet included. 1. Can I animate…? Can I animate?” is a site inspired by Can I use, but focused specifically on CSS animations and transitions. The aim is to provide…
Category : Web design 12-12-2016 by Janeth Kent
Firefox OS: Start To Develop Your First App
Nearly two years ago, Mozilla announced "Boot to Gecko" (a.k.a. B2G), a project whose primary goal was to provide a standalone web-centric operating system in which the preferred (and in fact, only) platform for application development is the HTML5 stack. In essence, this operating system would have filled a gap…
Category : Programming 02-07-2013 by Janeth Kent