CSS Basics: Beginner-friendly Guides to Get You Started with CSS

Learning a new programming language can seem intimidating but getting started with CSS basics can be a quick and fun endeavor. 

While the expanded concepts and design options available with CSS can be quite impressive, it is the basics of design that help build your skillset towards a solid process foundation. CSS is the proverbial paintbrush for the canvas that is HTML.

Within this Udacity hub of CSS basics tutorial content, you will find easy-to-follow guides complete with step-by-step instruction to move you through the basic concepts. Sample code and images are provided to enhance the material as well. The hub will grow as more content is made available. Be sure to check in as more CSS basics are added to the CSS toolbox for you to work with.

Continue Reading

How to Build a CSS Dropdown Menu

Navigation within a website is one of the most important aspects of design. Showing where the navigation is and  presenting it in an easy-to-use method is a combination that can be tricky without the right tools. 

Thankfully, CSS has various options for just that issue. In this short tutorial, you will learn how to create a CSS dropdown menu.

A wonderful aspect of CSS is how much it lets you explore your creative concepts while providing useful HTML page design. There are some common elements of a CSS dropdown menu used across the board. 

However, that does not mean all CSS dropdown options have to be the same. In fact, they don’t all even have to be menus.

Continue Reading

Javascript Hub: Strategies to Create Dynamic Web Pages

Javascript is a vital part of dynamic content on the modern web. From simple scripts to complex interactions that require frameworks, Javascript enhances user experiences on the web.

There are two major types of Javascript, and this Udacity Javascript hub covers both. The first type is “vanilla” Javascript, scripts you can write using the basic rules in the Javascript standard. The second type is framework-driven Javascript that creates complex content building upon others’ frameworks, like Angular and React or libraries like FusionCharts.

This Javascript hub contains easy-to-follow guides on a wide range of Javascript topics. Most articles provide sample code to demonstrate how Javascript works in the real world.

This hub is meant to be a comprehensive resource, so we will add new content as it’s published. Check back here for more Javascript content.

Continue Reading

Javascript Examples: An Overview of Udacity’s Javascript Code

Javascript is one of Udacity’s most useful language resources when you want to learn about web development. Our Javascript hub contains many examples of Javascript code, but it might seem overwhelming to keep track of it all if you’re just starting out. That’s where this article comes in: a one-stop repository of Javascript examples.

Use this article to get a general idea of how Javascript works and to become familiar with its syntax. It also includes examples of JSON, a data exchange language modeled on some characteristics of Javascript. Every Javascript example contains a link back to a Udacity article that explains more about that Javascript code.

You can test these examples, and any example in Udacity’s Javascript articles, at Play Code,

Continue Reading

How to Use an HTML Counter Like a Pro

Creating good web content involves a dedicated eye for the material that is being displayed for the end-user. Knowing how to break that content down into equal parts of readability and comforting design brings you closer to great content. Having access and knowledge of the tools to help you achieve that lands you in the area of amazing content.

Something simple like a counting system may seem like a rather mundane topic to cover when CSS has access to so many “flashier” options. However, in this tutorial, you will learn how to not only use an HTML CSS counter but also how to make it really stand out in your design.

Continue Reading

The Essentials of Meta Tags in HTML

Meta Tags are always seen at the top of HTML files but most people usually don’t bother with them or even understand their essential use. Expanding on the details within the Meta Tags can provide details about your web page that you may have never thought important or necessary. Meta Tags connect with both HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). 

As you know from previous tutorials, HTML is the foundational code that is used to structure a web page and its content, while CSS is used to enhance your web page with creative design aspects. 

In this tutorial, you will explore how to create, define, and fully understand the essential use of Meta Tags in HTML. Additionally, you will be shown how these Meta Tags can assist viewers coming to your website. All you need to start with is a simple code editor such as Notepad ++ which is free.

Continue Reading