morsecodemedia / morsecodemedia.com Goto Github PK
View Code? Open in Web Editor NEWMy Nuxt.js-based portfolio website.
Home Page: https://www.morsecodemedia.com/
License: GNU General Public License v3.0
My Nuxt.js-based portfolio website.
Home Page: https://www.morsecodemedia.com/
License: GNU General Public License v3.0
Since switching from SSR to Static Gen, a weird issue has been occuring on the load of each page. When the page initially loads, you are unable to scroll down, but resolves itself once you refresh the page.
Also (not sure if it's related) a horizontal scroll for a few pixels appears after you refresh the page, that wasn't there prior to the switch to static gen.
Add page transitions. Specifically for case study listings to case study details.
Idea:
https://codepen.io/ste-vg/pen/NALWrj
Since the thumbnails on morsecodemedia are dynamic, use the website in-sitsu graphic and the large banner of the details page. Of course this idea will only work for websites at the moment. I will have to figure out a consistent and clean way to show conference panels, iPad presentations and Alexa Skills.
Look to add a subtle build-in animation for the case study details.
Until you get into an actual case study details page, there aren't really any pops of color. Explore adding some color to give the rest of the site more life.
Right now the menu snaps open/closed. Explore a smooth animation, so that it doesn't seem so abrupt.
Two things need to be addressed.
Issue 1: When you open the menu after you have already begun scrolling down the page, it doesn't fixes to the top of viewable screen, it fixes to the top of the page.
Issue 2: When you open the menu at the top of the page, you can scroll the content behind the menu. If there is more page than menu, you eventually scroll past the menu, due to issue 1.
Using order: <number>;
alternate the text and image blocks of the case study details on desktop to break up the layout a little bit.
Explore adding some more icons to some things. I'm thinking the services block might work out the best.
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.