bitrockteam / databiz-website Goto Github PK
View Code? Open in Web Editor NEWDatabiz corporate website.
Home Page: https://databiz.it/
License: GNU Affero General Public License v3.0
Databiz corporate website.
Home Page: https://databiz.it/
License: GNU Affero General Public License v3.0
databiz-website/content/data.js
Line 28 in f8c05b0
Same as bitrockteam/bitrock-website#2 .
At the moment the website is a ~~~single static HTML file~~~ SPA built with lit-html on client side fetching the content from a static JSON file , it fits well since it will not be updated often from a structural point of view but it will be needed to give non-technical content editor the ability to update the contens of the website (at least the texts).
A standalone WordPress installation is excluded from this evaluation since it will be quite overpowered.
To achieve scroll animation we are using the scrollIntoView
browser API which is wide adopted across browsers, but unfortunately Edge & Safari aren't supporting the smooth
behavior at the moment, which execute the nice-looking scroll animation.
Polyfills seems to be available, we need to test their effectiveness and eventually implement one of them on the project.
By now the hero unit on the website sets the height only when the page in first loaded, keeping it then fixed if the window or the viewport is resized.
Add the ability to make it readapt "live" via JS events or with some good CSS!
Following from #2 , the website will then need to be based on a dynamic template engine to take advantage of the decoupling from the content and reducing source code.
Lit-html will be the ideal solution since we will only need pure aesthetic and stateless components.
For performance and SEO best practices it will be rendered sever-side by Puppeteer on build time.
Pressing the browser's back button cause to "exit" from the website (since its a one-page).
It would be nice to bind the sliding animation to the browser native history.
Follow the same implementation with a Node.js server and deploy on Heroku, refer to bitrockteam/bitrock-website#18 and bitrockteam/bitrock-website#2 .
Reference: https://www.linkedin.com/post-inspector/inspect/https:%2F%2Fdatabiz.it%2F
Giving the nature of single-page website with very few updates a nice solution to achieve simplicity, performance and separation of contents from (dynamic) templates can be found in VuePress, since we are now growing quite confindents with it.
Switching to VuePress we can return to publish the website on GitHub pages since the result will be a static page, removing the need of a platform (and costs) as Heroku while keeping al current advantages.
.md
filesconfig.js
filepublic
folder
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.