Managing Dates with Javascript Date Formats

Javascript date formats are notoriously quirky — they are a critical part of many websites, but they’re difficult to implement correctly in a cross-browser fashion — and have caused developers many headaches. The Javascript standard provides three different formats for Javascript dates, and each format has different uses.

Some variations in Javascript dates happen simply because of the browser you use, especially when adding a specific time. Developers need to be aware that the same code handling a date can work differently on different browsers. This is less of a problem in modern browsers but some irregularities still remain.

This article will go over the various types of Javascript date formats and why Javascript has a preferred format for both dates and times. Then, we will examine the quirks that browsers present when working with these formats.

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

Understanding the CSS Display Property

CSS can provide a wonderful toolbox to present your design ideas to the world. Using CSS to alter the elements of a page can feel like magic on display. Those HTML elements of a web page sit in containers or “boxes” that can be altered by various CSS properties.

However, some of the various properties and their applied values can be somewhat confusing upon first glance. A commonly misunderstood property in that vein is the CSS display. This property has neat options such as making a div hidden or setting the CSS to “display none”.
In this brief guide, you will learn what the CSS display property is and how to use it. Sample code and images will be provided to help you out along the way. If you need a quick introduction to CSS before you start, check out this blog post to get you going.

Continue Reading

CSS Size: Width and Height Explained

Designing HTML websites through the use of CSS offers an amazing amount of control. You can add awesome colors, images, and text content that combines into wonderful artistic displays. However, those feats of design savvy also need to be formatted for functional use as well.

This is where some of the fine tuning properties of CSS can come into play for a designer. In this brief explainer, you will learn how to manipulate width and height. Together these two options work to get that perfect aspect for the visible HTML size.

Continue Reading