CSS

In Praise of the Unambiguous Click Menu | CSS-Tricks

In Praise of the Unambiguous Click Menu Mark Root-Wiley on Mar 18, 2021 Find and fix web accessibility issues with ease using axe DevTools Pro. Try for free! I still remember my excitement when I learned how to build a hover-triggered submenu with just CSS. (It was probably after reading this 2003 article from A List Apart.) At the time, it was …

In Praise of the Unambiguous Click Menu | CSS-Tricks Read More »

FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb.

 Source: FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb. What is FoundationPress? FoundationPress is a starter-theme for WordPress based on Foundation 6, the most advanced responsive (mobile-first) framework in the world. The purpose of FoundationPress, is to act as a small and handy toolbox that contains the essentials needed to build any design. FoundationPress is …

FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb. Read More »

Tumult Hype

Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an …

Tumult Hype Read More »

CodePen – Front End Developer Playground & Code Editor in the Browser

We call them Pens. Write HTML, CSS, and JS and get a real-time preview. You can use CodePen to: Show off the amazing things you build. Learn new things by tinkering. Build reduced test cases to report bugs and get help on tricky problems. Try out new technologies for the first time. Build components to …

CodePen – Front End Developer Playground & Code Editor in the Browser Read More »

Grid System Generator

“The grid system generator will create custom grid systems in valid css / xhtml for rapid prototyping, development and production environments.” – See more at: http://www.gridsystemgenerator.com/#sthash.5Kd4jibB.dpuf Source: Grid System Generator

Skeleton: Responsive CSS Boilerplate

Skeleton: Responsive CSS Boilerplate. A dead simple, responsive boilerplate. DOWNLOAD Light as a feather at ~400 lines & built with mobile in mind. Styles designed to be a starting point, not a UI framework. Quick to start with zero compiling or installing necessary.

CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly.

CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly.. Colors, gradients, sizes, borders… All instantly in CSS. Using CSS over images gives front-end developers many benefits. However it requires a ton of hand-coding to reflect all the layer styles into the code. CSS Hat prevents this pain. It accurately translates layer styles into CSS …

CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly. Read More »

Understanding CSS Timing Functions | Smashing Magazine

Understanding CSS Timing Functions | Smashing Magazine.   Understanding CSS Timing Functions People of the world, strap yourself in and hold on tight, for you are about to experience truly hair-raising OK,