• Home
  • About Class
    • Class Notes
    • Class Resources
    • RWD Terms
    • Important CSS
    • Examples
  • Assignments
    • Milestones
    • Submit/Help
    • Extra Credit
  • Class Schedule
    • Calendar
  • Class Blog

Responsive Design

for Platt College

June 30, 2015

Cool Things You Can Do With CSS

hexagramDid you know that you can create all kinds of cool shapes with CSS alone? Triangles, hexagons, hearts, crescents? Almost makes me want to make a bowl of lucky charms with CSS! Check out this post from CSS Tricks: https://css-tricks.com/examples/ShapesOfCSS/

Additionally, while I was scouring the internet for cool shapes to animate for a game I was making, I came across this article from A List Apart: http://alistapart.com/article/css-shapes-101. It has information about CSS Shapes, where you can create a page layout that looks more like something you would see in a magazine. Right now the support for these “CSS Shapes” is fairly slim with IE and Firefox (Really, Firefox? Really?) not having any planned support in the future versions of their browsers.

espressoAnd yes, the web should look like the web and not print, but seriously… this is cool and something I would really like to see happen. Guess chrome will be my playground when I try out this nifty tutorial at HTML5 Rocks! http://www.html5rocks.com/en/tutorials/shapes/getting-started/

Sorry Firefox, you were once my favorite browser. Get with the times, will ya?

Filed Under: Web Design News

Quote:

Far too often, we treat web development as a sprint rather than a marathon. It is the experience designer’s job, in part, to help everyone walk the steps of the experience they’ll create before they run–especially when they’ll be doing so in tandem — Andrew Maier

Trish’s Info

e-mail: tladd@platt.edu
About Trish

Recent Posts

  • Day 25
  • Day 24
  • Day 23
  • Day 22
  • Day 21

Copyright © 2025 · Trish Ladd · Log in