Code The World

HTML Best Practices: Type attribute on script and style elements is not necessary in HTML5

Since all browsers expect scripts to be JavaScript and styles to be CSS, you don’t need to include type attribute. While it isn’t really a mistake, it’s a best practice to…

HTML Best Practices: HTML5 Structural Elements

HTML5 structural elements allow us to create a more semantic and descriptive codebase and are used in all of our projects. Instead of using <div>s for everything, we can use HTML5 elements like <header>, <footer>, and <article>. They work the same…

CSS-Responsive Websites and Frameworks

Min-width media queries

A responsive website should be built with min-width media queries. This approach means that our media queries are consistent, readable and minimize selector overrides.

CSS-Performance

Let’s be honest, CSS “speed” and performance is not as important as PHP or JavaScript performance. However, this doesn’t mean we should ignore it. A sum of small improvements equals better experience for the user.

HTML Best Practices: Avoid Unnecessary Presentational Markup

Write clean, semantic markup, avoid writing unnecessary presentational markup. Markup should always dictate what the content is, and CSS should dictate how the content looks. Mixing these two concerns makes maintaining code…

CSS — Documentation

Code documentation serves two purposes: it makes maintenance easier and it makes us stop and think about our code. If the explanation is too complex, maybe the code is overly complex too. Documenting helps keep our code simple and maintainable.

Commenting

Linux Command Line Interface: The Basics — Part 7

7. Better listing

Adding more order with the ls -l option

Now that we have more files and directories in the ~/workspace directory, is there a way of displaying them in a more…

Great README

A great README file helps your project to stand out from the sea of open-source software on GitHub. In this article I go over the key elements every README for an open-source project should contain. It also includes a README.md template for use in your own projects.