A Gatsby Chakra dev blog and portfolio
Hi 👋, My name is Lucas Zapico. A developer from USA who enjoys figuring how to make things for the web. I build websites, web app, chrome extensions, REST API's and custom business integrations. In my off time I enjoy the outdoors fishing 🎣, hiking 🥾, and a bit of watercolor to relax.
Made with 💙
Chakra ui has released a few theming features that make it more straight forward to handle dark-light mode styling for components.
I would like to add this support and enhance the style guide page to be a better guard rail and checkpoint for style consistency.
Some flavors of markdown have a definition syntax, which I would like to also support.
Example
aperture
: a hole or an opening through which light travelsThe objective is to move as close to the standard of ux set by mdn web docs as possible
Gatsby 4 built in its own flavor of react helmet and is throwing a warning that I would like to get rid of.
Having a list of related notes by associated category enhances the exploration and discovery when searching for infromation.
As a reader of a dev blog or article it is a great quality of life feature to be able to see the file path and/or the language within the code block as well as a copy to clipboard button having these features results in an overall better experience.
Example
Headers in "content" should have functioning anchor tags for internal and external linking.
TOC links should scroll to on page headers. To do this anchor tags are necessary. For remarked markdown in Gatsby this functionality is handled via a remark plugin and requires a minor debug.
The headers on content pages that are content links are not formated correctly.
General Software development content page
The current volume of notes exceeds what is ideal for a list view pattern, therefore an enhancement is required that makes exploration and discovery better.
Use MDX to support he ease of markdown and the dynamic customization with react components
Enhance;
On mobile the default button ui for the copy to clipboard element on code blocks is visable.
Table and embed element support is a basic expectation for working with markdown.
When a user types into the "note" search on mobile the search does not function as expected.
It's about time the about copy had a revision. The objective is to sound more down-to-earth.
Add a common best practice feature to the site of anchor tags on headers for easier page navigation. The bug or issues begins results due to some of the headers have cookbooks in them. Hopefully this issue is easly resolved but it may also be an issue with how MDX returns the tableofcontent query.
With the objective of more stylized case pages using MDX will enable more custom layouts with the freedom and simplicity of markdown
Some of the tags with hyphens are wrapping on mobile which is not the ux we want.
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.