@RT Adam Argyle
🆕 in Chrome Canary
(behind the web experiments flag)
#CSS `color-mix()` 🎉
explore the syntax with this little tool I made 🤓
https://codepen.io/argyleink/full/YzLMaor
RT Chris Coyier
🎧 @deequez11 and I talking about the big project of porting our Rails GraphQL API to a @golang GraphQL API.
https://blog.codepen.io/2022/11/02/389-migrating-a-ruby-on-rails-graphql-api-to-a-go-graphql-api/
RT Jon Kantner
It’s recursion time!
https://codepen.io/jkantner/pen/JjZXpNZ
RT jhey 🔨🐻✨
Lil CSS Tip ⚡️
Create that classic duotone effect with CSS ✨
.card {
background:
linear-gradient(var(--red-light), var(--red)),
url(./me.png), gray;
background-blend-mode: darken, luminosity;👈
}
Stack and blend those backgrounds 🤙😎
@CodePen link below 👇
RT Kit Jenson
Need a gradient? Try out my Infinite Gradients Generator.
#codepen #gradient #CSS #HTML #javascript #Webdesign #webdev #helpful #free
https://codepen.io/kitjenson/full/XwXEYX
RT Yoav Kadosh
Infinite scroll animation - Infinitely scroll any content horizontally using CSS animations.
The code includes a customizable React component!
@CodePen :
https://codepen.io/ykadosh/pen/KKezJzz
RT T. Afif @ CSS Challenges
🎨 CSS Pattern!
Demo:
More CSS-only Patterns 👉
#CSS
http://codepen.io/t_afif/full/abKNOXP
http://github.com/Afif13/CSS-Pattern
https://twitter.com/ChallengesCss/status/1587760773501263874
RT Jon Kantner
Compass Preloader
https://codepen.io/jkantner/pen/rNKVMKd
RT 👻 jheyQuery v6.6.6 🔨🎃✨
Don't forget about print.css! 🖨️
Here's print.css but not how you might know it 😅
Input an image URL and see it printed out with CSS 💙
Demo link below 👇
RT Álvaro Montoro
#divtober 28: monster
👺
Demo on @CodePen:
I know, I know... Although it turns into a monster for a while, No-Face is technically a spirit and not a monster. 😳
Álvaro Montoro: #divtober 27: grain
🧂
Demo on @CodePen:
Take this drawing with a grain of salt.
http://cssdrawings.com/
https://codepen.io/alvaromontoro/pen/rNKaGaP
https://twitter.com/alvaro_montoro/status/1585114525317361664
https://twitter.com/alvaro_montoro/status/1585954524744802305
RT Greg RoBOOleto 👻
Day 28 of #divtober is "monster"
This 📖 book was one of my favorites as a kid. I ❤️ how interactive and meta it is (with a twist ending, no less). So fun!😁
🏷️#css #allcss #cssart #allonediv #sesamestreet #grover #monster #book
Code on @CodePen:
https://codepen.io/robleto/pres/NWzPbwB
RT Chris Coyier
Re Pens as prototypes are the best because they are live and interactive, not a static image. Everyone can experience it. Click things. Resizing things. Update the content.
📽 During a meeting or presentation, flip into Presentation Mode to show people.
https://blog.codepen.io/documentation/presentation-mode/
RT Takane Ichinose 市瀬峻峰
Bit Maze | Retro game with Pyxel
I tried to use the game engine called #pyxel by @kitao
It's really fun to code with, I still have more to explore.
This is also my first time using #python
#gamedev #gamedevelopment #pixelart
https://codepen.io/takaneichinose/pen/OJEPYVp?editors=0010
RT 👻 jheyQuery v6.6.6 🔨🎃✨
Re Here's that @CodePen link! 🚀
Remember, you can try this in your browser today 🙌
But, for now, it's made possible with a polyfill ⚒️
Incredible to think this is going to be possible without any JavaScript at all and performantly 😎
https://codepen.io/jh3y/pen/eYrwBJB
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
