CSS gradients allow us to display smooth transitions between two or more colours. They can be added on top of the background image by simply combining the background-image URL and gradient properties. Adding a background image to a div tag is easy using CSS. Here it is; We have put some other rules on the… Continue reading How to Combine Background Image With Gradient Overlay
Category: Web Development
GZIP Compression – How to Enable on Your Site
One or two seconds might not seem like long. When it comes to your website, though, a lot can happen in that short span of time. Sooooo….. Do you want to make your site load faster and attract more traffic? You can do it all by compressing your web files using the GZIP file format.… Continue reading GZIP Compression – How to Enable on Your Site
How to Setup Custom Fonts with CSS & @font-face
Custom fonts changes how typography looks on your website. Using the correct font can be a super big impact on how your website feels to visitors. @font-face is a CSS at-rule used to define custom fonts. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted,… Continue reading How to Setup Custom Fonts with CSS & @font-face
How to Customize mailto Link
Email is a great way for a website to establish contact with its visitors and acquire new subscribers. Among the different existing tools, the mailto link is efficient and easy to implement. This clickable text to send a message directly to a defined email address offers some interesting customization options. But if you are looking… Continue reading How to Customize mailto Link
How to Create Email Social Share Button – NO PLUGINS ONE LINE HTML ONLY
When you visit any prominent blog such as ThoughtCo you might have seen the following social share buttons. Just hit the email share button and quickly it pops up your default email client with share link. If you wonder how to get this feature without using any external plugins then this article is for you.… Continue reading How to Create Email Social Share Button – NO PLUGINS ONE LINE HTML ONLY
How to add the Print Option on a Web Page
CSS give you considerable control over how content on your web pages is displayed on the screen. This control extends to other media as well, such as when the web page is printed. It’s worth considering why you would want to create a print link in HTML after all, most users already know how to… Continue reading How to add the Print Option on a Web Page
(Pro Tip) Create Social Share Link Without Any Tool
If you are developing a website, it is imperative to have social sharing buttons to increase social engagement which in turn will result in higher traffic. There are lot of widgets already available for this purpose. But you may not be satisfied with any of them (reason may be its non-impressive style or poor functionality).… Continue reading (Pro Tip) Create Social Share Link Without Any Tool
How to Create Fade-in Effect on Page Load – 4 Ways [CSS/JS]
When I visit a webpage, I get annoyed when I try to interact with elements while the website is still loading. Often stuff is moving around, fonts aren’t quite loaded, and it feels broken. I know nowadays we are obsessed in this industry with gaining every millisecond in page performance. But in a couple of… Continue reading How to Create Fade-in Effect on Page Load – 4 Ways [CSS/JS]
JavaScript Data Types – A Quick Intro
JavaScript data types are an essential piece to understanding modern JavaScript. A data type is a classification of data. Programming languages need to have different data types to interact properly with values. A data type in a language defines the type of data a variable can hold. You can do math with a number, but not with… Continue reading JavaScript Data Types – A Quick Intro
Understanding CSS Pseudo-element Selectors
In our previous post, we went over CSS pseudo class selectors which includes various type of pseudo classes. In this post we are going to discuss pseudo element selectors in CSS. This is the fifth and last part of a five parts article. You can find first four parts from the following links: Part -1… Continue reading Understanding CSS Pseudo-element Selectors
Understanding CSS Pseudo-class Selectors
In our last post, we went over CSS Attribute selectors which includes presence and value selectors, substring matching selectors. In this post we are going to discuss Pseudo-class selectors in CSS. This is the fourth part of a five-parts article. You can find first four parts from the following link: Part -1 Simple SelectorsPart -2… Continue reading Understanding CSS Pseudo-class Selectors
Sass Mixins – A Quick Intro
One of the challenges in a developer’s life is speeding up and automating the development process while keeping high-quality standards. A great solution for front-end developers using Sass is its mixins capability. First of all, why is it good to use mixins, and how can it help you? Also Read: Sass Variables – A Quick… Continue reading Sass Mixins – A Quick Intro