STYLE SWITCHER

CSS Filter

CSS Filters are a powerful tool that authors can use to achieve varying visual effects (sort of like Photoshop filters for the browser). The CSS filter property provides access to effects like blur or color shifting on an element’s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.

CSS

filter: <filter-function> [<filter-function>]* | none

Where is one of:

  • blur()
  • brightness()
  • contrast()
  • drop-shadow()
  • grayscale()
  • hue-rotate()
  • invert()
  • opacity()
  • saturate()
  • sepia()
  • url() - for applying SVG filters
  • custom() - "coming soon"
Website
More

Contentful: Content Infrastructure for Digital Teams

Our content infrastructure enables teams to power content in any digital product: website, app, or device.

Developers

  • Manage, integrate, and deliver content via APIs
  • Use your preferred languages and frameworks
  • Iterate quickly from dev, test, and staging to production

Content Creators

  • Easily create, manage, and publish content in the web app
  • Customizable workflows for each content team
  • Instant access to all new web app features
Website
More
Nested flex container – Flex item height issue fixed.

Nested flex container – Flex item height issue fixed.

Chrome - Nested flex container - Flex item height using a percentage appears to be broken

Chrome doesn't support percentage height values on flex items. It works fine in IE11 and MS Edge. I haven't tested any other browsers and I've not checked if percentage heights are part of the spec or not (sorry, maybe this is a non-issue).

flex: 1 0 auto
More

Netlify CMS

Open source content management for your Git workflow. Use Netlify CMS with any static site generator for a faster and more flexible web project

Static + content management = ♥

Get the speed, security, and scalability of a static site, while still providing a convenient editing interface for content.

An integrated part of your Git workflow

Content is stored in your Git repository alongside your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git.

An extensible CMS built on React

Netlify CMS is built as a single-page React app. Create custom-styled previews, UI widgets, and editor plugins or add backends to support different Git platform APIs.

Website
More

Grav

Building Faster Websites with Grav, a Modern Flat-file CMS

Nowadays, there’s an interesting get-back-to-the-basics tendency among web developers. Some modern, best-in-class technologies — like Markdown, Twig, and YAML — are often used together to produce many new, lightweight CMSs, focused on speed, simplicity and productivity. The principle they all follow is pretty straightforward: when things get too complex, it’s better to start from scratch, instead of trying to clean up the existing mess.

Website
More