Web Tools Weekly
What a Tool!

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!
Did you buy my previous JavaScript/DOM tips book? I've released a new one...
70 JavaScript & DOM Tips for $5 (Volume 2)
(EPUB, MOBI, and PDF)

Front-end Frameworks

Shoelace.css
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.

Carbon Grid
A simple, lightweight, responsive CSS grid system built on flexbox.

fractures
Baseline atomic CSS toolkit. fractures helps you bootstrap design-systems and prototypes by providing a set of non-blocking, atomic, utility classes.

iotaCSS
Smart open source Sass-based OOCSS framework built for scale. Create lightweight, performant, readable and fully responsive interfaces in no time.

Chunky
An opinionated framework that helps you write better React apps by organizing functionality in modular, reusable, composable, and delicious chunks.

Rekit
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.

minireset.css
A tiny modern CSS reset.

Angular Material
Now at version 2+. Material Design components for Angular.

Databases, JSON, Content, etc.

SQLify
Online tool to convert CSV or JSON data to SQL.

GUN
A real-time, decentralized, offline-first, graph database engine.

JSON Formatter
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.

Lists
A gallery of real data ready to be placed in your design. Kind of like an App Store for fake content.

Tabledo
Create dynamic websites automatically using data from your spreadsheets as content.

Mocka
Simple, customizable, content placeholder to display while loading your page's content.

Dat
Powerful data sharing from your desktop. Dat is the distributed data sharing tool available via a desktop app, command line tool, or JavaScript library.

Azure Cosmos DB
Globally distributed, multi-model database service.

JSON Feed
A pragmatic syndication format, like RSS and Atom, but with one big difference: it’s JSON instead of XML.

Do you like this newsletter? Show your support!
Make a One-time Donation via PayPal.me/WebToolsWeekly

Git, GitHub, and Command Line Tools

gitpushblog
A Git-based blog engine using Nunjucks.

CSVtoTable
Simple command-line utility to convert CSV files to searchable and sortable HTML tables.

Ionic CLI
Command-line utility for developing apps using the Ionic framework.

GitPoint
Unofficial, feature-rich, GitHub iOS client to view repository and user information, control your notifications, and manage issues and pull requests.

GitHub Polls
Web front end for creating polls for GitHub issues and Readme files.

Terminus
Still in Alpha. Windows, Mac, and Linux terminal app for a more modern age.

warp
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!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly