owlsketch / portfolio Goto Github PK
View Code? Open in Web Editor NEWPortfolio
Home Page: https://www.owlsketch.com
Portfolio
Home Page: https://www.owlsketch.com
Since image itself is not perfectly straight, need to shift to the right a bit.
saves load times for mobile, improves views for desktop
any code that depends on p5.js can't be bundled unless p5.js is included in the vendor file itself. Currently called by CDN, so doesn't work.
Makes recalling how to build and structure easier. haha
placed below projects and has white border like matte photographs
needed so webpack compresses file for production but not for development.
logo right now is absolute so just 10px to the left of window regardless of size. This obviously looks bad at really large window sizes.
Doesn't occur when opening link on instagram, but it does on firefox/chrome browsers on mobile.
black and mint-green bg use same configs. Might be the cause of the lag.
rebase merge as well?
__
need to set font size to 100% and then use em units instead of px for everything else with the exception of viewport values.
To recreate:
access www.owlsketch.com, redirects to www.owlsketch.com/projects/pixel
navigate to /gallery using nav arrows, history state gets replaced.
Refresh the page, history state reverts back to /pixel href
Doesn't happen in chrome or edge, also not really page breaking, just a nuisance.
Still good to record all the quirks regardless.
I think with Twitter/FB meta tags should suffice.
webGL cube has been placed.
Needs mouse interaction, plus onClick.
Transformations between models are needed when switching between sections.
Right now when the scroll handler makes the project image 'fixed' it does it for all projects that have been loaded. Same thing for other properties that projects each have their own copy of that the scroll handler manipulates. This results in unnecessary calculations done by the browser on properties that aren't even visible.
Possibly partition server so it serves front end projects from a separate repository?
600 kbs just to use two measly icons? lol no.
Font isn't consistent.
currently too large, they take too long to load
if I create a variable and assign it to a child of a container. Then if I update the innerHTML of that container, then that entire node is remade, and any variables created beforehand no longer point to the most current version.
Need to hide header on scroll down and display on scroll up.
Intro is too low, remove break tag for mobile only.
Resume isn't centered. Contact info seems a bit off.
Project titles aren't centered.
Footer divs have a gap.
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.