CodeMyUI

Doggie Screensaver

Pretty hacky attempt at recreating the floating screensaver for the Photo Gallery #CodePenChallenge with only CSS 🤣

A Pen by Ryan Mulligan on CodePen.

License.

CodeMyUI

Airplane Mode Toggle Switch ✈️

Turn airplane mode on and off! inspired by a Dribbble shot: https://dribbble.com/shots/9748924-Airplane-Mode-Toggle

A Pen by Kiarash Zarinmehr on CodePen.

License.

CodeMyUI

Animated Verbs

Animating characters in verbs to represent their action. Leave a comment if there's a word you'd like to see added and animated on this list.

Part two: https://codepen.io/hexagoncircle/pen/OJLxWKq
Part three: https://codepen.io/hexagoncircle/pen/oNvMLRQ

A Pen by Ryan Mulligan on CodePen.

License.

CodeMyUI

<h1>Top England Goal Scorers</h1>

<table class="zigzag">
  <thead>
    <tr>
      <th class="header">Player</th>
      <th class="header">Goals</th>
      <th class="header">First</th>
      <th class="header">Latest</th>
    </tr>

CodeMyUI

Book Store UI

Inspired by Dwinawan https://dribbble.com/shots/2425824--Exploration-Book-Store-Website

A Pen by Aysenur Turk on CodePen.

License.

CodeMyUI

<div id="article-cover">
        <div id="app-title">Select and share</div>
        <div id="article-content">
            <article id="article">
                <header>The 25 Most Read Bible Verses</header>
                <section>
                    <h1>Jeremiah 29:11</h1>
                    <p><b>11</b> For I know the plans I have for you," declares the LORD, "plans to prosper you and not to harm you, plans to give you hope and a future.</p>
                </section>
                <section>

CodeMyUI

Copy an API token

A Pen by Catalin Rosu on CodePen.

License.

CodeMyUI

Full-Page Navigation

Quick code mock-up for the Full-Page Navigation CodePen Challenge

A Pen by Ryan Mulligan on CodePen.

License.

CodeMyUI

#wrap
 %form.signup
  %input.email{:type => "email", :placeholder => "email", :maxlength => "24"}/
  %input.submit{:type => "submit", :value => "Subscribe"}/
  .field
  .pipe
 
-10.times do
 .fireworks

CodeMyUI

Don't Push Me Buttons / CPC Color

A Pen by Saijo George on CodePen.

License.