http://bit.ly/2FEMTkp

30 days straight of the very best JavaScript, HTML, and CSS snippets ⭐️

#javascript #html #css #snippets

https://link.medium.com/ehKDcBf44T

#html #javascript

​​In the early stages of learning how to structure an HTML document, it’s not uncommon to end up with what some developers call “div soup.” Need a content section your homepage? Wrap in a div! Building a sidebar? Div it up! Three column layout? Div, div, div!

#html

​​A few months ago I joined Halo Labs to help build our AR/VR design and prototyping platform. After the first interview, I received a “take home” exercise, to build a simple VR scene. While I was excited to build a VR app for the first time, I was also a bit afraid. I’m coming from a web development background and I never worked on a VR project before. To my surprise, it took me roughly three hours to finish the exercise, and it even looked pretty good (well, at least to me…).

11 minute read

#VirtualReality #ArtificialReality #JavaScript #HTML

​​One of the most common UI components that I have had to build and use, seemingly on a day-to-day basis, is one where content is displayed in a container after some user interaction like a click or tap.

3 min read

#UI #HTML

​​we’ll explore four of the most popular templating engines for HTML. We’ll look into why you might choose to use them, and where you’re likely to encounter them in other tech-stacks. I’ll also provide sample CodePens for each one. By the end of the article, you should feel equipped with several options for writing faster, more concise HTML in your projects, whether your go-to programming language is JavaScript, Ruby or something else. Let’s dive in!

11 min read

#HTML #Markdown #Pug #HAML

​​The HTML canvas element is used to draw “raster” graphics on a web application. The Canvas API provides two drawing contexts: 2D and 3D, and in this guide, we’re going to talk about the 2D one (which I’ll refer it to the Canvas API for simplicity).

17 min read

#HTML

​​​​I’ve created a very simple way to face match two images using HTML5 and JavaScript. You upload the verification picture you’d like to use, take a snapshot from the video streaming from your camera/webcam, then use a face matching API to retrieve the results. Simple.

8 min read

#FaceRecognition #JavaScript #HTML

​​The HTML 5.2 spec introduced a dialog element that makes it easy to implement native modals and pop-ups. Modals are an important part of almost any non-trivial web app, so it’s promising to think that there’s finally a way to implement one without re-inventing the wheel each time. You can click the button below for an example modal created using the dialog element

5 min read

#HTML

​​When HTML5 introduced the <video> and <audio> tags, they made your media files genuinely accessible to the Internet. HTML5 videos are fast replacing Flash Player and other similar third-party media players. Historically, it’s been quite a cumbersome process to get media to play correctly. Often the <embed> and <object> tags would need to be used which would assign an extensive list of parameters to get the media playback working.

7 min read

#HTML #JavaScript

​​HTML is a living language in constant evolution. The latest addition has been a new semantic element for search operations

⏱️ 3 minutes read

#HTML