search

Morningstar88 / Mykra

Open Source Microfinance for Taipei and the Universe
0 stars 0 forks source link

Beautiful Codepens #11

Open Morningstar88 opened 5 years ago

Morningstar88 commented 5 years ago

Please search on Codepen for the following terms, and we can find good components and features:

https://www.awwwards.com/

Morningstar88 commented 5 years ago

Beautiful Earth View

https://codepen.io/sonorangirl/pen/XmRBjq

Morningstar88 commented 5 years ago

Beautiful Gallery

https://codepen.io/Teeke/pen/WWbQMP

Navbar Transition On Scroll

https://codepen.io/simonswiss/pen/zrQNmK

Morningstar88 commented 5 years ago

Circular Navbar

https://codepen.io/alexakasanjeev/pen/wMYBgE

kindaPM commented 5 years ago

Clear Carousel

https://codepen.io/wisnust10/pen/mPJwWv

Morningstar88 commented 5 years ago

Pretty Youtube

https://codepen.io/Teeke/pen/qwErGJ

ORIG:

https://codepen.io/gaspas/pen/QyPRmm

https://codepen.io/digistate/pen/MvapbE wow very beautiful

Morningstar88 commented 5 years ago

Screen Blanker

Morningstar88 commented 5 years ago

Responsive Cards

https://codepen.io/marlenesco/full/NqOozj

Morningstar88 commented 5 years ago

Responsive Collections

Morningstar88 commented 5 years ago

Pexels

https://www.pexels.com/search/farm/

Morningstar88 commented 5 years ago

Girly Effects

https://codepen.io/z-/pen/bpxgWZ

Morningstar88 commented 5 years ago

3D Text

https://codepen.io/bosworthco/pen/YWBLpR

@kindaPM - Useful session last night. If you can find any 3D designs or text effects on Codepen please put them here.

https://codepen.io/bosworthco/pen/YWBLpR

kindaPM commented 5 years ago

Crowdfunding

https://codepen.io/gasparrobi/pen/OaRVBR seems quite complet

kindaPM commented 5 years ago

Landing Page

https://codepen.io/J_Enrique/pen/ypgvLN I like the night view.

A small idea for your reference: Make the landing page render differently according to time (day and night)

kindaPM commented 5 years ago

Big Text

https://codepen.io/a40637francisco/pen/qjZOdL the Star War style ha

https://codepen.io/kucerajacob/pen/QwgRvy

kindaPM commented 5 years ago

Header

https://codepen.io/hudsonmarinho/pen/FHGeK

https://codepen.io/jasperlachance/pen/QNMwBg

Morningstar88 commented 5 years ago

Oh that is good...

We will give people a choice of designs for their individual pages.

I want to help people make individual project pages that are as beautiful as adverts:

https://github.com/Microflow/Mykra/blob/master/design_examples/beautiful-adverts.md

On 07/04/2019, kindaPM notifications@github.com wrote:

Landing Page

https://codepen.io/J_Enrique/pen/ypgvLN I like the night view.

A small idea for your reference: Make the landing page render differently according to time (day and night)

-- You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub: https://github.com/Microflow/Mykra/issues/11#issuecomment-480582750

kindaPM commented 5 years ago

Title

https://codepen.io/vuild/pen/PXWypN maybe it could be used for your English learning app

https://codepen.io/gsans/pen/bjgpwZ

https://codepen.io/thomas_rz/pen/vXyoaK

kindaPM commented 5 years ago

Minimal

https://codepen.io/hpoydar/pen/MygORZ Used to indicate the percentage of completion

https://codepen.io/ragnvaldpl/pen/RBXYgd Minimal Search Bar

https://codepen.io/tylerbre/pen/gqdnA Minimal Clock

Morningstar88 commented 5 years ago

Those all look good, and are useable...

They would also be good for you to start playing with CSS designs. You could look at the CSS (in the center panel) and check elements like:

color background color size font-size

and others

See if you can figure out how to change the color of the second hand of the clock, or take some elements away to make it more minimal...

On 07/04/2019, kindaPM notifications@github.com wrote:

Minimal

https://codepen.io/hpoydar/pen/MygORZ Used to indicate the percentage of completion

https://codepen.io/ragnvaldpl/pen/RBXYgd Minimal Search Bar

https://codepen.io/tylerbre/pen/gqdnA Minimal Clock

-- You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub: https://github.com/Microflow/Mykra/issues/11#issuecomment-480584570

Morningstar88 commented 5 years ago

I collected the best ones here:

https://github.com/Microflow/Mykra/blob/master/Mykra_features/Mykra-single-project-designs.md

If you want, you can try turning this one into an example crowdfunding project, so you can learn HTML/CSS

https://codepen.io/J_Enrique/pen/ypgvLN

On 07/04/2019, Jake Mackenzie shiningsea3000@gmail.com wrote:

Those all look good, and are useable...

They would also be good for you to start playing with CSS designs. You could look at the CSS (in the center panel) and check elements like:

color background color size font-size

and others

See if you can figure out how to change the color of the second hand of the clock, or take some elements away to make it more minimal...

On 07/04/2019, kindaPM notifications@github.com wrote:

Minimal

https://codepen.io/hpoydar/pen/MygORZ Used to indicate the percentage of completion

https://codepen.io/ragnvaldpl/pen/RBXYgd Minimal Search Bar

https://codepen.io/tylerbre/pen/gqdnA Minimal Clock

-- You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub: https://github.com/Microflow/Mykra/issues/11#issuecomment-480584570

Morningstar88 commented 5 years ago

Did that in 3 minutes:

https://codepen.io/Teeke/pen/xeEOGL

On 07/04/2019, Jake Mackenzie shiningsea3000@gmail.com wrote:

I collected the best ones here:

https://github.com/Microflow/Mykra/blob/master/Mykra_features/Mykra-single-project-designs.md

If you want, you can try turning this one into an example crowdfunding project, so you can learn HTML/CSS

https://codepen.io/J_Enrique/pen/ypgvLN

On 07/04/2019, Jake Mackenzie shiningsea3000@gmail.com wrote:

Those all look good, and are useable...

They would also be good for you to start playing with CSS designs. You could look at the CSS (in the center panel) and check elements like:

color background color size font-size

and others

See if you can figure out how to change the color of the second hand of the clock, or take some elements away to make it more minimal...

On 07/04/2019, kindaPM notifications@github.com wrote:

Minimal

https://codepen.io/hpoydar/pen/MygORZ Used to indicate the percentage of completion

https://codepen.io/ragnvaldpl/pen/RBXYgd Minimal Search Bar

https://codepen.io/tylerbre/pen/gqdnA Minimal Clock

-- You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub: https://github.com/Microflow/Mykra/issues/11#issuecomment-480584570