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…
Category Archives: Html
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…
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…
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…
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….
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 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…
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…
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,…
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…
How to change the placeholder text color The Placeholder has some default property of gray text color and some opacity. The ::placeholder pseudo element allows you to change style the placeholder…
Use of ARIA in HTML Before moving forward, first need to understand, what is ARIA – “Accessible Rich Internet Applications”, as the internet grow day-by-day, and the user has been…
Essential Tools for Front-End and UI Development or Tools to improve your Web Design As an UI and Front-end developer, i am using many time different tools for better performance, consistency…
SSL Certificate Installation Instructions & Tutorials An SSL certificate serves as a digital “passport” that allows data to be transmitted over secure networks in encrypted form to protecting financial and…
Web Design Guidelines Good web design involves more than an aesthetically pleasing appearance. In fact, a range of professionals with different areas of expertise are engaged in each major decision…
Direction aware Hover Effects using Pure CSS This is a pure CSS implementation of the hover effects that slide in/out deep ending on the direction your mouse enters in/out. Based…
Justified Photo Grid Gallery With Pure CSS Responsive Justified Photo Grid Gallery With Pure CSS is, flexible CSS which lets you create responsive, justified grid gallery layout for showcasing your…
What is position:sticky? Wow what a great new feature introduced in CSS, Sticky position is really awesome, it can reduce extra effort write JavaScripe or jQury to fix an div or…
The Full Glossary of Web Analytics Terms You Should Know I remember when i was first signup to my google analytic account for my first website, i saw many of…
Does Google Value Keyword Meta Tags? I remember when I was a beginner in website development and in SEO, I thought using good meta keyword can boost my website pages…
How I determine browser and its version using JavaScript? When you are developing a site and your target audience is too large, you may need to test and cover all…
How do I change the login logo URL and hover title in WordPress without using any plugin? The default login logo URL in WordPress that point to “WordPress.org” and logo…
What is Leverage Browser Caching? When a web browser load any web page it has to load several resourses like images, fonts, js file, CSS file, and other attached resources…
Turn Off or hide HTML5 Input Number Spinners In HTML5 input type number Desktop browsers add little up and down arrows to number inputs called spinners. With the help of…
Remove Whitespace Between Inline-Block Elements The inline-block is very useful CSS property to make block level element to inline-block element. The inline-block value is incredibly useful when we want to control margin, padding…
In this post, I’m going to show you how to upload SVG image files in WordPress without using any plugin. By default WordPress doesn’t allow users to upload SVG images…
How To Disable HTML Tags and links In WordPress Comments? If you’re are running a WordPress Site and allowing your visitors to comment on your articles, you have surly faced…
Getting started gulp with step by step. Gulp is mostly used for front-end development, Gulp is a tool that perform several tasks when that really beneficial when you build any…
Differences between Canvas and SVG graphics? For making you web page more interactive and graphically more enhanced HTML5 introduced two graphical elements Canvas and SVG. Both are very useful for…
What is HTML5 Web Storage (Local storage, Session storage)? The HTML5’s web storage offers a new mechanism to store data locally on the user’s browser. It just like cookies but…
In one of my project, I am trying to jQuery UI sortable work with zoom CSS property on body. But it’s not allowing me to drag and drop correctly on…