React 18 beta version available

 

React 18 is now in beta version. To know more about the release click here.

The main features of release are:

1. We've started work on the React 18 release, which will be our next major version.
2. We've created a Working Group to prepare the community for gradual adoption of new features in React 18.
3. We've published a React 18 Alpha so that library authors can try it and provide feedback.

What new in React 18?

When it is new released, React 18 will include improvements like automatic batching, new API, and new streaming server renderer.

Click here to read more about React 18!

Enjoy!

Top 5 Blogs for Web Development 2020

 

We have many different learning topics: Like YouTube videos and books. Some people like both of that, but you want a true expert in web development we need to do it by learning from our predecessors lot of practice. For this, we need to know what to read and which blogs to follow. If we learn it right, then its very useful in our life.

1. CSS-Tricks

CSS-Tricks blog is useful for how to building websites, mostly discuss on front-end topics. They have many guest authors.

Visit Site

2. CodePen Blog

CodePen is a social development for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

Visit Site

3. Smashing Magazine

Smashing Magazine blog for learn about coding, design, UX, mobile development and CMS frameworks. Visit this blog for improve your front-end knowledge.

Visit Site

4. Envato Tuts+

Envato Tuts+ blog is free for read and learn. Also subscribe for get latest news and blog post.

Visit Site

5. Creative Bloq

Creative Bloq is supported by its audience. When you purchase through links on our site, we may earn an affiliate commission.

Visit Site

Some rules of defining HTML tags

 

- In HTML you can define element of start tag, write content, and end tag

- Rule of HTML element is define everything between start tag and the end tag

<h1>Give Heading</h1>

<p>Write Paragraph</p>

The <html> element is the root element and it defines the whole HTML document.

It has a start tag <html> and an end tag </html>.

Then, inside the <html> element there is a <body> element:

<html>

<body>

<h1>Write Heading</h1>

<p>Write paragraph.</p>

</body>

</html>

* For more information and learn click here

Woocommerce: checkout form remove label and add placeholder

 

- Woocommerce allow you to remove any property of $field->property by using unset,

- Reference can be here: Customizing checkout fields using actions and filters,

- Here simple example of checkout form remove label and add placeholder,

e.g:

add_filter('woocommerce_checkout_fields','wc_checkout_fields_remove_callback');

function wc_checkout_fields_remove_callback($fields) {

    foreach ($fields as $cat => $value) {

        foreach ($fields[$cat] as $field => $prop) {

            unset($fields[$cat][$field]['label']);

        }

    }

   return $fields;

}

Enjoy!

In JavaScript simple script for print specific part of website.

 

- You can easly print any part of webpage means any specific div using javascript,

- Please follow simple below steps for that:

e.g.:

HTML

    <div id="any_id_name">

      <p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.</p>

     </div>

JavaScript

    <script type="text/javascript">

var prtContent = document.getElementById("any_id_name");

var WinPrint = window.open('', '', 'width=500,height=500,scrollbars=0,status=0');

WinPrint.document.write(prtContent.innerHTML);

WinPrint.document.close();

WinPrint.focus();

WinPrint.print();

WinPrint.close();

</script>

Note: Please change width and height as per your requirenment of popup size.

Enjoy!