[WIP] View the Material Design spec offline, in a completely native app! Future ideas: full-text search, integrated examples with code.
Home Page: http://google.com/design/spec
License: MIT License
Each section on the website has its own unique color for the toolbar and for the "Previous" button at the bottom.
For example, the Extract prominent colors from an image card here: http://www.google.com/design/spec/style/imagery.html#imagery-ui-integration
Use RecyclerView instead, or find a way to purge bitmaps from memory when they're off-screen (shouldn't Picasso be doing this already?)
Considerations:
Article contains Module[])How to build a complex RecyclerView with many item types: http://hannesdorfmann.com/android/adapter-delegates/
These are marked as figures in the html for the spec. They appear on the Color and Typography pages, for instance.
Is this really useful? If the video is off-screen, shouldn't Android stop wasting time on it automatically? Needs some research.
Relative href of current page can be saved in SharedPreferences in onDestroy() and loaded in onCreate().
Some media files are missing, causing crashes.
~/Downloads/MaterialDesignCompanion/scraper $ ./check-empty-media.sh
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsZWxVbjYxdDJ1ZEE/components_lists_keylines_two11.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3dnV2aDZIVkgtczg/components_lists_keylines_single8_dense.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3cC1kc3p3TXlPSDQ/components_lists_keylines_single2_dense.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsb3dWdHJJT0FlTDA/components-progressactivity-typesofindicators-Linear_Video_xhdpi_004.webm
media/publish/material_v_4/material_ext_publish/0B0iWdZjcphyMSlkyY2hlR0dMb2M/components_fp_03_state1.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsZklTYnVxWkRtU28/components_lists_keylines3.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7Tm9ZQmFCZzlITkE/components_lists_keylines_two7.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3U2VCaGE1YmFtQ1k/components_buttons_dropdown3.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3Tmd2UXRicE55cmc/components_lists_keylines_two2_dense.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7a3RZSEFjNmlZcVk/components_lists_keylines_single4.png
media/publish/material_v_4/material_ext_publish/0B0iWdZjcphyMOGM5X0MzTDIzV1k/components_fp_08.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3OXE3RktYb3JBbjA/components_lists_keylines5.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsb0ZGN0FYMmtiNWs/components_lists_keylines_two12.png
media/publish/material_v_4/material_ext_publish/0B0iWdZjcphyMVXE4aldleDJsVkE/components_fp_13_state2.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3VksyR0lhS0FqWE0/components_lists_keylines_three7.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7T2pKUG0teEQycTA/components_lists_keylines_single11.png
media/publish/material_v_4/material_ext_publish/0B3DnSAB-NSN5THlrOXZQbW1zbEU/v_02_fp_enrollment_create_acct_after_xhdpi.webm
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3dHlVcnF3LTkwc2c/components_lists_keylines_two7_dense.png
media/publish/material_v_4/material_ext_publish/0B0iWdZjcphyMQ1ctVF92SlM2d1E/components_fp_17.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7TWVjYVJIcno0YjA/components_lists_keylines_two9.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsZmJRelNHTjVkSDQ/components_lists_keylines_three12.png
media/publish/material_v_4/material_ext_publish/0B0iWdZjcphyMdG9rdmZ1aDBuVG8/components_fp_09.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsSHRDUllnV1kxSFE/components_lists_keylines_three8.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7Y1FsdElhSlJ1WEU/components_lists_keylines_single2.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsdWhCc1diNlEtR2M/components-progressactivity-typesofindicators-Linear_Image_xhdpi_004.webm
media/publish/material_v_4/material_ext_publish/0B3T7oTWa3HiFRmZDbzdkSEp0ZEk/components-buttons-raisedbuttons.webm
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7aGNuNnFnVktPdGM/components_lists_usage1.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsTDEwRlFpUmZtVm8/components_buttons_main11.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3MldMcEFLSHdjM1k/components_lists_keylines_three10_dense.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3aVU4MlFJUjBXRms/components_lists_keylines_three10.png
media/publish/material_v_4/material_ext_publish/0B0NGgBg38lWWbTlSaHdQZEMtalk/components-progressactivity-typesofindicators-061101_Circular_Aspirational_xhdpi_002.webm
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3dXNub0hnVG13blE/components_lists_keylines_three1.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7X3EyVXlLNVFsY00/components_lists_keylines_two4.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3aGVFNW1SWXlSY0k/components_lists_keylines_two5_dense.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3Zm1lUWlrX3ZpSjg/components_lists_keylines_three2_dense.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3elloNmR6OFl3Sms/components_lists_keylines_two10_dense.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3QkQ0LWhOTzNnc1U/components_lists_keylines_single5_dense.png
media/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3N216V0Y1MXQ1TmM/components_lists_keylines_three2.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7SnA4Umw3S0pfNWs/components_buttons_main13.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7UUw0bzVwU2lMUHc/components_lists_keylines_single10.png
media/publish/material_v_4/material_ext_publish/0B0iWdZjcphyMWEF1RlBXZnZKbWc/components_fp_11_state2.png
media/publish/material_v_4/material_ext_publish/0B0iWdZjcphyMZ2RIS0tpZjZnS00/components_fp_06.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsXzgyazF5OENaS2M/components-progressactivity-behavior-Loading_Photos_xhdpi_004.webm
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7bEFqalRSeUJkbEU/components_buttons_main14.png
media/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsdFNSZ1kzeXBfR1U/components_lists_keylines_three11.png
media/publish/material_v_4/material_ext_publish/0B3T7oTWa3HiFSTNhRndpWXBwRDA/components-buttons-flatbuttons.webm
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7a3JraGNfZTE0VW8/components_lists_keylines_single7.png
media/publish/material_v_4/material_ext_publish/0Bx4BSt6jniD7TmRJenRtUVZFLUk/components_lists_usage2.png
Could be added to the Toolbar, or at the bottom of the article (like on the website), or maybe even both.
If 2 videos are played simultaneously, right now they simply hang and stutter. Playing one at a time is a good idea anyway, to conserve battery.
Should intercept all these URLs: ^http://www.google.com/design/spec.*$
This lib might help: https://github.com/alexvasilkov/GestureViews
Currently videos can be played / paused by tapping on them, but that is not obvious. Perhaps a play icon should be overlayed as a hint.
Examples:
Useful if app displays content incorrectly, or if it is not updated to the latest version.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.