What do you do when you need a widget-like functionality? At present, there is a whole generation of developers who, as a rule, are googling for ready-made jQuery plugins. Can’t we do better than that? With the advances of web-components, we are expected to compose UIs from these building blocks. They are many. One can find one for almost any task. They are highly customizable. One can reuse the functionality, but with your own original representation. They are isolated. One doesn’t need to worry about the collisions in the compound system. But in reality, the APIs required by true web-components still have poor support in user-agents. One has to load an emulator library like Polymer. When it comes to component-based frameworks, one can painlessly import a component or rather go with a set like Material UI. But what would you say about standardized, library/framework-agnostic solution with not dependencies? Interesting that with HTML 5.1 and HTML 5.2 we get a number of new functional elements, solving classic developer tasks such as dialog, expandables, date pickers, and others. At the time of writing this article, the support for spec among browsers isn’t that good, but the elements can be polyfilled where it lacks. Let’s see what’s available and how we can use it.
Expandables With Summary/Details
A pair of elements, details and summary, were introduced in HTML 5.1 and are now widely supported. They implement a disclosure widget that can be adopted for collapse, dropdown menus, tree navigation, and other tasks. By default, any child elements of details except summary are hidden. As one clicks summary, the properties of open details change to true and the hidden content comes into view. To put it in practice, we made the following HTML:
Meta tags are those HTML tags that appear in the
section of HTML documents, and they act as behind-the-scenes settings that can be interpreted by the web browser to help render the website correctly, or by search engines to help them process certain information that aids your ranking (SEO).
Let’s take a look at all of the meta tags that are relevant in 2017, as you’d be quite surprised at how many of them have been deprecated. If there’s a meta tag you don’t see here, it’s highly likely that you don’t need it anymore.
This weekend, I tried something new: coding from a pleasant, sunny location. It didn’t go so well.
First, the internet was atrocious. My stream kept lagging and cutting off and being blurry. In the end, I had to crank the bitrate and resolution way down. That helped, sort of.
Every week, new courses and workshops are published to the growing Treehouse Library! Here’s a short list of what we’ve added recently, upcoming course highlights, and our weekly video update of What’s New at Treehouse. Start learning to code today with…
The post New & Upcoming Course Highlights: HTML Basics appeared first on Treehouse Blog.
Messing around with experimental code is easy thanks to several free online development playgrounds. Craig Buckler looks at seven of the best…
Continue reading %7 of the Best Code Playgrounds%
Every week, new courses and workshops are published to the growing Treehouse Library! Here’s a short list of what we’ve added recently, upcoming course highlights, and our weekly video update of What’s New at Treehouse. Start learning to code today…
The post New & Upcoming Course Highlights: Introducing Text Editors & Express Basics appeared first on Treehouse Blog.
The end result (while pretty) can leave your user spending precious time waiting for the page to load.
HTML Templating Utility
This is a rare case where we decided to make a simple abstraction hiding the underlying jknack handlebars implementation. Since it only really needs a few methods, we can hide the implementation and easily swap it out later. Notice how we have a few config options. When we are running locally, we want handlebars templates to be compiled on the fly and NOT cached. We also utilize HTML compression for all of the HTML-specific methods. We also offer some non-HTML templating methods. Sometimes it might make sense to abuse an HTML templating library to solve a similar problem.
Nowadays myriad of frameworks popping up at regular basis while few others like Bootstrap, Foundation and Angular.js have dominated the entire development world. CSS Stands for style sheet language that[…]
pdfHTML to Convert HTML and CSS to PDF
An iText 7 add-on, pdfHTML is a premium upgrade to the previous XML Worker from iText 5. The new solution provides more functionality out of the box and easier extensibility and customization.
“HTML is ubiquitous. A lot of software already outputs HTML in one way or another, and most developers know at least the basics,” said Raf Hens, iText director of product management. “As such, pdfHTML is a convenient way to integrate PDF functionality, allowing developers to use existing HTML and CSS skills and resources to quickly create PDF documents.”