RT George Francis
✨ *** ...beep boop beep boop... *** ✨
Last week, I recorded an episode of @CodePen radio with @chriscoyier — we talked about generative art/design, SVG, CSS Houdini, and (dramatic pause) NFTs 👀
Check it out! //
https://blog.codepen.io/2021/11/03/340-with-george-francis/
https://twitter.com/georgedoescode/status/1456188080868708354
RT Poonam Soni
Happy Diwali to everyone 😍
🌟Made this using #CSS
🌟CodePen link:
#happydiwali2021
#HappyDiwali
#100DaysOfCode
https://codepen.io/poonam-adlakha/pen/VwzyBvK
RT Toshiya Marukubo
Practice Canvas2D.
Trail on the rose curve.
Code👇
https://codepen.io/toshiya-marukubo/pen/dyzZzrE
https://twitter.com/toshiyamarukubo/status/1455697873232805895
RT freeCodeCamp.org
CodePen is a popular online code editor that's great for front-end development projects.
You can create pens & projects, add packages to a pen, & much more.
In this guide @codergirl1991 shows you how to use CodePen, explains its basic features, & more.
https://www.freecodecamp.org/news/how-to-use-codepen/
RT AdirCode
New @CodePen !
Random colors “Wipe” Animation, made only with #HTML & #CSS
https://codepen.io/Adir-SL/pen/MWvpEpj
RT Ryan Mulligan
Good morning, friends! #CodePenChallenge ☀️👋
I prefer it without punctuation so it reads like a team of superheroes. We are the good morning friends! With our powers combined we can wake up at a reasonable time and not feel groggy!
@CodePen:
https://codepen.io/hexagoncircle/full/vYJWVvy
https://twitter.com/hexagoncircle/status/1455910227128176656
RT Maxime Malfilâtre
I am so proud that my pen got chosen to illustrate last week's #CodePenChallenge (Frightful Forms) in codepen's newsletter.
Here is the pen :
Thank you so much @CodePen.
https://codepen.io/maxew33/full/VwzWrRJ
RT Amit Sheen
Fan (#CSS)
Full code @CodePen:
https://codepen.io/amit_sheen/pen/yLozzvZ
RT CSS Challenges
No more divtober so let's try some #CodePenChallenge.
Here's a kind of 3D shadow effect using only one element:
#css
https://codepen.io/t_afif/pen/dyzZEVP
https://twitter.com/ChallengesCss/status/1455638686213632001
RT Bence
Asteroid Collection ☄️ (546 bytes) #PetitePatterns on @CodePen #nodevember #nodevember2021
https://codepen.io/finnhvman/pen/GRvOwoO
RT Adam Argyle
```css
background: none;
border-width: 30px;
border-color: hotpink;
border-radius: 10px;
```
think bevelled buttons could make a comeback?
https://codepen.io/argyleink/pen/wvqPJNz
RT Ana Tudor 🐯
You can start placing your bets about how long this is going to last... but my #codeVember #1: pure CSS 3D morph cube ➜ cubocta ➜ octa on @CodePen:
All done with:
* 10 HTML elements
* under 65 declarations in compiled CSS, including those in style attrs
https://codepen.io/thebabydino/pen/bGroQOb
RT Dr Abstract
Thanks @CodePen for the exciting #CodePenChallenge for Text Shadow
#Canvas #JavaScript #CreateJS #ZIMjs check it out #100DaysOfCode and all!
https://codepen.io/zimjs/pen/dyzZXgm
RT George Francis
New Houdini stuff! ✨
Magical generative patterns that rearrange themselves based on the browser window 🎨
A kinda different approach for responsive design...
Inspired by @chriscoyier 's generative grids pen 💛
CodePen (Desktop only + Chrome / Edge)
https://codepen.io/georgedoescode/pen/YzxrRZe
https://twitter.com/georgedoescode/status/1455150458352381963
The November #CodePenChallenge starts now!
This month is all about Text Styles ✍️
Let's kick it off with shadows!
Your challenge this week: make a little bit of text stylish with text-shadow
https://codepen.io/challenges/2021/november/1
RT Logan Liffick
lil animated neon pixel icon experiment
see it live on codepen 👉
https://codepen.io/logan_liffick/full/RwZZLzy
https://twitter.com/logan_liffick/status/1454186273971769350
RT Marco Biedermann
Happy Friday everyone 🥳
Like button shooting #confetti using #react and canvas-confetti on #codepen
@CodePen @HotOnCodePen @reactjs @kirilv
#js #javascript #web #development #html #css
http://cdpn.io/ExvvyLQ
https://twitter.com/BiedermannMarco/status/1453989808775307268
RT Toshiya Marukubo
Practice Canvas2D.
Code👇
https://codepen.io/toshiya-marukubo/pen/OJjjmqa
https://twitter.com/toshiyamarukubo/status/1454072808267386885
Build, test, and discover front-end code 👩🏽💻