Awesome CSS/HTML Tutorials: Part One

This new year, you are in for a treat at ‘corePHP’. We are introducing a new series called “Awesome CSS/HTML Tutorials” series. In this series each week we will be posting an article featuring 10 hand-picked and awesome tutorials to create wonderful effects and elements using CSS and HTML.

So, let’s kick start this new year with some amazing tutorials that will help you create wonderful websites this new year.

Circular Navigation

Circular NavigationThis tutorial will guide you to create an amazing circular menu that pops out every time your website visitor clicks on the open button.

View Tutorial | Apply this on your Website

CSS3 Notifications

CSS3 NotificationsYou will be able to create some simple and elegant notification boxes using CSS3 which fades out when clicked.

View TutorialApply this on your Website

Cool Drop Down Menu

Drop Down MenuThis tutorial will show you how to create a stylish drop down menu using CSS. Take your menus to the next level with this tutorial.

View Tutorial | Apply this on your Website

Rotating Boxes

Rotating BoxesCreate amazing rotating boxes to show off your products/items in style to your website visitors using CSS.

View TutorialApply this on your Website

Animated Photo Stack

Animated Photo StackCreate an animated photo stack or gallery that shows up different photos in the gallery with an unique transition effect every time.

View TutorialApply this on your Website

Animated Book

Animated BookShow of book/books on your website with this amazing CSS effect that rotates the book on hover for a better look.

View Tutorial | Apply this on your Website

Natural Language Form

Natural Language FormMake your forms interactive by converting it to a natural language form with the help of this superb tutorial.

View TutorialApply this on your Website

Slide Out Footer

Slide Out FooterCreate a cool slide out footer that slides out while your visitor has scrolled down to the bottom of the page.

View TutorialApply this on your Website

Expanding Overlay Effect

Expanding Overlay EffectCreate an expanding overlay effect with CSS, that pops out as soon as a certain section is clicked, and with animation.

View TutorialApply this on your Website

Fullscreen Slit Animation

Fullscreen Slit AnimationThis tutorial shows you how to create a fullscreen slit effect in a slider with CSS and a little bit of jQuery.

View TutorialApply this on your Website

Wrapping Up

Well that’s it guys. We come to an end of this week’s tutorials. Learn these tutorials, practice them in this week because we will be back with some more tutorials next week. Stay tuned. So, which one did you like the most among these 10 tutorials?

Rahul Chowdhury
Writer at 'corePHP'
A blogger and a happy guy who loves to write articles and make lists related to technology and web, Rahul is a Contributing Author to the 'coreTechnology' Blog.