1.Building A Facial Recognition Web Application With React
In this article, Adesh explains how to build a facial recognition web app with React by using the Face Recognition API, as well as the Face Detection model and Predict API. The app built in this article is similar to the face detection box on a pop-up camera in a mobile phone — it’s able to detect a human face in any image fetched from the Internet..
If you are going to build a facial recognition web app, this article will introduce you to an easy way of integrating such. In this article, we will take a look at the Face Detection model and Predict API for our face recognition web app with React.
2. How to Make a CSS-Only Carousel
We mentioned a way to make a CSS-only carousel in a recent issue of the newsletter and I thought that a more detailed write up would be interesting and capture some of my thoughts on making one.
There’s no JavaScript here, whatsoever! No jQuery plugins. No trickiness. Just a couple of new-ish CSS properties that I’ve been experimenting with as well as some basic HTML. OK to start, we need to focus on the markup. The design includes a left navigation made up of images and a large image gallery on the right that lets us scroll through each image individually. We’ll also need a wrapper to help us organize the layout:
3.You'll never look at Tesla's logo in the same way again
What do you see when you look at the Tesla logo? It's a subject that's recently caught the imagination of the Twittersphere, and for good reason. Most would probably take a well-meaning stab at a 'T' for Tesla, but for others, the design's form contains a comparison that's hard to unsee, once you've seen it.
Though many standout logos (including our pick of the best logos) have dual meanings of some sort, it's safe to say that any design team is probably not aiming for a visual comparison to a product in a a totally different field. But unfortunately for Tesla, there has been an outpouring of some pretty spot-on declarations about the form and shape of the Tesla logo. Hold on tight.
Yup, the Tesla logo truly does look like an IUD and, frankly, we're surprised we never saw the ambiguous imagery before. A wealth of Twitter users agreed, with comments ranging from The Cathinator's "Yess!! This has bothered me for years!", to Medusa sans Frontières believing the similarity is so obvious "it's how you know no-one on the design team had a uterus".
4. 2 Most Popular JavaScript libraries
JavaScript is an integral part of any web application and its importance continues to grow. With the expanded demands, an easier means to interface with JavaScript in web development became increasingly important. Web developers could, if they wanted to waste a lot of time, continue to write their own code for everything they needed. On the other hand, a good programmer knows when to use a code that has already been written by someone else but works for their current need.
An example of when and why to use a preexisting JavaScript code can be seen in something as simple as a contact form. Regardless of the fields and questions that you want in a contact form, chances are that someone else has created it. You could spend time writing your own code for this simple addition to your website, or you could use a code that someone else has already written.
This is the the beauty of JavaScript libraries. In the web development world, certain JavaScript codes can be used again and again for different sites. A library is a JavaScript file that contains numerous functions that are documented with a list of available functions and what they do. JavaScript libraries are very useful in that they save web developers time and headaches by giving them pre written codes that are proven to work.
The following list is 10 of the best JavaScript libraries that are available and some of the functions that they contain. There are numerous libraries out there, but these 10 are a perfect introduction to what a good JavaScript library can do for you
#1-jQuery
One of the oldest and most often used JavaScript libraries out there. In fact, some estimates put jQuery usage at about 50% of the websites out there. The primary use of jQuery is Document Object Model (DOM) manipulation which basically means it defines the logical structure of documents and how they can be accessed and manipulated. There are also many plugins that help perform tasks needed in web development. Some of the features of jQuery include:
- CSS manipulation
- HTML/DOM manipulation
- HTML events
- animations and effects
- Utilities
- Ajax
#2-React.js
Created by a former employee of Facebook, React is an open source library backed by Facebook and used in many sites around the world. React is used to create large or small scale web applications and has a specific usefulness in creating interactive websites such as Facebook. React is a single page application (SPA) because it can fit on a single page and does not need constant refreshes from the browser. React uses JSX, which can be confusing because it relies entirely on JavaScript rather than one of the other JavaScript libraries, but it is clear how useful it is over time. For instance, JSX makes it simple to use JavaScript in your HTML. If you are a front end web developer, then React is a great tool for you
What do you see when you look at the Tesla logo? It's a subject that's recently caught the imagination of the Twittersphere, and for good reason. Most would probably take a well-meaning stab at a 'T' for Tesla, but for others, the design's form contains a comparison that's hard to unsee, once you've seen it.
Though many standout logos (including our pick of the best logos) have dual meanings of some sort, it's safe to say that any design team is probably not aiming for a visual comparison to a product in a a totally different field. But unfortunately for Tesla, there has been an outpouring of some pretty spot-on declarations about the form and shape of the Tesla logo. Hold on tight.
Yup, the Tesla logo truly does look like an IUD and, frankly, we're surprised we never saw the ambiguous imagery before. A wealth of Twitter users agreed, with comments ranging from The Cathinator's "Yess!! This has bothered me for years!", to Medusa sans Frontières believing the similarity is so obvious "it's how you know no-one on the design team had a uterus".
4. 2 Most Popular JavaScript libraries
JavaScript is an integral part of any web application and its importance continues to grow. With the expanded demands, an easier means to interface with JavaScript in web development became increasingly important. Web developers could, if they wanted to waste a lot of time, continue to write their own code for everything they needed. On the other hand, a good programmer knows when to use a code that has already been written by someone else but works for their current need.
An example of when and why to use a preexisting JavaScript code can be seen in something as simple as a contact form. Regardless of the fields and questions that you want in a contact form, chances are that someone else has created it. You could spend time writing your own code for this simple addition to your website, or you could use a code that someone else has already written.
This is the the beauty of JavaScript libraries. In the web development world, certain JavaScript codes can be used again and again for different sites. A library is a JavaScript file that contains numerous functions that are documented with a list of available functions and what they do. JavaScript libraries are very useful in that they save web developers time and headaches by giving them pre written codes that are proven to work.
The following list is 10 of the best JavaScript libraries that are available and some of the functions that they contain. There are numerous libraries out there, but these 10 are a perfect introduction to what a good JavaScript library can do for you
#1-jQuery
One of the oldest and most often used JavaScript libraries out there. In fact, some estimates put jQuery usage at about 50% of the websites out there. The primary use of jQuery is Document Object Model (DOM) manipulation which basically means it defines the logical structure of documents and how they can be accessed and manipulated. There are also many plugins that help perform tasks needed in web development. Some of the features of jQuery include:
- CSS manipulation
- HTML/DOM manipulation
- HTML events
- animations and effects
- Utilities
- Ajax
#2-React.js
Created by a former employee of Facebook, React is an open source library backed by Facebook and used in many sites around the world. React is used to create large or small scale web applications and has a specific usefulness in creating interactive websites such as Facebook. React is a single page application (SPA) because it can fit on a single page and does not need constant refreshes from the browser. React uses JSX, which can be confusing because it relies entirely on JavaScript rather than one of the other JavaScript libraries, but it is clear how useful it is over time. For instance, JSX makes it simple to use JavaScript in your HTML. If you are a front end web developer, then React is a great tool for you