#codepenchallenge

[castdemos]

Today makes it 30 whole days of me coding for a minimum of 1hr out the day. It’s interesting the first 7 days I felt like this was a chore, by day 15 I was like “ok this ain’t so bad” and now at day 30 I feel like this is normal. Building a new habit is literally getting up every day and making the choice to do it until it becomes normal or just a part of the way you live. By day 100 I’ll become a giant blob of codes 🤣🤣😭 Today’s rainbow was made a @codepen challenge called orange and blue. The only rule was to use the colors orange and blue. Check it out on Codepen to see the many cool codes people created using orange and blue by searching on Codepen cpc-orange-blue. ** I do n't own the song. This song is the property of its creator. Sung by Judy Garland in The Wizard of Oz, 1939. Ps. I only know this song because in middle school I was in chorus and our teacher loved this song. Made us memorized it and sing it every chance she got 😩 #100daysofcode #css #codepen #codependency #codepenchallenge #womenintech #blackgirlscode #girlswhocode #codinglife #coding #codingbootcamp #codingforbeginners #javascript #html #htmlcss #webdeveloper #webdesign #rainbow #judygarland #codingtutorials #codingisfun #codingnewbie https://www.instagram.com/p/B33Q_d2Ab96/?igshid=1hohelko4qii

[szudi]

https://codepen.io/szudi/pen/NmbpPx #codepen #codepenchallenge #fizzbuzz https://www.instagram.com/p/BwB66LrAdGa/?utm_source=ig_tumblr_share&igshid=1vy1ld1hcebjd

[i-hate-toast-blog]

CodePen Challenge: details

This week’s CodePen Challenge: details and her little bestie summary. I had no idea they existed, so chalk another one up to benefits of a challenge.

Confession time: I did not research too much about how to style the accordion function or even if I could. I did not find any need to with what I had chosen. Not this time. When I use detailsin a project, I’ll probably wonder more about the styling.…

[sebastianlenton]

luv @codepen #threejs #gsap #codepenchallengehttps://t.co/HHmeH7y1H1 pic.twitter.com/EfNYsbCmod

— ycw (@ycwhk) August 18, 2020

[danielschneider]

Not sure how I got there but this weeks #CodepenChallenge had me creating this #CSS variable powered scene 😅 That's the joy of the challenge 😎 https://t.co/yKQfMcHYMb via @CodePen #javascript #100DaysOfCode #design #animation #webdev #Webdesign #webdeveloper #CodeNewbie #coding pic.twitter.com/uGjifptnGx

— Jhey (@jh3yy) October 13, 2019

[stalen00bsblog]

A simple flower that rotates and changes its colour dynamically made with Pug, CSS & JS. Minimal lines of code maximum result, this piece was made by seto89 for the CodePen Challenge. Demo

See the Pen 5 Line Rainbow Div Flower #CodepenChallenge by seto89 (@seto89) on CodePen.

PUG

See the Pen 5 Line Rainbow Div Flower #CodepenChallenge by seto89 (@seto89) on CodePen.

CSS

See the Pen 5 Line Rainbow Div Flower #CodepenChallenge by seto89 (@seto89) on CodePen.

JS

See the Pen 5 Line Rainbow Div Flower #CodepenChallenge by seto89 (@seto89) on CodePen.

[dengusmaximus]

hexagoncircle @ April 11, 2019 at 01:55PM

So a swarm of bees fly into a bar and the bartender says something like "you heard all the buzz about CSS grid?" and then this @CodePen for the fizzbuzz #CodePenChallenge gets real wild real fasthttps://t.co/nb5MkJSaNj pic.twitter.com/bmj6cyo4v4

— Ryan Mulligan (@hexagoncircle) April 11, 2019

from http://twitter.com/hexagoncircle via IFTTT

[htmlcsstutorial]

css: RT cassidoo: I made this CSS animation of marching macarons for this month's #codepenchallenge! https://t.co/2tE84IJeQw via CodePen http://twitter.com/html_css_tutor/status/1083199282696589313

[purplewolfrebel]

#CodePenChallenge: Skeletons 💀 >> https://ift.tt/2AbIjGV

[iamprogrammerz]

RT @borntofrappe: Took me a tad longer than I'd expected, but I'm sure rather proud of the end result 👌 @CodePen Here's my entry for the weekly #codepenchallenge, a **signature generator** 🔥😎 #100daysofcode #R2D27 #svg https://t.co/BOy3uy7euV

[raa-zez-blog]

#Day32 off #100DaysOfCode challenge. Working on this week's @codepen.io challenge. Finished completely, except for the smaller screens, where the alignment problem arises. #code #coding #webdev #webdesign #uidesign #uxdesign #frontend #codepen #html5 #css3 #design #interaction #visual #userinterface #userinterfacedesign #ui #ux #uiux #prototyping #codepenchallenge #visual https://www.instagram.com/p/BuJ2dDIBRUA/?utm_source=ig_tumblr_share&igshid=qmcovfajjek3

[entlizm]

via コリス

[anthrfrmt]

Introducing the #CodePenChallenge http://ift.tt/2FhP91c

[i-hate-toast-blog]

CodePen Challenge: del & ins tags

CodePen Challenge: del & ins tags

This is my first CodePen challenge, and the topic is using the del and ins tags.

Screenshot of my del and ins attempt

My applied creativity level was low for this one. I have never used del and ins and had to figure out what their default styles were and how I could alter them. The examples found on CodePen are fanbloodytastic. I’d like to play more with del and ins and include animations like th…

[raa-zez-blog]

#Day25 off #100DaysOfCode challenge. Participated in the #codepen challenge for February. This week's challenge was to make a pen using #triangle #shape. #code #codes #coding #webdev #webdesign #uidesign #uxdesign #frontend #ui #ux #uiux #prototyping #uidesign #uiuxdesign #gradient #cpc #webdesign #design #triangles #html #css #pattern #designpattern @codepen #codepenchallenge https://www.instagram.com/p/Bt3uivQhWG5/?utm_source=ig_tumblr_share&igshid=85cbks3pzyx1