Breaking: appthings.io announces Web App Front-End Best Practices Lab book by topseed contributor Wolfgang Gehner. Preview it here. Feedback to author appreciated!
Topseed aims to be a showcase of best practices and approaches for developers and designers who want to build stunning mobile-first web apps with some of the best technologies available now.
What technologies make our cut? Those that let us be the most productive and creative. And that we know to be maintainable. And that we expect to be future-safe.
We welcome scrutiny and feedback from anyone who tries to follow our approaches. We also welcome code contributions from seasoned designers and developers.
- Apply design guidelines (e.g. Material Design, MUICSS) for beauty and consistency
- Use SASS, BEM and Preprocessors for clean and maintainable CSS
- Use Pug to improve reuse and make your HTML more maintainable (static or node)
- Go max. static; deploy to CDN edge cache to scale for performance
- Use AppShell and page transitions for SPA/rich client feel AND SEO
- Use AMP to speed up time-to-glass with viewport rendering and early completion
- Be DOM-centric to be more friendly with team that includes interactive designers that code
- Use PageBusiness, Promises and Fetch(microservice) for cleaner code
- Use Web Component libraries in ways that avoid lock-in
- Use Phonegap/Cordova in-app browser for efficient Mobile apps
- Use Server-side rendering (SSR) for extreme SEO
Hello world example source: https://github.com/topseed/topseed-helloworld
Seed/Starter Project as basis for your app: https://github.com/topseed/topseed
Tutorial: https://docs.topseed.io/tutorial/
Sites using Topseed:
- https://docs.topseed.io/tutorial/
- https://m.appthings.io
- https://www.therapybyjill.com
- https://www.rfidthings.com
From time to time we hold public training classes. Dates are announced in our gitter forum, so please join. Inhouse training is available, leave a message on the gitter forum or go to https://m.appthings.io to contact us.
Previous training feedback: http://meetup.com/HackerDojo/events/235472685
For discussion, comments and Q/A: http://gitter.im/topseed/Lobby