@The Numbers #CodePenChallenge continues 🔢
This week, let's play with even & odd numbers!
Thanks @taradotai for sponsoring!
https://codepen.io/challenges/2022/June/3
RT Kit Jenson
In browser #Magnet fun. Play with it here:
#codepen #magnets #positive #negative #HTML #CSS #javascript #kindofagame #webdev #indiegame #indiedev
https://codepen.io/kitjenson/full/rNJPezV
RT Adrian Roselli 🗯
Re In honor of the first Friday since the end of some support for IE11, add a novelty “Best viewed with Internet Explorer” badge to your site!
Perfect for your Reangvuelarct-powered project!
https://codepen.io/aardrian/pen/QWQGBed
RT Dr Abstract
Here is a fun one for the @CodePen #CodePenChallenge for positive and negative
It shows how easy using Physics is in ZIM
#ZIMjs #Physics #Coding #Canvas #JavaScript
https://codepen.io/zimjs/pen/Yzegjpa
RT Stephanie Eckles
🟣 CSS Quick Tip
The `mask` property allows so much creativity, and the essential functionality has great support when -webkit prefixed.
Create an SVG with black shapes, then apply it to an img:
➡️ mask: url(your-mask.svg) no-repeat center;
https://codepen.io/5t3ph/pen/GRQebrX
RT Lee Martin
Re Distorted text delighter with @PixiJS
https://codepen.io/leemartin/pen/dydwQJa
RT Sulamita Ivanov
Re Built the same exact portfolio website using Flexbox then CSS Grid. It looks like less code in Grid but there's more in the Grid Media Query to make it responsive 😅
Check out the details in my Codepen:
https://codepen.io/collection/aMWKqW
https://twitter.com/sulamitaivanov/status/1537193406710943745
RT Kit Jenson
Jellyfish Mayhem! Play it now.
#codepen #indiedev #indie #indiegame #indiegaming #submarine #jellyfish #HTML #CSS #Javascript
https://codepen.io/kitjenson/full/mdXqXJL
RT JR3
🐌🐌Fun, quick challenge of the week!!!! 🐌🐌
Snail Slider #CodePenChallenge : June 2022
https://codepen.io/jr3sfrontend/pen/GRQzdyj
Re @rmondello Thanks for pointing this out! Our password testing has been updated and you shouldn't have any trouble with dashes now.
RT Amber 💻✨ JavaScript + React Dev
This week's #CodePenChallenge prompt is "Positive and Negative", which made me think of temperatures, so I made a little interactive thermometer! I wish I could turn down the Florida heat this easily 🔥🥲
Check it out here:
https://codepen.io/aharmon413/full/ExQGpoL
RT carl schooff
Boxy SVG + CodePen + GreenSock is the ULTIMATE tech stack for #svgSummer!
Watch me design, build, and animate an SVG banner in under 10 minutes. Beginners Welcome!
Design: @BoxySVG
Build: @CodePen
Animate: @GreenSock
Full Video:
#svg #100DaysOfCode
https://www.youtube.com/watch?v=0W4BO7rpMr0
RT Melanie Sumner
I love this. Also I have a CodePen you can play around with if you want to:
It’s always a good idea to know what the browser already gives you for free!!
Ben Holmes 🧑🚀: #whiteboardtheweb EDITION 1
📝 How to HTML forms work?
RT Jonathan Neal
Don’t forget to play with your code.
Don’t forget to do weird stuff in CSS.
This is genuine code written in CSS.
Change the code or the selector.
And don’t forget to play with your code.
https://codepen.io/jonneal/pen/ZErVVwZ??editors=1101
RT Craig Roblewsky
🚨New @CodePen demo.
Common @greensock forum question: how to create a wipe transition of fixed position images or icons when each new section scrolls into view and hits it.
Here's a way to do it with some stacked images, clip-paths & ScrollTrigger.
👇
https://codepen.io/PointC/pen/zYRyveM
The Numbers #CodePenChallenge continues!
This week, let's work with positives and negatives 🔢
Thanks @taradotai for sponsoring!
https://codepen.io/challenges/2022/june/2
RT AdirCode
I just had a fun time building this Collaborator Group #UI component in #HTML and #CSS, really spent time to make it accessible also for keyboard users.
Here’s the @CodePen:
https://codepen.io/Adir-SL/pen/qBxMVOe
RT Jon Kantner
Magnified Nav Items
https://codepen.io/jkantner/pen/NWyewLd
RT T. Afif @ CSS Challenges
🎮 CSS Game!
IE is almost dead! Here is a Game to kill it forever ☠️ but keep Chrome alive!
A CSS only FPS:
✅ 0 JS
✅ 0 image
✅ 0 <input>
⚠️ Chromium only
Demo:
Show me your best attempt 👇
(❌No screenshot 📽️ Only recording)
#CSS
http://codepen.io/t_afif/full/zYRyENB
https://twitter.com/ChallengesCss/status/1536302707170058246
RT Ana Tudor 🐯🖤🌻
Hi, twitter, I made a little thing on @CodePen.
Remember you only have one short life
Pure CSS 3D. A single div.
https://codepen.io/thebabydino/pen/WNMaLqq
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
