3 ms·
Working on redesigning Notifo's website. I started by nuking all the css from the last design, removing divs I didn't like, reorganizing the site with a page di
by PStamatiou 16y ago
Working on redesigning Notifo's website. I started by nuking all the css from the last design, removing divs I didn't like, reorganizing the site with a page div, some wrappers for header and footer so I could stretch them out 100%. Worked on the logo a bit to get a slicker look that blended in with the background, in addition to a subtle letterpress effect.
I still have lots left to redesign in terms of content pages, in addition to adding a few new sections to the site but I've been tinkering around with some typography recently. I really want to use TypeKit but last night Chad and I found that - possibly related - scrolling on the site is incredibly slow when TypeKit is enabled than when it's not, or when using a Google WebFont instead.
Using lots of CSS3 throughout - combined with Sass it makes it super easy. for example, my box-shadow mixin:
@mixin box-shadow($ho, $vo, $b, $c)
-webkit-box-shadow: $ho $vo $b $c
-moz-box-shadow: $ho $vo $b $c
box-shadow: $ho $vo $b $c
filter: "progid:DXImageTransform.Microsoft.dropshadow( OffX=" $ho, "OffY=" $vo, "Color=" $c ")"
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow( OffX=" $ho, "OffY=" $vo, "Color=" $c ")"