Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CSS3 resourses

Featured Replies

CSS 3 info: http://www.css3.info/

CSS 3 gradient generator: http://www.colorzilla.com/gradient-editor/

Layer styles to CSS : http://www.layerstyles.org/

Another CSS 3 generator - border-radius, box-shadows, transform, transitions, etc: http://css3generator.com/

Image to CSS (if anyone will ever need it): http://codepen.io/blazeeboy/pen/bCaLE

 

Font-face kits: http://www.fontsquirrel.com/

Icon fonts: http://css-tricks.com/flat-icons-icon-fonts/

 

Will love to see what you have to add to the list :)

 

 

So you did after all :p

A nice little collection there! The image-to-CSS seems interesting and I never knew that it existed but unfortunately the code output is awful lol.

As I come across some, I'll share here and I also have some ideas for tutorials in the pipeline.

 

As for now, here's an inspiring list of pure CSS graphics :p

 

http://www.hongkiat.com/blog/coding-graphics-with-css3/

Yet another great collection of links - thanks! Here's a couple to add to the brew if anyone has any use for them :D

 

Convenient, but a bit lazy http://css3generator.com/

 

Not something I use anymore, but quite helpful for cleaning up css (perhaps when you are looking at others' source code) http://procssor.com/

 

Nice little reference tool http://css3clickchart.com/

 

There's heaps more, but one last one to whet your palette http://daneden.me/animate/ Useful tool for using CSS animation

  • Author

I installed this but haven't really used it yet http://css3ps.com/ (for anyone who has Photoshop.)

I have a colleague who swears by it

 

I forgot to mention it's free :)

 

I am going to try this one, looks good :)

Jeez, some of these tools are such spoon-feeds! I never knew half of them existed... It's really simplifying Front-End Development to the point where it's becoming much easier to learn and the industry is already competitive enough :sorry:

Jeez, some of these tools are such spoon-feeds! I never knew half of them existed... It's really simplifying Front-End Development to the point where it's becoming much easier to learn and the industry is already competitive enough :sorry:

It does feel a bit like cheating but I don't know that it makes the industry any easier. Things evolve so quickly that we need all the timesaver shortcuts we can get just to have time to learn all the new stuff.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.