Search

daslikes

Likes DaDas

Category

web_design

CSS Scroll Snap via /r/web_design


CSS Scroll Snap
https://ishadeed.com/article/css-scroll-snap/

Submitted December 08, 2020 at 11:52AM by speckz
via reddit https://www.reddit.com/r/web_design/comments/k991lj/css_scroll_snap/?utm_source=ifttt

Deep space / Blackhole simulation on CSS with audio via /r/web_design


Deep space / Blackhole simulation on CSS with audio
https://v.redd.it/63korlpkqy061

Submitted November 23, 2020 at 04:01AM by astritmalsia
via reddit https://www.reddit.com/r/web_design/comments/jzexqv/deep_space_blackhole_simulation_on_css_with_audio/?utm_source=ifttt

Web Development for Beginners – A Curriculum – Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. via /r/web_design


Web Development for Beginners – A Curriculum – Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics.
https://github.com/microsoft/Web-Dev-For-Beginners

Submitted November 20, 2020 at 08:13AM by speckz
via reddit https://www.reddit.com/r/web_design/comments/jxppq2/web_development_for_beginners_a_curriculum_azure/?utm_source=ifttt

A Deep Dive Into CSS Grid minmax() via /r/web_design


A Deep Dive Into CSS Grid minmax()
https://ishadeed.com/article/css-grid-minmax/

Submitted November 16, 2020 at 07:37AM by speckz
via reddit https://www.reddit.com/r/web_design/comments/jv6up1/a_deep_dive_into_css_grid_minmax/?utm_source=ifttt

UI Design of Product Page | Display Card via /r/web_design


UI Design of Product Page | Display Card
https://i.redd.it/aidw709bm2w51.png

Submitted October 29, 2020 at 11:48AM by TinFungHK
via reddit https://www.reddit.com/r/web_design/comments/jkeucy/ui_design_of_product_page_display_card/?utm_source=ifttt

CSS clip-path morphing together with SVG morphing to create a password reveal effect. Using #animejs for animations via /r/web_design


CSS clip-path morphing together with SVG morphing to create a password reveal effect. Using #animejs for animations
https://v.redd.it/5paftifxwth51

Submitted August 18, 2020 at 04:29PM by mikaelainalem
via reddit https://www.reddit.com/r/web_design/comments/ica6kp/css_clippath_morphing_together_with_svg_morphing/?utm_source=ifttt

Simple Image Gallery with display: grid; and object-fit: cover; via /r/web_design


Simple Image Gallery with display: grid; and object-fit: cover;
https://www.bram.us/2020/07/28/simple-image-gallery-with-display-grid-and-object-fit-cover/

Submitted August 03, 2020 at 05:29AM by speckz
via reddit https://www.reddit.com/r/web_design/comments/i2unkd/simple_image_gallery_with_display_grid_and/?utm_source=ifttt

Applying Disney’s basic principles of animation to UI design via /r/web_design


Applying Disney’s basic principles of animation to UI design
https://dribbble.com/stories/2020/07/27/disney-principles-of-animation-ui-interactions

Submitted July 29, 2020 at 03:01AM by bogdanelcs
via reddit https://www.reddit.com/r/web_design/comments/hzwq2j/applying_disneys_basic_principles_of_animation_to/?utm_source=ifttt

Github.io Gems via /r/web_design


Github.io Gems

Here are a bunch of cool, somewhat web design related things found on Github Pages. Feel free to link to some more in the comments.

https://material-components.github.io/material-components-web-catalog/#/

Collection of Material Components for the web.

https://paveldogreat.github.io/WebGL-Fluid-Simulation/

Really cool (interactive) WebGL Fluid simulation.

http://pcottle.github.io/MSOutlookit/

Makes Reddit look like Microsoft Outlook so you can browse r/web_design at work.

https://emilkowalski.github.io/css-effects-snippets/

Collection of clean, SAAS like CSS effects.

http://tevko.github.io/practice/

Generates random prompts for you to go code. Ex: “Write a javascript function that returns the dominant colors found in an image”

https://antonreshetov.github.io/vue-unicons/

1000+ Pixel-perfect svg unicons for your next project as Vue components

https://yoksel.github.io/relative-clip-path/

Generate premade clip paths for SVGs.

https://rocksdanister.github.io/lively/

Animated desktop wallpapers, bring your desktop to life!

https://sourabhdesai.github.io/PixelMist/

“A new way to visualize mathematical expressions.” Cool, but I have no clue how it works.

https://konpa.github.io/devicon/

Devicon is a set of icons representing programming languages, designing & development tools.

https://deadlocked247.github.io/painted-fbm/

Downloadable background?

https://youzan.github.io/vant/#/en-US/

Mobile UI Components built on Vue.

https://krikienoid.github.io/flagwaver/

Simulate custom image on waving flag.

https://googlechrome.github.io/lighthouse/viewer/

View Lighthouse JSONs online.

https://trimps.github.io/

Some complicated game that I found. No clue how to play it.

https://mitre-attack.github.io/attack-navigator/enterprise/

I hope this is for penetration testing and not hackers.

https://rexriepe.github.io/tpcs

Define a u/base-color and this library will give you 9 semantic colors which work with the base color.

https://9elements.github.io/fancy-border-radius/

When you use eight values specifying border-radius in CSS, you can create organic looking shapes.

https://webkul.github.io/coolhue/

Bunch of neat gradients with accompanying CSS code.

https://jdan.github.io/98.css/

A design system for building faithful recreations of old UIs.

https://poloclub.github.io/ganlab/

Play with Generative Adversarial Networks (GANs) in your browser!

Submitted July 18, 2020 at 05:33PM by isotropicdesign
via reddit https://www.reddit.com/r/web_design/comments/htpm7z/githubio_gems/?utm_source=ifttt

Blog at WordPress.com.

Up ↑