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.
Problem Solved: Navigation on Scroll
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?
5 Skills to Learn to Become a Back End Web Developer
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.
Link: http://blog.teamtreehouse.com/become-backend-developer
Textarea Tag Busted
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.
Develop Your First Google Chrome Extension Using HTML and jQuery
Chrome extensions are small programs (using HTML, JavaScript, jQuery), written basically to add additional functionality to the Chrome browser. You can download and find all Google Chrome Extensions in the Chrome Web Store (formerly the Google Chrome Extensions Gallery). As per Wikipedia, by February 2010 over 2,200 extensions had been published by developers.
If you check the Chrome web store, you will find a lot of Chrome extensions. You can check this out using this link.
Link: https://dzone.com/articles/develop-your-first-google-chrome-extension-using-h-1
CSS Box-Sizing
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.
CSS in JS Type Checking
CSS in JS is a relatively new technique that lets developers write CSS code directly inside the JavaScript code instead of having separate CSS files.
The key benefits are:
CSS Box Model for Beginners
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.
The Big Bang of Web Development: Let’s Talk About Accessibility
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
Live Editing HTML and CSS With Chrome DevTools
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.