Home » Development » HTML5 » Page 7
Google’s AMP is here to save us from slow mobile content delivery, by enforcing strict standards and limiting what is allowed within AMP pages. The pages only allow a subset of tags and introduce their own tags for fast prefetching of content (images, videos … AMP Specs)
“The Accelerated Mobile Pages (“AMP”) Project is an open source initiative that came out of discussions between publishers and technology companies about the need to improve the entire mobile content ecosystem for everyone – publishers, consumer platforms, creators, and users.
Today, the expectation is that content should load super fast and be easy to explore. The reality is that content can take several seconds to load, or, because the user abandons the slow page, never fully loads at all. Accelerated Mobile Pages are web pages designed to load instantaneously – they are a step towards a better mobile web for all.”
AMP pages are cached within the AMP Cache, providing even faster delivery of your content. The core libs validate your implementation and highlight any problems by pushing errors to the console.
The documentation lists all components currently supported within a page and experimental components in development as well.
I have already added AMP support to our blog posts:
Google’s Webmaster Tools also integrates a new section for AMP, to see how they perform.
AMP is not supposed to replace your webpage, but offer a faster access point to presented content. It will not solve all use cases, but offer better performance for your simple reading pleasure for now. Its a start and lets see how it evolves ;)
TimeCircles is a countdown / timer plugin. The plugin provides a huge amount of options to optimize the look to your individual needs.
TimeCircles
“gridstack.js is a jQuery plugin for widget layouts. It allows you to build draggable responsive bootstrap v3 friendly layouts. ”
Demo @ Github
As I mentioned the usage of Markdown for the Slate documentation builder, here some Markdown editors:
Highly customizable editor.
http://www.ulyssesapp.com/
Use it anywhere and sync to dropbox if you like.
https://stackedit.io/
Nice split-screen setup, that shows you how the html conversion looks like.
http://markdownpad.com/
A nice minimal editor that was developed for Elementary OS.
https://github.com/voldyman/MarkMyWords
Alertify.js is a small library which provides light-weight, high performance browser dialogs.
Alertify @Github
jQuery.sheet is spreadsheet plugin, that offers creation, viewing and editing. All combined with a nice API.
jQuery.sheet
Now that Parse is phasing out (01/2017), people are looking for alternatives that offer:
Collaborative list of Parse alternative backend service providers @ GitHub
“PNotify is a JavaScript notification plugin, developed by SciActive. PNotify can also provide desktop notifications based on the Web Notifications spec. If desktop notifications are not available or not allowed, PNotify will fall back to displaying the notice as a regular, in-browser notice.”
PNotify @ GitHub
Shepherd is a javascript library for guiding users through your app. It uses Tether, another open source library, to position all of its steps.
We should always try to make our apps as self-explaining as possible, but sometimes features need to be showcased or explained. This helps you to do a quick first-start guide for new users.
Shepherd @ Github
Nice simple addon to add a loading animation to your Bootstrap buttons, when doing Ajax requests. Always better to let users know, that your system is doing something ;)
Ladda for Bootstrap @ Github
