Cheers man, I've made a repo on GitHub and converted it to Sass so I can do a loop through the colours since there are 10 different ones. It's much easier for me now when I'm changing certain things on components.
https://github.com/Markshall/MaterialFormComponents
Been very bored at work since I finished my previous project so knocked up a few form components based on the Google Material design language.
I know there are plenty of these about but I’ve never styled checkboxes/radio buttons.. so fancied giving it a go.
Use as you wish...
I'll either make the bubbles bigger, or make it swipable content.
Ah, I see what you mean. I thought you meant as it follows you down the page. Yeah there's a lot of transformation going on there, I'll reduce the speed and see if it has any effect. Won't be able to do it until Monday though...
Hmm, that's odd. Maybe reducing the transition speed might help, but it's worked fine on every desktop I've had it on since developing it.
Cheers. But yeah, I never developed it to be a slider, but if that seems to be a common issue, I may rethink it.
This place needs more threads going on, and I thought you guys may like to see the first project I've worked alone on at work since I started my new job in July.
I work for an oil company who own other oil companies, and they wanted a website setting up for it. There already was one, but it...
Most things now can be pulled off without JavaScript. The amount of things that is possible now without JS now is unreal
But cheers. I’ve always liked the effect but never bothered to replicate it until yesterday for a project I’d been working on.
It’s an old effect but one that I’ve only recently wanted to start implementing into projects, so here’s my attempt at achieving Google Material text inputs. You know the one.. where the line at the bottom of the field expands outwards
Use as you wish
You can view the pen here...
I'm very outdated at the minute but not really bothered about upgrading.
iPhone 6S Plus
iPad 4th Gen (lol)
iMac 21.5" (late 2013 model)
Apple TV (version before the 4K models came out)
Apple Watch S1
Nice work for your first conversion.
I've forked it and made it JavaScript-less. So the animation when you hover over the button to show the sub-menu is done with pure CSS.
https://codepen.io/Markshall/pen/gdrQaB
Feel free to steal it.
I also noticed you had your font as "Helvetica Neue...