22 karma · joined November 22, 2018
https://github.com/matrix-org/matrix.org/issues?utf8=%E2%9C%...
"using as little JavaScript as possible"
Without, and as little as possible are mutually exclusive.
San Diego, CA
Remote:
Yes
Willing to relocate:
No
Technologies:
* JavaScript and TypeScript
* Python (API Servers, scripting, etc.)
* React, HTML, CSS
* Node, Express
* SQL, noSQL
* REST, GraphQL
* OIDC, SSO
* Docker, Kubernetes
Résumé/CV:
Having worked at a major Fortune-500 company for well over a year, I am ready for my next challenge. I'm a team player, and I love learning!
However, the ESC key is also on the touchbar, which makes using vim pretty annoying.
# Remove the stupid footer
footer = soup.find("footer").extract()The only thing I would suggest is to add some explanations, maybe some mnemonic aids and such. I'd be happy to help.
- Draw out a design using Sketch, draw.io or any other similar tool.
- Find a color scheme, I typically google for "flat UI colors" since I like them most. Adobe color wheel is also a great tool for finding complementary / shades of colors: https://color.adobe.com/create/color-wheel/
- Then I start prototyping my ideas, typically in react, using a CSS-in-JS lib such as styled-components, this allows for quick iteration.
- I do research. For example, I look at how other websites or UI component libraries do things. Examples are material UI, ant design, semantic UI.
The most important thing is refinement. You start with a rough sketch, prototype in react or HTML and then start playing around with the CSS. Learning all the css attributes definitely helps. Don't try and learn them all from a list, but just google them as appropriate and you'll start picking them up. For example, you might think: "How do I center the children elements both vertically and horizontally on different screen sizes?". A quick google search will suggest to use display: flex, justify-content: center, and align-items: center.