17 Apr '14, 4pm

Easy, All CSS custom HTML checkboxes by #Intridea's @Bry_Cunningham! #css #HTML

Easy, All CSS custom HTML checkboxes by #Intridea's @Bry_Cunningham! #css #HTML

Let’s face it, nobody likes a plain ol’ checkbox and sometimes (depending on what your trying to accomplish), they can be tricky to style without dropping in a javascript library. Recently, while developing our new app Smashbook , I needed to replicate the native iOS style toggle switch. Attempting to replicate by using only HTML and CSS, here’s what I came up with... We’ll start with the HTML. <div class=“setting”> Off/On <input type=“checkbox”> <div class=“track”></div> <div class=“toggle”></div> </div> Pretty simple, right? Now for the CSS. This is the container for our toggle. .setting { position: relative; width: 200px; padding: 12px; border: 1px solid #9C9691; border-radius: 4px; } The only thing important here is the position: relative declaration. This allow us to absolutely position the elements contained inside it. The rest is completely arbitrary. Next, comes th...

Full article: http://www.intridea.com/blog/2014/4/17/easy-all-css-custo...

Tweets

we primarily consider it a design responsibility to get HTML and CSS work done correctly.”

we primarily consider it a design responsibilit...

robots.thoughtbot.com 17 Apr '14, 9pm

When we start on new client projects or internal apps, we don't always start the HTML/CSS buildout the same way. Sometimes...

need css validation for your rails model? check...

rubygems.org 16 Apr '14, 8pm

css_validator 2.0.0 ActiveModel Validation for CSS install gem install css_validator Download Documentation Badge Subscrib...

Easy Going Espadrilles

Easy Going Espadrilles

high.heels.com 21 Apr '14, 2am

style shoes area summertime classic and popular Heels.com brands like Steven by Steve Madden , Tigerbeat Republik and Just...

Are you talented in #UI Development & Design? I...

fasthosts.co.uk 25 Apr '14, 10am

This is an exciting opportunity to join a friendly, agile, established international technology business in a UI Developme...