Mary Lou

Image Dragging Effects A set of playful dragging effects for images using various techniques. https://tympanus.net/codrops/2020/02/03/image-dragging-effects/ … #inspiration #frontend #ui #javascript #css #demo #webdev #webdesign #uieffectpic.twitter.com/JMrfx52WME

Web Design & Development News: Collective #586 iHateRegex * Old CSS, new CSS * Vanilla Web Projects * Responsive, JavaScript-free charts https://tympanus.net/codrops/collective/collective-586/ … #webnews #frontend #coding #css #javascript #webdevelopment #svgpic.twitter.com/eiCdy2iaw1

Web Design & Development News: Collective #585 CineShader * Animating CSS Width and Height * YourStack * WebGL State Diagram * React Tutorial https://tympanus.net/codrops/collective/collective-585/ … #webnews #webgl #javascript #frontend #coding #webdesign #webdev #css #reactjspic.twitter.com/7t3bflRqZU

How to Create Procedural Clouds Using Three.js Sprites Learn how to simulate a cloud on a Three.js Sprite using React-Three-Fiber in this tutorial by @dghez_ https://tympanus.net/codrops/2020/01/28/how-to-create-procedural-clouds-using-three-js-sprites/ … #tutorial #threejs #webgl #frontend #javascript #webdev #codingpic.twitter.com/reeLpcfxS0

Inspirational Websites Roundup #12 Our first websites roundup of 2020 that showcases our favorite projects from the past few weeks. https://tympanus.net/codrops/2020/01/27/inspirational-websites-roundup-12/ … #webdesign #inspiration #website #uidesign #animationpic.twitter.com/Mh182TzJIZ

Web Design & Development News: Collective #584 Today, the Trident Era Ends * Introducing Yarn 2 * Griddle * Some Imaginary CSS * Playwright https://tympanus.net/codrops/collective/collective-584/ … #webnews #frontend #javascript #webdesign #ui #ux #coding #css #webdesign #svgpic.twitter.com/LUSkQdx25m

UI Interactions & Animations Roundup #2 Some selected shots of great UI interactions and animations for your inspiration. https://tympanus.net/codrops/2020/01/25/ui-interactions-animations-roundup-2/ … #animation #ui #uidesign #inspiration #webdesign #interactionpic.twitter.com/3csa6WrWL6

Web Design & Development News: Collective #583 The CSS Cascade * Sideway * Teaching in the open: Eleventy * Form Design Patterns https://tympanus.net/codrops/collective/collective-583/ … #webnews #frontend #javascript #casestudy #css #inspiration #codingpic.twitter.com/YfZAXrakKG

Case Study: http://itsnotviolent.com  A case study that explores the motivation, design and implementation behind the http://itsnotviolent.com  awareness campaign website made by @LocomotiveMTL https://tympanus.net/codrops/2020/01/21/case-study-itsnotviolent-com/ … #casestudy #frontend #webdesign #webdevelopment #VueJSpic.twitter.com/U2u7K43vNY

Web Design & Development News: Collective #582 City Roads * Design System Checklist * The Apple Archive * The JAMstack in 2020 https://tympanus.net/codrops/collective/collective-582/ … #webnews #frontend #coding #javascript #css #webdevpic.twitter.com/KP6jcDDZkm

Web Design & Development News: Collective #581 Magical Rainbow Gradients * Tiny Helpers * Dark Isn't Just a Mode * Is reduce() bad? https://tympanus.net/codrops/collective/collective-581/ … #webnews #webdev #coding #ui #css #javascript #reactjs #frontendpic.twitter.com/GMykxZxYCW

3D Folding Layout Technique for HTML Elements A tutorial on an experimental 3D layout technique for HTML elements with endless possibilities. https://tympanus.net/codrops/2020/01/14/3d-folding-technique/ … #webdev #frontend #html #css #javascript #coding #tutorial #demopic.twitter.com/7d2nFhCFaZ

released react-three-fiber v4 today https://github.com/react-spring/react-three-fiber/blob/master/whatsnew.md … bunch of new features, all the new react features (concurrent, suspense, etc), html overlays, new targets (svg, css, ...), new TS types https://r3fv4.surge.sh pic.twitter.com/Bwo3SinxUG

Web Design & Development News: Collective #579 http://calcolor.co  * Let's Learn Eleventy! * Publish * Multi-Thumb Sliders * 22120 https://tympanus.net/codrops/collective/collective-579/ … #webnews #webdev #coding #javascript #css #webdesignpic.twitter.com/VGl5N5zZZv

Awesome Demos Roundup #12 A hand-picked collection of fantastic web experiments for your inspiration. https://tympanus.net/codrops/2020/01/08/awesome-demos-roundup-12/ … #webdev #coding #frontend #animation #inspiration #demo #ui #webglpic.twitter.com/aLJlH39IYK

Did some pretty rad stuff on @codrops https://tympanus.net/codrops/2020/01/07/playing-with-texture-projection-in-three-js/ … (Tip: append "?debug" at the demo link to better understand how it's done) And also published a library with it! https://github.com/marcofugaro/three-projected-material … #threejs #webglpic.twitter.com/t9LtoiKlOL

Playing with Texture Projection in Three.js Learn how to project a texture onto an object in Three.js in this know-how packed tutorial by @marco_fugaro https://tympanus.net/codrops/2020/01/07/playing-with-texture-projection-in-three-js/ … #threejs #webgl #webdev #coding #javascript #animationpic.twitter.com/kGYnK1xSKD

Web Design & Development News: Collective #578 Front-End Performance Checklist 2020 * Kinesis * Excalidraw * Exifer * Sscaffold * Craft.js https://tympanus.net/codrops/collective/collective-578/ … #webnews #frontend #css #javascript #webdev #coding #webdesignpic.twitter.com/EGMsW4frGQ

Kicking off 2020 with a new site and domain for myself https://www.ilithya.rocks  - Made with @eleven_ty via Hylia by @hankchizljaw - Deployed with @Netlify - Intro with bits of @threejs_org It has prefers-color-scheme enabled and my usual colorful toggle theme pic.twitter.com/juUG6tNuFx

I made a little personal folio during the holidays. Dev & design by myself. Take a look -> . https://jesperlandberg.dev/ pic.twitter.com/0qHKtAAPes