In today's tutorial we continue to learn basic CSS as we use attribute selectors to style elements. Enjoy!
Views: 728 programCity
Images can be made into clickable links on web pages using the anchor tag. In this tutorial, we wrap an image tag in an anchor element using our "#" href so that we don't have to think about where the link goes to. This is some basic, but very useful HTML.
Views: 638 programCity
Today I show how to use basic CSS to add borders around your HTML elements. Please like, comment and subscribe if you found this video useful.
Views: 444 programCity
Linking to external pages is accomplished in HTML using an anchor text. In this tutorial, we use anchor text to link a few words on our website to an external website. When the user clicks that link, they will be redirected to the specified website. Big thank you to Free Code Camp for creating this excellent website.
Views: 642 programCity
Think about an old jukebox when you are thinking of radio buttons. Radio buttons are a collection of buttons in which only one button can be depressed at a time. When you push another of the radio buttons, the other buttons pop up. I recommend writing a few radio button groups to get accustomed to the way this technology links together.
Views: 1141 programCity
Checkboxes are html elements which allow the user to select multiple options from a set of options. Checkbox elements differ distinctly from radio buttons because they allow users to select multiple choices, rather than a single choice. These are important lessons for those learning to code.
Views: 853 programCity
Here we show how to add a link so that if your user clicks a link, you can have them jump to a specific area on your website. This is very useful, despite that there is a bug in the system we are using. Internal linking is great for creating simple, quick to read HTML websites. Enjoy!
Views: 528 programCity
Today we learn to use CSS classes to style elements. This is another installment of my series on learning to code utilizing the freeCodeCamp web application. Thank you for watching. Please like and subscribe to support this channel.
Views: 447 programCity
In this code tutorial, we add HTML images to our website. Thought the example provides a simple cat photo to add, I also show how easy it is to add images from all over the internet to your application. Big thank you to Free Code Camp for putting this excellent website together.
Views: 585 programCity
Forms are the way that HTML communicates information to a web application. You will use forms a lot to get data from users and ensure that organized processes happen the way you want. This is another short, beginner tutorial on learning HTML.
Views: 919 programCity
Today we have a basic CSS tutorial on how to use an id attribute to style an Element.
Views: 483 programCity
Today we use basic css to specify how fonts should degrade depending on the different users of your application. Please like, comment and subscribe if you find this video useful.
Views: 329 programCity
Use CSS Selectors to style elements is the title of today's lesson. Basically, this allows us to write the code for specific elements to appear one way, and then that code will style many elements.
Views: 413 programCity
Lists are some of the most used HTML elements. Later in these tutorials, we will use list elements to create navigation menus and all sorts of data display methods. Learn them well. In this tutorial, I show the specific way that I generate lists rapidly.
Views: 407 programCity
In today's basic CSS tutorial we will inherit styles from the body element as part of the Free Code Camp curriculum. The key to this tutorial will be to understand that we write CSS for the body element, but that code is passed down to our h1 element. That is the inheritance which is critical for fully understanding this portion of the curriculum.
Views: 365 programCity
This is a basic CSS tutorial on how to give a background color to a div element. All of these tutorials are part of a series to learn to code with Free Code Camp. My goal is to help those that are stuck on their Free Code Camp journey. Often, those learning to code are stuck on parts of code which a more senior programmer would be able to help rapidly with. Enjoy!
Views: 374 programCity
Linking is largely what makes the internet run. In this tutorial, we go over writing links into web pages. Thought the specific requirements are to write a single HTML anchor link, we create three. The reason we do extra in this tutorial is that repetition is important when learning critical elements of programming. HTML linking is undoubtedly something you will be required to write again and again. Thank you for watching and a special thank you to Quincy Larson and the Free Code Camp community. This all could not be possible without you guys.
Views: 1480 programCity
Here we introduce the HTML5 element "main" to our learning process. HTML5 provides a collection of tools that improve search engine optimization. Here we learn a bit about HTML architecture, as well as some elements which will be useful as we start developing our own apps.
Views: 230 programCity
Today we utilize the css class to style multiple elements as we work our way through the freeCodeCamp curriculum. Please like, subscribe and share this video if you found it helpful.
Views: 309 programCity
Today we use the strong tag to make text bold as part of this curriculum on Applied Visual Design which is generously provided by FreeCodeCamp.com. In these tutorials, I try to show a few tricks and go a little more in depth so those learning can get a little more from each lesson.
Views: 384 programCity
Today we use a CSS selector to change the font size of an element. This is core, basic, important CSS so it's great to learn. I try to give some additional examples of how the code works and why it's important. I hope you enjoy, please like subscribe and share this video if you found it useful.
Views: 371 programCity
Here we comment out html elements to show what happens to the page when we use comments. This is an especially useful tutorial because I utilize the cmd + backslash key. This is a hotkey which comments the code rapidly and systematically. In this tutorial, I describe why it is smarter to use the hot-key, rather than typing in your comment code. I'd like to say a big thank you to Free Code Camp for providing the website which I'm using to make these tutorials.
Views: 310 programCity
It's possible that the most used element in HTML is the div element and in this tutorial, we learn to wrap the div element around the specific information we have in our tutorial.
Views: 399 programCity
How to declare the DOCTYPE of an HTML document. This is a series in which I go through the Free Code Camp curriculum as quickly and informatively as possible. Enjoy! Please subscribe and share this video if it was fun for you to watch.
Views: 427 programCity
We use comments again to select code which we don't want the computer to process. This video shows specific tips and tricks to systematically comment out your code. You'll learn the reason to use hot-keys when commenting HTML code.
Views: 274 programCity
Today we have a basic css tutorial on how to set the id of an element. This is very basic CSS. Thank you for watching.
Views: 299 programCity
In today's basic CSS tutorial we learn to prioritize one style over another as part of the Free Code Camp curriculum. This is a lesson which is easy to pass on quickly, but the lesson is important. As we continue to learn CSS, it's important that we see how the 'cascading' part of the cascading style sheet is interpreted by the web browsers.
Views: 365 programCity
In today's tutorial we look at basic CSS to understand absolute versus relative units as part of the free code camp curriculum. Enjoy!
Views: 264 programCity
Learn to define the head and body of an HTML document. This is basic HTML stuff which you will know and love for the rest of time.
Views: 361 programCity
Basic CSS tutorial! This is the first time writing CSS in this series. In it, we do the most basic thing, changing the color of text.
Views: 340 programCity
Here we pre-check some of the form elements. This is a quick and simple tutorial on how to make your HTML forms look more professional.
Views: 534 programCity
Today we have an intermediate CSS tutorial on how to use the text-align CSS property to style some paragraph and heading HTML elements. I provide additional details to deepen the learning in this FreeCodeCamp tutorial. I hope you enjoy. Please subscribe to stay up to date as we move into more complex computer programming tutorials.
Views: 165 programCity
Today we add rounded corner with border-radius CSS element. In this quick tutorial I try to explain a bit more about how CSS works. Big thank you to Free Code Camp for creating these sections. Enjoy!
Views: 246 programCity
Today we do some basic CSS when we set a cascading CSS variable and look into the code to see how it works. This is all part of the great Free Code Camp curriculum.
Views: 275 programCity
In this lesson we use basic CSS to adjust the padding of an element. This is another part of the series in which we work our way through the Free Code Camp curriculum. Thank you Free Code Camp. Please let me know if this video was helpful in the comments section below.
Views: 195 programCity
In today's basic css tutorial we will override styles in subsequent css declarations. This is a part of the Free Code Camp curriculum. Enjoy!
Views: 323 programCity
When building HTML forms, it's important to require users to fill out specific form elements. This can be a challenging part of the Free Code Camp curriculum because it is quite easy to require a field when you know how to do it. If you're stuck on this lesson, I hope this video tutorial helps you keep moving on your journey to learn to code.
Views: 364 programCity
When building HTML5 or HTML websites, sometimes it makes sense to add a quick hash symbol (#) to the "herf" portion of your "a" element. Why? This is a useful practice so you can mark a link in your code, but you can plan where it will link to in the future. The main thing to learn from this is that you can leave 'href' elements with the hash symbol to avoid getting hung up while writing a larger application.
Views: 466 programCity
In the lesson before we created an unordered list. In this lesson, we will create an ordered list. They are very similar, but it's worth the time to take a look at both so you know the difference. Lists are used VERY often in many different types of web development.
Views: 320 programCity
Placeholder text allows the programmer to put text in the background of an 'input' HTML element so that the user has a hint on what to do with the text element. Placeholder text is very important to those learning to code.
Views: 424 programCity
The submit button is an important tool for transferring information from your HTML page. In this lesson, we go over how to build a button using HTML and set that button's type. Submit buttons are especially useful on the web so this is a valuable step in your process of learning to code.
Views: 556 programCity
A quick tutorial on creating text fields in the form of 'input' elements. This is basic HTML and everyone that would like to learn to code should know this.
Views: 273 programCity
Today we use basic CSS to set the font family of an element as we work our way through this series on how to code.
Views: 213 programCity
In today's tutorial, we do basic applied visual design where we use the em tag to italicize text as part of this series working through the free code camp curriculum.
Views: 132 programCity
The first programming language to learn is HTML. In this tutorial, we complete the first FreeCodeCamp lesson titled, Say Hello to HTML Elements.
Views: 140 programCity
Today we take a deeper dive into CSS selectors. In CSS we have classes and ids. These are differentiated by '.' or by '#'. Class = '.' ID = '#'. This is a very important lesson in your path to learning basic CSS. I hope you enjoy this tutorial. Please let me know if there is anyway I can make this information more approachable.
Views: 116 programCity
In today's basic CSS tutorial we override class declarations by styling id attributes as we work our way though the Free Code Camp curriculum. Enjoy!
Views: 231 programCity
In this basic CSS tutorial, we attach a fallback value to a CSS variable to make our styling a little more resistant to bugs. Enjoy!
Views: 1038 programCity