In this blog you will learn, how we can combine the capabilities of native apps and the reach of the web, to get the best of both worlds, using Progressive Web Apps with WordPress.
Author: imranhsayed
Simplest Way To Understand Redux
Posted onRedux is a state management tool for javascript apps. It allows you to share the state between components. Why use Redux? When we have big complicated data for complex applications. Any component can pull any piece of data from the redux store. So data needs to be shared between multiple components Story of a Store
Lazy Loading Images in WordPress
Posted onIn this blog, I am going tell you the quickest and easiest way to create lazy loading without using any libraries.We are just going to use simpleCSS and JavaScript The Concept We first add the lightweight image URL in the src and srset attributes, and the actual image URL and actual srcset into data-src and data-srcset respectively.On initial page load, on window resize, scroll and
Common CSS Tricks
Posted onShow only a few lines with … Targeting Firefox with css Overflow without any scrollbar. Style Select HTML Entities Styling Responsive Video players. Styling a select box with CSS and JavaScript * – In the below input element, value is term id, name is term name.* – The div#select-box-list needs to have the same input
Pagination for Custom Post types
Posted onCreating a simple pagination for custom post types
Date Functions and Formats
Posted ondate($format, $timestamp) is one of the most commonly used date and time functions available in PHP. It takes the desired output format for the
Common JavaScript Functions
Posted onEssential JavaScript functions that every developer should keep in their toolbox! …
Using Templates in WordPress
Posted onIn themes: get_template_part( ‘slug-name’, ‘name’ );We should keep our templates inside template-parts directory.So lets say our template file is in: themes/theme-name/template-parts/home/home-my-template.phpTo include this template you will write ( for e.g. inside front-page.php ) For e.g. our template file is in: themes/theme-name/template-parts/home/my-template.php In Plugin, For e.g. our template file is in:plugins/plugin-name/templates/my-template.php If we want to pass
Using Underscore JS _.template() in WordPress
Posted onMany times we come across a situation in JavaScript where we have to generate dynamic html You can see the code above looks messy and difficult to read. WordPress recommends to use underscore templates.WordPress already has support for underscore.js library. All you have you to do is enqueue it like so : Then you can create a template
Using underscore template in WordPress
Posted onMany times we come across a situation in JavaScript where we have to generate dynamic html You can see the code above looks messy and difficult to read. WordPress recommends to use underscore templates.WordPress already has support for underscore.js library. All you have you to do is enqueue it like so : Then you can