Window Pane Effect
I came across two sites recently that create a sort of animated layered effect to really great results. Each approaches the effect slightly differently.
First is One Pause Poetry:
The <h1> is a transparent PNG. When the user hovers over the tag words in the right column, a new background slides in. To me this is so successful because the site is rather minimal and the background effect ads some nice details.
The second is Bobadilium:
As the user scrolls down, the color of the navigation & header animate in to match the background of the current section. This site uses sprites to achieve this effect. This effect helps to show the user the evolution or navigation through the site.
Posted in design, links | Tagged css, javascript | Leave a comment
Useful tool: TypeStacks
TypeStacks is a tool that helps you figure out what font stack to use in your CSS. Input the font you want to use & it will give you the CSS necessary to include in your stylesheet.
As a huge fan of Comic Sans*, I had to see what would happen if I entered that into the search field:
* Just kidding!
Posted in links | Tagged css, tools, typography | Leave a comment
Recent Links of Note
It’s been a while since I listed some great links I’ve come across lately, so here are 3 for you to check out:
- 10 More Great Google Font Combinations You Can Copy: Obviously very inspiring to the font changes I’ve made on my site.
- Newsflash: sexism in geek communities demeans everybody: Lately there have been quite a few sexist gaffes made in the tech world. This is a great essay on how this is detrimental to everyone who works in the field. (via)
- TechGirlz: I recently volunteered to be the webmaster for this great organization, helping to empower young girls to get involved in tech. They run a summer camp, classes, etc. and I’m excited to jump in & help out.
Posted in links | Leave a comment
First Speaking Opportunity
Last night I had the opportunity to give a presentation at the Art Institute of Philadelphia on theming WordPress. It was the first time I’ve presented on something web-related outside of a class and I’m really happy with how it went.
Hopefully I can continue to refine my public speaking and presenting skills, as well as my presentation, and continue similar opportunities.
Posted in thoughts | Tagged goals, personal, speaking | Leave a comment
Just Released: Ocean City Magazine
A few days ago I released the first of 3 sites for a client through my part time position at Chop Dawg Studios, Gone Native Communications.
Ocean City Magazine is a lifestyle magazine for Ocean City, NJ. They wanted a site that reflected the shore location, that felt modern and had some functionality including archiving issues and subscribing to the magazine.
The site runs on WordPress, which allows them to run a blog/news section, their issues section and an easy to update events listing.
Posted in freelance | Tagged chop dawg studios, wordpress | Leave a comment
