Issue #214 (lastModified, Front-end Frameworks, Content, Git/GitHub)
The Document object of a web page has a boatload of properties you can access, including many now obsolete or deprecated features. One interesting one is the lastModified property.
This one is not obsolete, but it's probably not going to come in handy except in some very specific circumstances. This is mainly because it doesn't work in all cases.
console.log( document.lastModified );
// "08/24/2017 04:56:32"
You can see from the syntax that the output will be a string containing a date and time that represents when the document was last modified. According to the HTML5 spec
, the value must be "the date and time of the Document's source file's last modification, in the user's local time zone." The spec also says that if the last modification date is not known, it returns the current date and time.
You can test this out by visiting any web page and entering document.lastModified
in the browser's developer tools console. Try it on different types of sites — WordPress blogs, static pages, etc.
A static page will display the last time the page was actually modified (which could be years ago) while I've noticed that any page that renders using a server-side language like PHP will simply display the current date and time. So most pages will likely not allow you to use this property.
More info on this feature on MDN
and in this Stack Overflow thread
Now on to this week's tools!
A starter kit, not a framework. Think of it as a CSS reset sprinkled with helpful components. Bootstrap users will find it familiar, yet refreshing.
A simple, lightweight, responsive CSS grid system built on flexbox.
Baseline atomic CSS toolkit. fractures helps you bootstrap design-systems and prototypes by providing a set of non-blocking, atomic, utility classes.
Smart open source Sass-based OOCSS framework built for scale. Create lightweight, performant, readable and fully responsive interfaces in no time.
An opinionated framework that helps you write better React apps by organizing functionality in modular, reusable, composable, and delicious chunks.
A toolkit for building scalable web applications with React, Redux and React-router. It's an all-in-one solution for creating modern React apps.
React Native UI Kitten
Mobile framework with a set of commonly-used UI components styled in a similar way. You focus on business logic and it takes care of visual appearance.
A tiny modern CSS reset.
Now at version 2+. Material Design components for Angular.
Databases, JSON, Content, etc.
Online tool to convert CSV or JSON data to SQL.
A real-time, decentralized, offline-first, graph database engine.
A web-based tool to view, edit, format, and validate JSON. It has various modes such as a tree editor, a code editor, and a plain text editor.
A gallery of real data ready to be placed in your design. Kind of like an App Store for fake content.
Create dynamic websites automatically using data from your spreadsheets as content.
Simple, customizable, content placeholder to display while loading your page's content.
Azure Cosmos DB
Globally distributed, multi-model database service.
A pragmatic syndication format, like RSS and Atom, but with one big difference: it’s JSON instead of XML.
Git, GitHub, and Command Line Tools
A Git-based blog engine using Nunjucks.
Simple command-line utility to convert CSV files to searchable and sortable HTML tables.
Command-line utility for developing apps using the Ionic framework.
Unofficial, feature-rich, GitHub iOS client to view repository and user information, control your notifications, and manage issues and pull requests.
Web front end for creating polls for GitHub issues and Readme files.
Still in Alpha. Windows, Mac, and Linux terminal app for a more modern age.
Secure and simple terminal sharing.
A Tweet for Thought
I think most of us have this problem.
Suggestions / Corrections
Made something? Send links via Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
Before I Go...
Littlecodr is a card game that introduces young kids to code. Nice!
Thanks to all for subscribing and reading!