Hover Effect Ideas: Inspiration for subtle hover effects
"How we designed and built motion into the new Potluck with Framer and Angular.js"
WOW best portfolio website/interactive thing every
Wow this really has about everything you could ask for.
Really great dashboard UI design and coding. Check this site out. It’s super amazing great awesome cool
When I’m working on a design using CSS3 features, I often worry about how things are looking on older browsers. Sure there’s VMware Fusion or Parallels, but that’s uber clunky for just a quick view of how things are shaping up for older browsers.
deCSS3 is a bookmarklet that lets you get a view of what your site will look like on older browsers that don’t support CSS3.
It doesn’t remove all CSS3 right now, but I’m sure that Dave would gladly accept a pull request. Oh, and BTW, they are looking for collaborators with some regex-fu.
Currently supports: Chrome, Safari
Really cool designed site. As you scroll down a scene unfolds! seriously Check it out!
"Playful experimentation, also known as fumbling in the dark. I hacked this together in stolen moments, based on ideas conceived while drinking saké cocktails and musing about redesigning thismanslife.
Thanks for viewing, James Mellers
play HD full screen
Really awesome way to present your work to people. Mill created a 5x3 interactive touch screen from scratch to show their work at the Mill office in New York. The most bad ass part about this is the UX design and coding that went into this. I really want to go play around with it. Looks super dope.
AssetHat is a Rails gem that hopes to make the web a little bit quicker by making front-end assets (CSS, JS and images) load faster (especially on mobile devices). It does the usual magnification and concatenation, but unlike others, AssetHat automatically takes advantage of Google’s CDN and cdnJS for loading common third-party libraries. There’s even a little switch to enable LABjs mode, so you can quickly A/B test to see whether LABjs is right for their site.
Google said it best, “Every millisecond counts. Nothing is more valuable than people’s time.” So do what you can to save your users some time and make your project faster.
AssetHat is super-easy to set up for Rails 3 (or even Rails 2.3 with Bundler):
<%= include_css :bundle => 'application' %> <%= include_js :jquery, :bundles => ['plugins', 'application'] %>
<%= include_css :bundle => 'admin' %> <%= include_js :jquery, :bundles => ['plugins', 'admin'] %>
Use a config file to keep your layouts lightweight
css: bundles: application: ['reset', 'application'] admin: ['reset', 'admin'] js: vendors: jquery: version: 1.6.0 bundles: plugins: ['plugin1', 'plugin2'] application: ['application'] admin: ['admin']
- Read Mint Digital’s initial blog post for AssetHat with some nice performance stats from a bunch of production sites
- Check out the readme for a walkthrough on configuring and integrating AssetHat
- Read the Rdoc’s for deeper details of how AssetHat works
So I just came across this problem in a recent project when I was using font-face to embed some fonts for a tumblr website. It worked fine in all browsers except for firefox… I tried everything to solve the problem and then turned to google and found this great article about how firefox prevents fonts from loading from another server. Since tumblr is put up on its own server I had to embed the fonts using a base64 encoding to embed the font directly into the css instead of from an outside source… annoying to say the least and a massive amount of code. You can easily get it from fontsquirrel.com for any font you upload.