@RT Jhey 🐻🛠 (Exploring Opportunities ✨)
At some point recently, I hit 5K over on @CodePen 🥳
Thanks for all the support people! 🙏
The platform and community have had such an awesome impact on my life. It's made sharing many of the weird and wonderful creations possible 😁
👉
https://codepen.io/jh3y
RT jake albaugh
I built the game "Quarto" on @CodePen if you want to play with your friends over video calls.
https://codepen.io/jakealbaugh/full/ZEeJyWb
RT Ashton
My new HTML + CSS character is on my @CodePen collection:
https://codepen.io/collection/XQYwJJ
RT Ryan Mulligan
Thank you – Have a nice day 🙂 @CodePen
https://codepen.io/hexagoncircle/full/wvJPjQa
https://twitter.com/hexagoncircle/status/1399348311337975814
RT Ana Tudor 🐯
Re And here's another demo in the same style that I recently made on @CodePen:
https://codepen.io/thebabydino/pen/VwpYxba
RT Amit Sheen
Making a little something to help people learn (and practice) scales and harmonic intervals.
Step one, creating a pure #CSS keyboard, with hover effect.
Full code @CodePen:
https://codepen.io/amit_sheen/pen/gOmXoVO
RT Stephanie Eckles
🟣 CSS Quick Tip: min() and max()
Use these CSS functions to responsively adjust:
- element width
- border width
- padding
- margin
- ...and more!
Review the CSS comments in this @CodePen for more details:
https://codepen.io/5t3ph/pen/WNpXxVV
RT ✨ Lawrie ✨
A little Sunday* Animation: An impossible Penrose triangle loader😵💫
Made as an SVG (with a neat gradient blur filter) & animated with #GSAP
(*A Monday holiday totally counts as a bonus Sunday)
https://codepen.io/indextwo/full/Rwpxbgw
RT ilithya
11_LiveCodingSession ✨
The time @iamelizasj & I had the chance to pick @bruno_simon brain, he showed us an interesting way to code tubular shaders depicting nature by working with noise to create elevation effects & more 🔥#curiouslyminded
https://codepen.io/ilithya/details/MWpyVBw
https://twitter.com/ilithya_rocks/status/1399065638698639360
RT Brandon McConnell
Responsive CSS Hex-Grid & Subgrid Settlers of Catan boardgame. Code by @endpaperstraws (me 🙋🏻♂️) and artwork by @blaiservincz.
Check it out on @CodePen at
https://cdpn.io/e/mdWBqBL
https://twitter.com/endpaperstraws/status/1398311591305695235
RT Maarten Van Hoof
Container Queries also brings us: Responsive SVGs!
(Support currently only in Chrome Canary with the enable-container-queries flag)
https://codepen.io/vanhoofmaarten/full/eYvGROq
RT Takane Ichinose 市瀬峻峰
#CodePenChallenge Insect Catch : Sample Tutorial Game
This is just a simple game I made to learn how to use #Phaser Game Engine. This is actually my first time to use a game engine in development.
#html #javascript #gamedevelopment #gamedev
https://codepen.io/takaneichinose/pen/gOmREPB
RT Darin Senneff
For those who missed it, the other day on @FrontendHorse's Component Carousel stream we built a cool share component using the Web Share API.
Catch the replay on Twitch to check it out:
Or just view the demo on CodePen:
https://www.twitch.tv/videos/1036016569
https://codepen.io/dsenneff/pen/yLMMepw
RT Adam Kuhn
quick one for this week's 'insects' themed @CodePen challenge, an animated tribute to the late Eric Carle in pure CSS
thanks for lookin
https://codepen.io/cobra_winfrey/full/wvJreKx
https://twitter.com/cobra_winfrey/status/1398292690488500224
RT Shireen Taj
Here is a simple code for creating a hexagon card with CSS.
Made this using clip-path and used CSS filter property to add the glow.
@CodePen
#CSS #webdev #F1
https://codepen.io/TajShireen/full/abJyxrX
RT Jon Kantner
Another day, another thermostat!
https://codepen.io/jkantner/pen/poeread
RT Stephanie Eckles
I really enjoyed chatting with @chriscoyier for CodePen Radio a few weeks ago, and the video is now available!
We chatted my history with @CodePen, covered my various multi-format learning resources, and ended with @eleven_ty b/c of course 😊
https://blog.codepen.io/2021/05/26/317-chattin-with-stephanie-eckles/
RT Shaw
Recreated this fun camera shutter effect by @wethetweet using only CSS!
💡 Inspiration:
💻 @CodePen Demo:
I ❤️ transforms.
#css #animation #webdev
We The Collective: Have you ever wondered how to code a camera shutter effect in #javascript ? Of course you have! Wonder no more as @andyranged @marlonmarcello and @NickLancey from our #development team take your through it.
https://www.youtube.com/watch?v=mamsDuE1H9I
RT 🍪🍧 • 🍭 𝓝Ⓐℕ𝕠Ⓤ 🍭 • 🍧🍪
You can animate a background picture like this:
#100DaysOfCode #womenwhocode #womenintech
https://codepen.io/antoniasymeonidou/pen/NWpgoJo?editors=0100
RT Vuetify.js
The easiest way to try Vuetify is to use our Codepen template. It is used by all examples within the documentation & is the perfect sandbox to play around w/the framework. If you prefer to use a local index.html file, we have a guide on how to use via CDN
https://codepen.io/pen?template=OJJeVge
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
