Mastering vocabulary
Mastering vocabulary
Let's make a Bootstrap Carousel!
Let's do some more work with CSS animation. We'll make a grid of photographs. When you hover over each, it will spin and enlarge. Additionally, the page will have an animated background including twinkling stars and clouds
In this assignment, we're going to practice creating user personas. Personas are an important part of the design process. They help developers better understand their targeted users so that they can create more effective websites
In this assignment, we'll create cards with embedded CSS. Plus a little JavaScript/jQuery. Cards are a popular HTML/CSS construct for constructing pages that are user-friendly. They can be used as 'teasers' to draw a user into the site
We're going to start a series of assignments that will ultimately result in a page with the lyrics of a song and an 'introductory' modal; and an embedded audio player with custom controls to play the song. With this assignment, we'll set up the project and complete some of the CSS we'll need along the way. HW 6 & HW 7 will further style the page and add the audio player
We're going to extend the jquery-1 lab to add form validation. And a little additional styling
Just some final touches (last minute, that occurred to me) to HW5 & HW6 that'll help demonstrate audio controls, dynamically adding/removing CSS, forEach(), drop-caps, and more!
Let's work a little more with form validation. A nice feature to include with form validation is some feedback to show the user exactly where he or she screwed up. Adding a red border or highlighting text are often used. We want to prevent form submission until the form is properly completed. This will build on our jQuery 2 lab, so we'll also have the animation in place
This excerize will provide you with an opportunity to solve a real-life use-case. The 'use-case' is a page with several ordered lists that we want to present to the user like a single list with correctly numbered items. Each list will have a single list item. The list items, then, should display with numbers 1, 2, 3, and so on