Photoshop CSS: Convert Layers, Shapes and Fonts to Pure CSS3

By | CSS, Design, Tools | No Comments


With CSS3 photoshop plugin you can convert your  layers to CSS3.

photoshop-css-hat-layer css-hat-code

Example CSS code generated:

CSS Hat 2

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.

Select any Photoshop Layer and generate Colors, gradients, sizes, borders… All instantly in CSS.

Photoshop Colors, gradients, sizes, borders in CSS.


20 popular CSS Frameworks, Libraries and Cheat Sheets for Frontend developers

By | CSS, Tools | No Comments

Curated list of the latest popular CSS frameworks, CSS cheat sheets and CSS tools to speed up your development work.[checklist]

  1. Hint.css 2.0 
    A pure CSS tooltip library for your lovely websites.
  2. CSS Animation Cheat Sheet
    Awesome CSS3 plugin for spiffy animations
  3. CSS-stats
    Enter a URL and get statistics for a site’s CSS
  4. Spectre.css
    A lightweight, responsive and modern CSS framework
  5. Layer CSS
    Lightweight CSS framework to build your own fluid layouts
  6. hack.css
    The CSS framework for hackers
  7. Wing
    Minimal CSS Framework
  8. CSS Sketch
    Write CSS as Fast as You Can Sketch
  9. CSS Toolkit
    Crazy interactive CSS animation builder for Mac-users
  10. Picnic CSS
    A beautiful CSS library to kickstart your projects
  11. CSSGram
    Recreate Instagram filters with CSS filters and blend mode
  12. CSS-Mint
    Lightweight and simple to use CSS UI Kit
  13. CSS Next
    Use tomorrow’s CSS syntax, today.
  14. Pixel Art to CSS
    Draw and animate pixel art, export the results to CSS
  15. Devices.css
    iOS, Android and other devices made in pure CSS
  16. Animate.css
    Just-add-water CSS animations
  17. CSS-Hero
    WordPress plugin to easily customize every property of your themes
  18. Saas CSS
    Design inspiration for SaaS specific web products
  19. CSS Hat
    Turn layers from Photoshop CC 2014 to code instantly.
  20. Colofilter.css
    Colorful filters uses css blend modes inspired by Spotify

Top Bootstrap Widget Components add-ons

By | Coding, CSS | No Comments
