WebFundamentals - Best practices for modern web development

  •        146

Google Web Fundamentals

https://github.com/google/WebFundamentals

Dependencies:

chalk : ^1.1.3
del : ^2.2.2
fs-extra : ^4.0.1
github : ^8.1.1
globule : ^1.0.0
googleapis : ^12.4.0
gulp : ^3.9.1
gulp-rename : ^1.2.2
gulp-util : ^3.0.7
handlebars : ^4.0.5
handlebars-helpers : ^0.7.5
js-yaml : ^3.6.1
marked : ^0.3.6
mdast-util-to-string : ^1.0.2
minimist : ^1.2.0
mkdirp : ^0.5.1
moment : ^2.14.1
parse-diff : ^0.4.0
remark : ^6.2.0
remark-html : ^5.1.0
remark-lint : ^5.4.0
require-dir : ^0.3.0
rsync : ^0.5.0
run-sequence : ^1.2.2
unist-util-visit : ^1.1.1
vfile : ^2.0.1

Tags
Implementation
License
Platform

   




Related Projects

lighthouse - Auditing, performance metrics, and best practices for Progressive Web Apps

  •    Javascript

Lighthouse analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices. Lighthouse is integrated directly into the Chrome Developer Tools, under the "Audits" panel.

capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the web ⚡️

  •    HTML

Capacitor is a cross-platform API and code execution layer that makes it easy to call Native SDKs from web code and to write custom Native plugins that your app might need. Additionally, Capacitor provides first-class Progressive Web App support so you can write one app and deploy it to the app stores, and the mobile web. Capacitor is being designed by the Ionic Framework team as an eventual alternative to Cordova, though backwards compatibility with Cordova plugins is a priority and is actively being worked on. Capacitor can be used without Ionic Framework, but soon it'll become a core part of the Ionic developer experience.

hindsight - Internet history forensics for Google Chrome/Chromium

  •    Python

Hindsight is a free tool for analyzing web artifacts. It started with the browsing history of the Google Chrome web browser and has expanded to support other Chromium-based applications (with more to come!). Hindsight can parse a number of different types of web artifacts, including URLs, download history, cache records, bookmarks, autofill records, saved passwords, preferences, browser extensions, HTTP cookies, and Local Storage records (HTML5 cookies). Once the data is extracted from each file, it is correlated with data from other history files and placed in a timeline. The only field you are required to complete is "Profile Path". This is the location of the Chrome profile you want to analyze (the default profile paths for different OSes is listed at the bottom of this page). Click "Run" and you'll be taken to the results page in where you can save the results to a spreadsheet (or other formats).

ionic-framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript

  •    TypeScript

Ionic Framework is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic Framework is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

chromedeveditor - Chrome Dev Editor is a developer tool for building apps on the Chrome platform - Chrome Apps and Web Apps, in JavaScript or Dart

  •    Dart

Chrome Dev Editor (CDE) is a developer tool for building apps on the Chrome platform - Chrome Apps and Web Apps, in JavaScript or Dart. CDE is built as a Chrome App written in Dart and uses Polymer. CDE runs on Windows, Mac, Linux, and Chrome OS! CDE supports Git, Polymer, and mobile development. Note: Chrome Dev Editor is no longer being actively developed. We'll do our best to merge your pull requests.


Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API

  •    Typescript

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable and fast. Headless execution is supported for all the browsers on all platforms.

stencil - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps 💎 Built by the Ionic Framework team

  •    TypeScript

Stencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that runs on both modern browsers and legacy browsers back to Internet Explorer 11.

web-starter-kit - Web Starter Kit - a workflow for multi-device websites

  •    HTML

Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry.Download the kit or clone this repository and build on what is included in the app directory.

expense-manager-demo - Progressive Web App (PWA) demo using Vaadin components

  •    HTML

This is an example project for how you can build a Progressive Web Application with Polymer and Vaadin components. The application uses a Service Worker to cache the Application Shell. A Web App Manifest file ensures that the browser identifies our app as a Progressive Web Application and offers the user to install the application through an install banner.

OpenNote - Open web-based alternative to Microsoft OneNote (T) and EverNote

  •    Javascript

OpenNote is a progressive web application(PWA) / HTML5 offline app that was built to be a web based text editor/note taking software. It is designed to be self hosted and gives you ownership of your data.

rendertron - A dockerized, headless Chrome rendering solution

  •    Javascript

Rendertron is a dockerized, headless Chrome rendering solution designed to render & serialise web pages on the fly. Rendertron is designed to enable your Progressive Web App (PWA) to serve the correct content to any bot that doesn't render or execute JavaScript. Rendertron runs as a standalone HTTP server. Rendertron renders requested pages using Headless Chrome, auto-detecting when your PWA has completed loading and serializes the response back to the original request. To use Rendertron, your application configures middleware to determine whether to proxy a request to Rendertron. Rendertron is compatible with all client side technologies, including web components.

wpt - Test suites for Web platform specs — including WHATWG, W3C, and others

  •    HTML

The web-platform-tests Project is a W3C-coordinated attempt to build a cross-browser testsuite for the Web-platform stack. Writing tests in a way that allows them to be run in all browsers gives browser projects confidence that they are shipping software that is compatible with other implementations, and that later implementations will be compatible with their implementations. This in turn gives Web authors/developers confidence that they can actually rely on the Web platform to deliver on the promise of working across browsers and devices without needing extra layers of abstraction to paper over the gaps left by specification editors and implementors. Clone or otherwise get https://github.com/web-platform-tests/wpt.

Tabler - A premium and open source dashboard template with a responsive and high-quality UI

  •    Javascript

Tabler is fully responsive and compatible with all modern browsers. You can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful.

expenses - 💰Expense tracker using Google Sheets 📉 as a storage written in React

  •    Javascript

💰Expenses is a progressive web application on top of Google Sheets 📉 written in React ⚛️. It is only a static HTML that works great on mobile 📱 and can be deployed anywhere.Check out the demo but please be considerate and don't break it for others.

Weex - A framework for building Mobile cross-platform UI

  •    Javascript

Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions. At the same time, it provides a rich extension of the native interfaces. In this way, it will be very convenient when you need to extend native components or modules.

sample-media-pwa - A sample video-on-demand media Progressive Web App

  •    Javascript

Please note: This app is being developed. There may be bugs, and everything is subject to change. This is a sample media app to demonstrate media functionality in the context of a Progressive Web App. The build of this site is being cataloged on YouTube as part of the Chrome Developers Developer Diary series.

Gatsby - Blazing fast static site generator for React

  •    Javascript

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

crossbuilder - Building web, Electron, Cordova and Chrome apps, and cross-browser extensions with React, Redux and Webpack

  •    Javascript

Building web, Electron, Cordova and Chrome apps, and cross-browser extensions that use Redux actions for messaging. Redux states are synced between background, injected page, app window, extension popup and badge.

pwa-wp - WordPress feature plugin to bring Progressive Web Apps (PWA) to Core

  •    PHP

This new level of quality allows Progressive Web Apps to earn a place on the user's home screen. Continue reading more about Progressive Web Apps (PWA) from Google.