Learn to create an HTML5 and CSS3 transition dropdown menu (Eduonix)

Learn to create an HTML5 and CSS3 transition dropdown menu (Eduonix)

HTML5 and CSS3 are two of the three most important technologies when developing websites. HTML, short for HyperText Markup Language is used not only for creating websites, but also for developing web applications and mobile applications. On the other hand, CSS3 is used for modifying the visuals of any HTML pages. The sheet is written separately and linked to the main HTML pages, meaning that the HTML page no longer has to constantly be modified to change the layout of the website. It is a must have technology for any developer.

Learn how to use HTML5, CSS and a little bit of jQuery to design a multi-level dropdown menu. You will also understand core concepts such as using Nested Lists, CSS Transitions and even creating animations in this fun project.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Learn how to make a pure CSS3 image Slider (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn how to make a pure CSS3 image Slider (Eduonix)

HTML and CSS are two cornerstone technologies for creating responsive and engaging webpages. The latest versions, HTML5 and CSS3 allow users to create amazing updateable webpages without having to constantly modify the coding at every level. HTML5 offers new syntactic features and integrates more tags, while the latest version of CSS comes with newer modules that extend the capabilities of the webpage. This is a free course with a MOOC List coupon.

Self Paced
Self-Paced
Learn jQuery Ajax and PHP by creating a Shoutbox application (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn jQuery Ajax and PHP by creating a Shoutbox application (Eduonix)

JavaScript is one of the most commonly used programming languages on the Web. It is a lightweight, interpreted programming language that is integrated with Java and HTML. An open-source and a cross platform language, JavaScript has made developing web pages easier because of its ability to support object-oriented programming and functional programming style. This is a free course with a MOOC List coupon.

Self Paced
Self-Paced
Learn HTML5 Stickys App Course (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn HTML5 Stickys App Course (Eduonix)

Currently employed by more 150 of the Fortune 500 U.S. companies, HTML5 is one of the most popular mark-up languages. The latest version of the HTML language, created by W3C in collaboration with Web Hypertext Application Technology Working Group (WHATWG), was designed to simplify the process of creating web applications.

Self Paced
Self-Paced
Learn Bootstrap Development By Building 10 Projects (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn Bootstrap Development By Building 10 Projects (Eduonix)

Learn Bootstrap, the best cross-platform framework, by building 10 unique projects in this Bootstrap Development course. Bootstrap is the world's most popular mobile ready web development framework for HTML, CSS and JavaScript. Bootstrap is for you if you want to quickly build a super cool website which work across devices and browsers. It is easy to learn and super powerful.

Self Paced
Self-Paced
Getting Started with Ember.JS Tutorials from Ground Up (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Getting Started with Ember.JS Tutorials from Ground Up (Eduonix)

Learn what is Ember JS & how it can help you build complex and quick apps and SPAs in this detailed Ember.js tutorial. As a developer, much of your life revolves around writing codes, but what if I told you that now you don’t have to keep writing code for every simple thing? With Ember.JS, this is actually possible. EmberJS is an open-source JavaScript application framework, which reduces the amount of coding required because of its Handlebars integrated templates.

Self Paced
Self-Paced
Learn Complete Websites Setup from Scratch (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn Complete Websites Setup from Scratch (Eduonix)

This course is aimed towards complete beginners who want to set up their own website. If you are a complete newbie then you have come to the right place. This is the first basic course you can do to get started with your website. This course starts with a quick refresher on the website components and then quickly help you understand the concepts behind all the technicalities.

Self Paced
2 Weeks
Learn jQuery by making a Content Slider (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn jQuery by making a Content Slider (Eduonix)

JavaScript is one of the most popular programming languages when it comes to webpages, but has also transitioned to non-browser environment such as NodeJS and Apache DB. JavaScript is a high-level, dynamic programming language that makes it easy to program web pages and also comes with multiple APIs that work with text, arrays, dates and regular expressions.

Self Paced
Self-Paced
Learn HTML and CSS3 by making pricing tables with SASS (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn HTML and CSS3 by making pricing tables with SASS (Eduonix)

HTML5 and CSS has breathed new lives in webpages, allowing developers to get more creative with how they create and design websites. HTML5 offers new syntactic features, simpler tags, integration of scalable vector graphics, and more. While, CSS3 adds more formatting changes that can be made to a website, including rounded corners, shadows, gradients, transitions or animations, etc. These features allow developers to get more creative in the way they design a webpage.

Self Paced
Self-Paced
Learn jQuery by making a Tic Tac Toe Game (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn jQuery by making a Tic Tac Toe Game (Eduonix)

JavaScript was released around 20 years ago and has snagged its way to the top as a very popular programming language. Originally designed as an interpreted language for web pages, it has evolved to being used in many other streams including mobile and web app development, back-end scripting and even for designing games.This is a free course with a MOOC List coupon.

Self Paced
Self-Paced
Learn jQuery by making a complete jQuery Plugin (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn jQuery by making a complete jQuery Plugin (Eduonix)

JavaScript has been steadily gaining popularity since its introduction in 1995 by Netscape and continues to hold its position as the number one language for web pages. JavaScript is a high-level, dynamic, untyped, and interpreted programming language that has been standardized in the ECMAScript language specification and is currently one of the most support languages across all browsers. This is a free course with a MOOC List coupon.

Self-paced
Self-Paced
Learn to make a functional CSS3 image gallery (Eduonix) Eduonix
Eduonix Learning Solutions Pvt. Ltd.

Learn to make a functional CSS3 image gallery (Eduonix)

HTML was the turning point in developing websites, and another revolution was the introduction of CSS. HTML made it easier to render life into webpages, while CSS allowed us to make the pages aesthetically pleasing. HTML5 and CSS3 are the newest versions of the older technologies and allow more features that make developing easier. It also enables developers to incorporate more functionality into webpages and websites without having to rely on hardcode coding.

Self Paced
Self-Paced