mikeploythai / liushelly-com Goto Github PK
View Code? Open in Web Editor NEWThe official website of Shelly Liu, a freelance social media manager, strategist, and content writer.
Home Page: https://liushelly.com
The official website of Shelly Liu, a freelance social media manager, strategist, and content writer.
Home Page: https://liushelly.com
When someone disables JS in their browser, the main contents of the website will not render, with only the header and the footer rendering.
The main reason why the contents don't render without JS is because we use Framer Motion to handle page transitions and page animations; the contents would be considered a client component due to being wrapped by Framer's motion
element, so it would not work without JS enabled.
I've thought about dropping Framer mid-development just so each page could render out without JavaScript, but we didn't like how routes transitioned between each other all statically. Additionally, since her user-base is mostly coming from mobile, and most likely haven't gone out of their way to disable JavaScript in their browser's settings, it didn't really make sense to put extra thought into it, at least for the time being.
A worry I do still have by keeping Framer is how it would affect SEO. Since each page fades in from an opacity of 0 to 100, I'm concerned if the opacity starting at 0 would be enough of a problem to negatively impact the website's SEO.
PROS OF REMOVING FRAMER
CONS OF REMOVING FRAMER
I'm mostly writing all of this out and putting it up just so I can reference this in the future if I do decide to do something about it. Also up in the case that a random (and friendly) person with much more knowledge about this stuff than me can chime in w/ their perspective lmfao
I was suggested to change the article
tag to an a
tag for better accessibility.
The reason why I made it an article
in the first place is because they can be used to represent interactive widgets according to MDN. I would consider the card to be an interactive widget, but I plan to look into this further to improve the accessibility of the website :)
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.