--- title: CodePen posts | daily.dev description: CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects. canonical: https://daily.dev/sources/codepen twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/codepen og:type: website og:site_name: daily.dev og:title: CodePen posts | daily.dev og:description: CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects. og:image: https://api.daily.dev/og/sources/codepen.png og:image:width: 1200 og:image:height: 630 ---  # CodePen Follow FollowBlock CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects. Related tags: [#webdev](/tags/webdev)[ #vite](/tags/vite)[ #tailwind-css](/tags/tailwind-css)[ #css](/tags/css)[ #javascript](/tags/javascript)[ #ui-design](/tags/ui-design) [Posts about webdev](/tags/webdev)[Posts about vite](/tags/vite)[Posts about tailwind-css](/tags/tailwind-css)[Posts about css](/tags/css)[Posts about javascript](/tags/javascript)[Posts about ui-design](/tags/ui-design) [442: Pens are Actually Websites](/posts/442-pens-are-actually-websites-liyxwy59g)[Chris’ Corner: Sweet Typography](/posts/chris-corner-sweet-typography-k0vadat1b)[Chris’ Corner: Web Components](/posts/chris-corner-web-components-fnnodm0nx)[441: Challenges For We, Challenges For Thee](/posts/441-challenges-for-we-challenges-for-thee-vbw6yferh)[440: Hey! Hi! Right here! In-App Notifications That Like You](/posts/440-hey-hi-right-here-in-app-notifications-that-like-you-auwqjna7t)[Chris’ Corner: Things Getting Better](/posts/chris-corner-things-getting-better-sgivlvfo8)[Shrink-wrap Text with \`position-anchor\`](/posts/shrink-wrap-text-with-position-anchor--rfpl54n7t)[439: Dragging! Drag Everything!](/posts/439-dragging-drag-everything--bduooodsv)[Chris’ Corner: What do you do with an HTML email?](/posts/chris-corner-what-do-you-do-with-an-html-email--ueatvo8ob)[438: Are Diffusion Models Better Than LLMs at Web Design?](/posts/438-are-diffusion-models-better-than-llms-at-web-design--zwfr10d1c) ## Most upvoted posts from CodePen ## Best discussed posts from CodePen ## All posts from CodePen ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/sources/codepen#organization","name":"CodePen","url":"https://daily.dev/sources/codepen","logo":{"@type":"ImageObject","url":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/codepen"},"description":"CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects."},{"@type":"CollectionPage","@id":"https://daily.dev/sources/codepen#page","url":"https://daily.dev/sources/codepen","name":"CodePen posts on daily.dev","description":"CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects.","about":{"@id":"https://daily.dev/sources/codepen#organization"},"isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"CodePen"}]}]} ```