diff --git a/README.md b/README.md index 8fae59a..945d9be 100644 --- a/README.md +++ b/README.md @@ -2,10 +2,10 @@ A collection of popular layouts and patterns made with CSS: -* πŸŽ‰Zero dependencies -* πŸŽ‰No frameworks -* πŸŽ‰No CSS hacks -* πŸŽ‰Real use cases +* πŸŽ‰ Zero dependencies +* πŸŽ‰ No frameworks +* πŸŽ‰ No CSS hacks +* πŸŽ‰ Real use cases * Good practices (coming soon) * Accessibility Support (coming soon) @@ -27,24 +27,24 @@ By composing them, you can have any possible layout that exists in the real life - Clone the project: -```console -$ git clone https://github.com/phuoc-ng/csslayout +```shell +$ git clone https://github.com/1milligram/csslayout ``` - Install the dependencies: -```console +```shell $ cd csslayout $ npm install ``` - Run it on the local: -```console -$ npm run dev-server +```shell +$ npm run dev ``` -Visit http://localhost:1234 to see it in action. +Visit http://localhost:3000 to see it in action. ## Contributing @@ -52,7 +52,7 @@ PRs are welcomed. If you thing there are any missing useful layouts or patterns, It's important to note that you should run the following command to lint the code: -```console +```shell $ npm run lint ``` @@ -66,23 +66,3 @@ Be my friend on * [Twitter](https://twitter.com/nghuuphuoc) * [dev.to](https://dev.to/phuocng) * [Github](https://github.com/phuoc-ng) - -## Products - -You might be interested in my products: - -_Products_ -* [Blur Page - A browser extension to hide sensitive information on a web page](https://blur.page) -* [Check Browsers Support - A browser extension to check browser compatibility without leaving your tab](https://checkbrowsers.support) -* [Fake Numbers - Generate fake and valid numbers](https://fakenumbers.io) -* [Form Validation - The best validation library for JavaScript](https://formvalidation.io) -* [Intersection Observer Examples - Practical, real world examples of Intersection Observer](https://intersectionobserver.io) -* [React PDF Viewer - A React component to view a PDF document](https://react-pdf-viewer.dev) - -_Resources_ -* [1LOC - Favorite JavaScript utilities in single line of code](https://1loc.dev) -* [CSS Layout - A collection of popular layouts and patterns made with CSS](https://csslayout.io) -* [HTML DOM - How to manage HTML DOM with vanilla JavaScript](https://htmldom.dev) -* [Responsive Design Patterns - A collection of patterns to create a responsive web page](https://responsive.page) -* [Super tiny, quick tips, tricks and best practices of front-end development](https://getfrontend.tips) -* [this VS that - The differences between ___ and ___ in the front-end development](https://thisthat.dev) diff --git a/pages/_app.tsx b/pages/_app.tsx index ac0d1af..10972d6 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -2,7 +2,6 @@ import Head from 'next/head'; // Design import '@1milligram/design/lib/styles/index.css'; -import '@1milligram/frame/lib/styles/index.css'; import '../styles/index.scss'; export default function MyApp({ Component, pageProps }) { diff --git a/public/assets/1-loc.png b/public/assets/1-loc.png deleted file mode 100644 index 726fd77..0000000 Binary files a/public/assets/1-loc.png and /dev/null differ diff --git a/public/assets/blur-page.png b/public/assets/blur-page.png deleted file mode 100644 index e6678a8..0000000 Binary files a/public/assets/blur-page.png and /dev/null differ diff --git a/public/assets/check-browsers-support.png b/public/assets/check-browsers-support.png deleted file mode 100644 index 40eaa33..0000000 Binary files a/public/assets/check-browsers-support.png and /dev/null differ diff --git a/public/assets/css-layout.png b/public/assets/css-layout.png deleted file mode 100644 index 5c3c3a8..0000000 Binary files a/public/assets/css-layout.png and /dev/null differ diff --git a/public/assets/form-validation.png b/public/assets/form-validation.png deleted file mode 100644 index f419d14..0000000 Binary files a/public/assets/form-validation.png and /dev/null differ diff --git a/public/assets/front-end-tips.png b/public/assets/front-end-tips.png deleted file mode 100644 index 2612a60..0000000 Binary files a/public/assets/front-end-tips.png and /dev/null differ diff --git a/public/assets/html-dom.png b/public/assets/html-dom.png deleted file mode 100644 index b5e2fa4..0000000 Binary files a/public/assets/html-dom.png and /dev/null differ diff --git a/public/assets/intersection-observer-examples.png b/public/assets/intersection-observer-examples.png deleted file mode 100644 index 46d915a..0000000 Binary files a/public/assets/intersection-observer-examples.png and /dev/null differ diff --git a/public/assets/react-pdf-viewer.png b/public/assets/react-pdf-viewer.png deleted file mode 100644 index 7bf42c7..0000000 Binary files a/public/assets/react-pdf-viewer.png and /dev/null differ diff --git a/public/assets/responsive-design-patterns.png b/public/assets/responsive-design-patterns.png deleted file mode 100644 index c5914b7..0000000 Binary files a/public/assets/responsive-design-patterns.png and /dev/null differ diff --git a/public/assets/this-vs-that.png b/public/assets/this-vs-that.png deleted file mode 100644 index a8b7a0c..0000000 Binary files a/public/assets/this-vs-that.png and /dev/null differ