While HTML 5.1 was still in development, the W3C has already started working on a draft of HTML 5.2 which is expected to be released in late 2017. In the meantime, here’s an overview of some of the interesting new features and improvements introduced in 5.1. Browser support is still lacking for these features but we’ll refer you to at least some browsers which can be used to test each example.
HTTP/2 is a new way of making your website load much faster by eliminating many inefficiencies associated with the current version of HTTP. The greatest thing about it? You don’t have to go to much effort to get it up and running.
One of Jekyll’s noteworthy new features is the ability create official themes in the form of Ruby gems. These themes can be installed by a Jekyll user to style their static blog or website with ease, leaving them to manage their content. In this tutorial, we’re going to extend upon Kezz’s post by converting our template into an official Jekyll theme gem.
It is known that getUserMedia, the API defined by WebRTC, is the main method for accessing media capture devices such as webcam and microphone in web pages. The compatible desktop web browsers include Chrome, Firefox, Opera, and Edge. This article will share the resources for learning how to capture and record audio in HTML5.
We all want to disappear sometimes. HTML elements are no different. Sometimes they want to hide out for a while. Not cease to exist completely — just keep things on the down-low. Thankfully, when it comes to making HTML elements disappear, CSS offers a variety of options.
Whilst Bootstrap and Foundation might be the two most popular front-end frameworks amongst web designers, in this article I’m going to introduce you to the features of UIkit, a lightweight and modular front-end framework which I use in almost all of my projects.
If you want to get started in the world of web design, there are a few key skills you'll need to master. First, you'll need a working knowledge of how to code a page in HTML. Then, you'll need to be able to use CSS to create the visual effects you want, whether that's a particular layout, typography, or colors and backgrounds.
In this tutorial, we'll focus on how Jekyll handles URLs and linking since changing URLs will break other people's link to our pages, as well as links in the content of our own site. URLs are critical to how people find and use websites and warrant consideration before publishing a site for the first time.
Today, images account for more than 60% of downloaded content on a web page, so optimizing images can yield significant performance improvements. However, image optimization is both an art and a science, requiring careful evaluation of various parameters and a delicate balance between content, format, quality, and dimensions.
There was a time when the smart move in picking fonts for a website was to a font-family that was supported across as many platforms as possible. font-family: Tahoma; and whatnot. Or even better, a font stack that would fall back to as-similar-as possible stuff, like font-family: Tahoma, Verdana, Segoe, sans-serif;.
Jekyll is a static-site generator that provides some of the benefits of a Content Management System (CMS) while avoiding the performance and security issues introduced by such database-driven sites. It is "blog-aware" with special features to handle date-organized content. Jekyll is well-suited for people who need to work off-line, who prefer to use a lightweight editor instead of web forms for maintaining content, and who wish to use version control to track changes to their website.
We do need valid user input, however we need to acquire it in a way that doesn’t frustrate our users too much. While we can improve the usability of our forms with smartly chosen UX design patterns, HTML5 also has a native mechanism for constraint validation that allow us to catch input errors right in the front-end.
I’ve long enjoyed the user interface designs shown in anime like Ghost In The Shell, and realized this weekend I could recreate the visual design in SVG. You can see the finished example above, and the complete code in the associated CodePen demo; this article breaks down my approach to the UI piece by piece.
A robots.txt file is a plain text file that specifies whether or not a crawler should or shouldn’t access specific folders, subfolders or pages, along with other information about your site. The file uses the Robots Exclusion Standard, a protocol set in 1994 for websites to communicate with crawlers and other bots. It’s absolutely essential that you use a plain text file. Creating a robots.txt file using HTML or a word processor will include code that search engine crawlers will ignore if they can’t read.
In that article you'll find a lot of information on the overall value of working with AMP, but we're going to look a bit more directly at the two most relevant aspects to working with images and video: AMP's custom <amp-img> and <amp-video> elements.
As we know, websites widely use emails for mass mailing of news and other messages. This is one of the main means of delivering information. The letter itself plays a big role – many things depend on it: from the initial understanding the importance of website and even trust level of website. Today we look at the process of creating markup for the letter.
Pages optimized with AMP will appear in a mobile browsing carousel at the top of Google Search results, relegating traditional HTML articles to further down the page. And they'll load almost instantly. AMP reminds me of all those efforts. It's an extremely different, highly constrained version of HTML which requires vast changes to your site and any advertising you might be using.
Cloudinary, a provider of solutions for managing images and video in the cloud, is offering HTTP/2 support, enabling developers to further optimize the user experience. To take advantage of HTTP/2, Cloudinary users don’t have to do a thing – it’s been automatically integrated into the online tools.