What a great technological analogy by Mandy Michael. A reminder that TypeScript…
makes use of static typing so, for example, you can give your variables a type when you write your code and then TypeScript checks the types at compile time and will throw an error if the variable is given a value of a different type.
In other words, you have a variable age that you declare to be a number, the value for age has to stay …
The post Understanding why Semantic HTML is important, as told by TypeScript appeared first on CSS-Tricks.
A challenge we recently faced was that we needed to create a navigation that showed up only when scrolling up.
How did we solve it?
Web developers wear many hats. Even if they only work on the “back end,” writing code that will run on the web server, they need to be able to: Write the HTML code that’s presented in the user’s browser. Write…
The post 5 Skills to Learn to Become a Back End Web Developer appeared first on Treehouse Blog.
The textarea is an HTML tag mostly used for messages and comments. It is very similar to inputs, but, because it provides an option to have more than one line of text, it is not presented as input [type=”textarea"].
In this post, we’ll go over all the options for using this tag, along with some often asked questions about it.
If you check the Chrome web store, you will find a lot of Chrome extensions. You can check this out using this link.
In the previous article that covers CSS subjects, we talked about the box model. An important property that’s connected to the box model is the box-sizing property.
The box-sizing property defines how the height and width of the element are calculated and if it should include the border, padding, and margin, or not.
The key benefits are:
Every beginner should first start with the basics. In the case of CSS, the basics are learning the box model. Before proceeding with learning any other CSS concepts, this is the one you should master first!
The box model is the basic building block of CSS.
I want to take a break from the code focused session to talk about an important topic – accessibility. I was only recently enlightened as to how important this is at a conference I attended in April. Before we get too deep into this, if you want to review the coding stuff (as I will mention it occasionally in this post), review these posts:
1: Starting at index.html
Chrome DevTools is a powerful suite of web development tools built right into the Chrome browser. One of the most useful features of DevTools for web developers is the ability to live edit the HTML and CSS on a page. This functionality allows any developer, even those with weaker HTML and CSS knowledge, to quickly prototype and iterate on potential changes to a web page.
While working on Lucidchart, one of my recent projects was to add some check marks into the inputs where users fill in their billing information in order to convey immediate feedback when the users entered properly formatted and valid information. Even though I am more comfortable working in our backend code than I am with CSS and HTML, I was able to easily implement these check marks with the power of live editing.