Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Wednesday, November 30, 2022

Beginner's guide to Search Engine Optimization (SEO) - SEO Technics and Technical Recommendations

        , , , , ,     No comments   

SEO stands for "Search Engine Optimization",  SEO is the process of taking steps to help a website or content rank higher on search engines. It means the process of improving your website to increase its visibility/interaction when people search for products, articles or services related to your...
Continue Reading →

Thursday, July 6, 2017

How to Create Text Animation Using CSS

        , , , , , ,     1 comment   

In this post I will explain how to create text animation using css. To achieving this we need to use css @keyframes property for animating the text.  so we need to add -webkit, -moz, -ms, -o in front of keyframes property to avoiding browser related issues.  For Example see bolow: @-webkit-keyframes...
Continue Reading →

Form Processing Steps Design Using HTML & CSS

        , , , , , ,     No comments   

In this post I will explain how to create form processing steps design using HTML and CSS. You can directly copy and paste the below code in your working code. And in this post I am not using any Javascript or Jquery related validations. Just giving an idea about design perspective. In next post I...
Continue Reading →

Friday, January 20, 2017

Back to top page scroll using Jquery, CSS, HTML5

        , , , , , , , ,     No comments   

Hi, Today i will explain about how to scroll page to top from bottom. This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages. This resource is suitable for website with lots of page content. The link fades in on the right-hand side of the content area, after the browser window has...
Continue Reading →

Thursday, January 19, 2017

Animated “x” icon for the Bootstrap navbar-toggle using CSS (Or) Hamburger icon animation using Bootstrap and CSS

        , , , , , ,     No comments   

There are lots of posts online about that trendy (and awesome) transition from the hamburger icon (when the menu is collapsed) to that “x” (when the mobile menu has been expanded). This should be pulled off by CSS3 animations, of course. Below is the code , you can copy and paste ,run directly.. <!DOCTYPE html> <html> <head>   <meta name="viewport" content="width=device-width,...
Continue Reading →

Wednesday, July 13, 2016

How to apply styles on a HTML input type "file" in Pure CSS

        , , , , , ,     No comments   

Bootstrap doesn’t have a designated component for a file upload button. In IE you will face cross browser issues,  To avoiding cross browser issues  i have found a solution. A simple and elegant solution using only HTML and CSS can be achieved with the following sample code, Before write your html code you need to add required jQuery and bootstrap files in your <head> section. <link...
Continue Reading →

Thursday, June 16, 2016

How to display thumbnail preview link on whatsapp

        , , , , , , , , ,     10 comments   

Hai Folks, In this article i will explain how to display thumbnail preview link on whatsapp with simple steps. and i ll add example screens in soon. In previous article How to share content on whatsapp using jQuery ( Title, Link,  Thumbnail etc.. ) we can see how to share content like Title, Description, Any links etc using whatsapp. For this there is a concept meta tags in html....
Continue Reading →

Wednesday, June 15, 2016

How to share content on whatsapp using jQuery ( Title, Link, Thumbnail etc.. )

        , , , , , ,     1 comment   

Hai my dear blog readers, In this tutorial I will help you to share web content on whatsapp using jQuery. Most of the Smartphone users using whatsapp, so using this script you can implement whatsapp share button with your article, which will be very helpful to share article with your friends, colleague etc. We are using HTML5 attributes data-text for article text and data-link for article URL....
Continue Reading →

Monday, August 10, 2015

How to create a simple image slider using css

        , , , ,     No comments   

HTML Code: <div id="image-slider">    <figure>        <img src="http://www.dan-dare.org/FreeFun/Images/CartoonsMoviesTV/MadagascarWallpaper21024.jpg" alt="">        <img src="http://img2.goodfon.su/original/1024x768/8/94/dota-2-nature-s-prophet-riki.jpg" alt="">        <img src="http://hdwallpapersbase.com/wp-content/uploads/2013/01/kung-fu-panda-legends-of-awesomeness-wallpaper.jpg"...
Continue Reading →

Tuesday, April 7, 2015

How to create email template ? (or) Email template design techniques

        , , , , , , ,     2 comments   

HTML Email Tips for Web Designershow do I get started designing HTML email? Any tips for the more advanced user? If you're a web designer, and you know your stuff,  and give you a quick, no-nonsense "Quick Start Guide" to HTML Email... HTML Design and Coding Tips: HTML Email should be sent in "multipart-alternative" format. That means the email is embedded with both the...
Continue Reading →
Subscribe to: Posts (Atom)

Popular Posts