Disable or Prevent Browser zoom on , Ctrl+ or Ctrl-, and Ctrl + Mouse scroll. In my one of application I need to prevent the user, to zoom in and…
Create Triangle shape clip mask using CSS Triangle shape clip mask using CSS to clip image so that background appear. You can achieve this kind of masking using clip property…
How to Redirect WordPress Logout to Home Page or any other page without using plugin? To Redirect user after logout in WordPress to your website Home page or any other…
How to Redirect Users after Successful Login in WordPress without using and plugin It’s a very common situation when you providing login to your user in WordPress Site. When any…
How to Create Front-end login form in WordPress without using any plugin This is the easiest way to creating a simple front-end login form in WordPress, without using a plugin…
Css Triangle HTML Instead of using image for triangle and arrow shape you can make them via CSS, It is a very tricky and smart work to reduce your HTTP…
Add or Create category dropdown menu in WordPress Hear is the simplest way to adding all of your categories in main navigation dynamically in WordPress. You don’t need to add…
How to Add Page Name or Slug class in Body tag. You can add page name class or slug name class on every page. so that you can change design …
Install Sass step by step. Before you start using Sass you will need to install Ruby. The easiest way to get Ruby on your Windows computer is to use Ruby…
What does –watch do? The –watch command literally tells Sass to watch your project for changes. It’s what converts your Sass files into CSS and auto-compiles your Sass every time…
Manage compiled output file style in Sass When developing with Sass sometimes there is a need to adjust the output style of the CSS. Sass’s default CSS style is good…
What Expires Headers does? Expires headers let the browser know whether to serve a cached version of the page. Reduce server load Increase page load time Cost benefit ratio: high…
In this article, i am going to show you all the mime type or you can say file type that you can add in your expire header for browsing cache….
Add custom widget in WordPress You can create a new widget according to your need, anywhere in the website in WordPress by adding code to one of two places. Add…
Bootstrap 3 Breakpoints and Media Queries Here is the default sizes for Twitter Bootstrap 3 media queries, Bootstrap provides media query breakpoints in two ways. Mobile First Method Desktop First…
What is a Google AdSense account? AdSense (Google AdSense) is an free advertising service by Google. The service is designed for website publishers who want to display targeted text, video…
jQuery setTimeout() Function and its examples setTimeout is a jQuery function which executes a code snippet or another function after a specified delay (in seconds or milliseconds). Many Time we…
What is HTTP? HTTP stands for Hypertext Transfer Protocol and is the way in which data is sent over the Internet. It is an protocol that sets the rules for…
Twitter Bootstrap vs. Zurb Foundation, Which Framework is Better? When we developer and designer we usually always reach a crossroads of which CSS framework should we use? There are many…
Basic Git commands Here are the list of some basic Git commands that every beginners should know. 1 Create a new repository create a new directory, open it and perform…
Html to wordpress conversion step by step A step-by-step guide for converting your static HTML into a WordPress Theme. The Loop
CSS Media Queries hack for iPads Many time we need to target browser or device specific CSS to fix some problem. Here i am showing to target css only for iPad…
CSS hack for iPhone only Many time we need to target browser or device specific CSS to fix some problem. Here i am showing to target css only for iPhone devices. I’ve…
Remove/Hide Admin Bar For Subscribers and Author User When we might want open registration on WordPress site so that User can log in and leave comments or submit front-end Post….
Check HTTP or HTTPS protocol in PHP You might be in some case need to check HTTP or HTTPS status of requested URL.
1 2 3 4 5 6 7 8 9 10 |
if (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) { // HTTPS } else { // HTTP } |
What is ADA and ADA Compliance? ADA : The Americans with Disabilities Act It became law in 1990 The purpose of the law is to make sure that people with…
What are Web Content Accessibility Guidelines (WCAG)? The Web Content Accessibility Guidelines (WCAG) documents explain how to make Web content accessible to people with disabilities. Web Content Accessibility Guidelines (WCAG)…
Browser Specific CSS Only As a UI Developer i prefer trying to write common CSS that work or render same on most of browser and their different version. but when your…
Firefox Browser CSS Hacks Here are the most common CSS hack for Firefox Browser and different versions. You can also check hack for Chrome and Internet Explore/Edge . Firefox CSS Hacks…
Chrome and Safari Browser CSS Hacks Here are the most common CSS hack for Chrome Browser and different versions. You can also check hack for Firefox and Internet Explore/Edge. Chrome
1 2 3 4 |
@media screen and (-webkit-min-device-pixel-ratio:0) { .#form-wrapper { } } |
…
Internet explorer & Edge Browser CSS Hacks Here are the most common CSS hack for Internet explorer & Edge Browser and different version. You can also check hack for Firefox and…
What are Semantic and Non Semantic elements ? The best thing and most important thing introduced in HTML5 is semantic tags. HTML 4.01 and older versions had some semantic tags like <img> and <table>,…
Document Object Model or DOM When a web page is loaded , the browser creates a Document Object Model of the page. In this model every single element of page…
Speak property in CSS The speak property of CSS is for specifying how your browser should speak the content when it reads, such as through a screen reader. Or In other words,…
Number of developer who are new in CSS, a bit confused between Pseudo class and Pseudo element and what the difference between them. Before going to tell you the difference…
UX Design User experience design (UX, UXD, UED or XD) is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the…
Mixin to Manage Breakpoints in SASS In responsive website creation we to to manage several different breakpoints. In SASS you can manage those breakpoints with the help of mixin. 1….
This is the common issue in WordPress sites, Google and other search engine may indexing of low quality pages in search results. This includes tags, categories, author & monthly archives….
Asynchronous and Deferred JavaScript? JavaScript is considered a “parser blocking resource”. This means that the parsing of the HTML document itself is blocked by JavaScript. When the parser reaches a <script>…