KO
|
EN
gitlite — search
Search
#python
#typescript
#javascript
#hacktoberfest
#reactjs
#react
#python3
#game
#rust
#website
#template
#expressjs
desgn-landing-page
★ 34
Open GitHub ↗
No description available.
Download README (.md)
Explore Similar Repositories
ORB_SLAM3_NOETIC
:
ORBSLAM3 adapted for Ubuntu 20 and ROS Noetic if neccesary
gradetools
:
:package: R package to support grading workflow
doc-vue
:
A API documentation generator for Vue3 single file component.
pipechair-cockpit
:
3D printable flight stick and pedals with minimal hardware
Simplicial-Attention-Networks
:
Official Repository for Simplicial Attention Networks
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
desgn-landing-page
?
Download (.md)
# Desgn Landing Page (Figma-to-Code) During this video series, we’re going to do a full design-to-code landing page. We’ll start by hand-designing everything in Figma and then code out the page using a new static site generator called Astro. To style the site, we’ll write modern CSS and tack on a few superpowers using Open Props, a brand new framework made entirely from css variables. And for a bit of extra fun, we’ll hook our styling up with Post CSS and Open Props’ just-in-time engine to keep our compiled stylesheet lightweight and speedy, only including props we use and our manually-typed CSS. 🔗 Key Links 🔗 - Live code: https://codinginpublic.dev/projects/desgn-landing-page/ - YouTube series: https://www.youtube.com/watch?v=jyjScZWgzIg&list=PL4cUxeGkcC9hZm9NYpd4G-jhoeEk0ls-- --------------------------------------- 🔗 Additional Links 🔗 - [Figma](https://figma.com) - [NodeJS](https://nodejs.org/en/) - [Astro Docs](https://docs.astro.build/en/getting-started/) - [Astro Icon](https://www.npmjs.com/package/astro-icon) - [PostCSS Docs](https://github.com/postcss/postcss#usage) - [PostCSS autoprefixer Plugin](https://github.com/postcss/autoprefixer) - [Open Props](https://open-props.style/) - [PostCSS Plugin for JIT Open Props](https://github.com/GoogleChromeLabs/postcss-jit-props) --------------------------------------- 🌐 Connect With Me 🌐 - Website: https://www.codinginpublic.dev - Blog: https://www.chrispennington.blog - Twitter: https://twitter.com/cpenned
