In this tutorial, we will learn how to use forms in React. In HTML, Form elements such as input, textarea, and select typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with setState(). input tag In …
amp-img amp-img is use as replacment of HTML img tag. amp-img tag effectively manage image resource at runtime. It uses lazy load to reduce page load time. To use amp-img need to specify width and height, src attriburtes. It also support three optional attributes srcset, alt, attribution. src – audio file url. autoplay – It …
AMP (Accelerated Mobile Pages) is a Google open source project to speed up page load in mobile devices. AMP consist of three main parts <!doctype html> <html amp lang=\”en\”> <head> <meta charset=\”utf-8\”> <script async src=\”https://cdn.ampproject.org/v0.js\”></script> <title>Hello, AMPs</title> <link rel=\”canonical\” href=\”http://example.ampproject.org/article-metadata.html\” /> <meta name=\”viewport\” content=\”width=device-width,minimum-scale=1,initial-scale=1\”> <script type=\”application/ld+json\”> { \”@context\”: \”http://schema.org\”, \”@type\”: \”NewsArticle\”, \”headline\”: \”Open-source framework for …
How to add text to Canvas? For add text we can do that using fillText(‘text’, x, y) or strokeText(“text”, x, y) method. The text is rendered using the current stroke or fill style, which can be a color, gradient, or pattern. You can specify a number of text settings, such as the font family, size, …
Canvas Examples – Add Text | Add Image | Resize Image | Change Canvas Color Read More »
What is Canvas? Canvas is an HTML5 element which can be used to draw graphics using scripting (usually JavaScript). We’ll need to place the canvas tag somewhere inside the HTML document, access the canvas tag with JavaScript, create a context, and then utilize the HTML5 Canvas API to draw visualizations. Canvas has several methods for …
Canvas Examples – Draw Line | Rectangle | Circle | Undo Read More »
CSS3 made web designers and web developer’s life very easy. In this post we are covering some useful CSS code, mostly CSS3 tips for web developers/designers. Though some code will only run on modern browsers. 1. Using Multiple Background Images Consider this example, in which we have to show two different images inside a …
Once our site is set the main thing we require is user input, by saying user input the first thing that comes to our mind is FORM. HTML5 has several new input types for form. These new features allows us better input control and validation. Not all major browsers support all the new input types. …
