Skip to content
Codeconvey
  • Home
  • Tutorials
    • CSS Slideshow
    • CSS Animation
    • CSS Navigation
    • Modal & Popup
    • Hover Effects
    • HTML Forms
    • Layout
  • How To
  • Resources
  • Contact us
Codeconvey
  • Home
  • Tutorials
    • CSS Slideshow
    • CSS Animation
    • CSS Navigation
    • Modal & Popup
    • Hover Effects
    • HTML Forms
    • Layout
  • How To
  • Resources
  • Contact us

Ashfaq Ahmed

Ashfaq Ahmed is a freelance WordPress developer and owner of codeconvey.com. I developed modern and highly interactive websites. I always focus on improving my development and design skills.

How to Create Twitter Pure CSS Heart Animation

by Ashfaq Ahmed
Heartbeat css animation

Did you notice animation on twitter when you do press heart button? Yep! That’s what I am going to create this heart animation with pure CSS. It’s a heartbeat

Simple CSS Image Gallery with Captions

by Ashfaq Ahmed
Grid CSS Image Gallery With Captions

Today, we are going to create a simple CSS based gallery with image captions. Actually, it’s not a regular gallery but CSS image grid with title and description underneath

Simple Responsive CSS Image Gallery with Thumbnails

by Ashfaq Ahmed
Simple CSS Image Gallery

Are you looking for a gallery with CSS only? In this post, I will create a simple responsive CSS image gallery with thumbnails and minimal HTML code. This gallery

Background Image Slideshow using Javascript

by Ashfaq Ahmed
Background Image Slideshow using Javascript

Today, I’m here with another cool JavaScript based background image slideshow that can be used to slide images with caption text. Although, it is a simple slider but it

Pure CSS Background Image Slider

by Ashfaq Ahmed
Fullscreen Background Image Slider with CSS

Looking for a pure CSS background image slider to add as background? It comes with autoplay function which is perfect to run it as background. It’s developed with CSS

Simple 5-Star Rating System in Plain HTML & CSS

by Ashfaq Ahmed
Plain HTML Star Rating System

Today we have to build a 5-star rating system using the HTML and a bit of CSS. The code is simple and easy to implement, All you need to

Creating Simple HTML5 Contact Form with HTML5 Validation

by Ashfaq Ahmed
Simple HTML5 Contact Form

Today, I’ll explain step by step with source code example for creating a simple HTML5 contact form with validation. It comes with a fresh modern design that makes your

Responsive CSS Fullscreen Overlay with Blur Background

by Ashfaq Ahmed
Responsive CSS Fullscreen Overlay with Blur Background

Today, we are super excited to create a responsive fullscreen overlay with blur background by using CSS. When a user clicks on a button, It will cover all the

Responsive Pure CSS Modal/Lightbox without Javascript

by Ashfaq Ahmed
Pure CSS Lightbox

You have seen many solutions to make a model or a lightbox with JavaScript. But, what about making a lightbox with pure CSS and make it responsive? Yep! Its

Fancybox YouTube Video Responsive Lightbox

by Ashfaq Ahmed
YouTube Video Responsive Lightbox

Today we have a tutorial about building a responsive lightbox for the YouTube video. I am sure, You have experience with making a lightbox for photos but how about

CSS Stylish Search Box Design in Plain HTML

by Ashfaq Ahmed
Stylish Search Box CSS Design in Plain HTML/CSS

Building a creative and CSS stylish search box design with plain HTML always fun. Today, We are going to build some great ideas for search boxes. All of these

Pure CSS: Animated CSS3 Checkbox Styling

by Ashfaq Ahmed
Animated CSS3 Checkbox Styling

Are you wondering how to apply styling on a boring input checkbox? In this tutorial, I will create an animated CSS3 checkbox with a styling code example that provides

Basic Parallax Background Effect in Javascript – BBng.js

by Ashfaq Ahmed
Basic Parallax Background Effect

Today, We come up with a parallax background js plugin called BBng.js. It’s a very basic plugin to create a clean and nice-looking effect by using different content and

Video Parallax Effect with HTML Background Video

by Ashfaq Ahmed
video parallax effect

A few days back, I was searching for something on google about parallax and found that many people want to implement a video parallax background effect instead of a

Animated CSS Overlay Image with Text on Hover

by Ashfaq Ahmed
Animated CSS Overlay Image with Text on Hover

In this post, We will show you how to add Animated CSS Overlay Image with Text while hover the image. The overlay allows showing content over the picture and

CSS Image Hover Transition Effects

by Ashfaq Ahmed
Easy to Apply CSS Image Hover Transition Effects

Today we have created sets of CSS Image Hover Transition Effects that you don’t miss out. We build out some more unique and easy to implement effects. You just

CSS Animated Search Box with HTML

by Ashfaq Ahmed
Build Creative Animated Search Box CSS on Click

I this tutorial, you will learn how to create a CSS animated search box with jQuery & HTML. It also has an expanding effect which works when the user

Pure CSS Arrow Down Bouncing Animation

by Ashfaq Ahmed
Pure CSS Arrow Down Bouncing Animation

In this tutorial, I’m going to show you how to create a CSS down arrow bouncing animation using pure CSS3. Basically, such arrow animation can be used in dropdown

Pure CSS Image Gallery with Thumbnails

by Ashfaq Ahmed
Pure CSS Image Gallery with Thumbnails

Did you try out our fullscreen image gallery which build with CSS3? What about this Pure CSS image gallery with thumbnails that allows you to change the main image

Pure CSS3 Responsive Fullscreen Image Gallery

by Ashfaq Ahmed
CSS3 Responsive Fullscreen Image Gallery Without Javascript

Today we come with another tutorial called pure CSS3 responsive fullscreen image gallery. This gallery created using the latest CSS3 techniques without using JavaScript or jQuery but have all

Older posts
Newer posts
← Previous Page1 … Page11 Page12 Page13 Page14 Next →

You might also like

  • Create a Comment Box in HTML and CSS
    Comment Box in HTML & CSS Code
  • Responsive Automatic Image Slider with CSS
    Responsive Automatic Image Slider with CSS
  • HTML Expand Collapse Text without JavaScript
    HTML Expand Collapse Text without JavaScript
  • Responsive Accordion using Pure CSS
    Responsive Accordion using Pure CSS
  • Pure CSS Slideshow Autoplay without Javascript
    Pure CSS Slideshow Autoplay without JavaScript
  • Pure CSS Responsive Vertical Tabs
    Pure CSS Responsive Vertical Tabs
  • CSS Percentage Circle
    Pure CSS Percentage Circle With Animation
  • HTML Image Zoom on Click using JavaScript
    HTML Image Zoom on Click using JavaScript
  • Horizontal News Ticker using Pure CSS
    Horizontal News Ticker using Pure CSS
  • Pure CSS 3D Coverflow Image Slider
    Pure CSS 3D Coverflow Image Slider

Popular Topics

CSS Overlay Image Slider Slide Animation CSS Gallery Progress Bar Flip Animation Sticky Header Parallax Background
  • Home
  • About Us
  • Contact us
  • License
  • Disclaimer
  • DMCA
  • Terms & Conditions
© 2025 Codeconvey.com - All rights reserved.