Flexible Grid System, Appealing, 40 Years of Apple, Facebook News Feed Explained and more...‏


 

Bring your team to life

Stop losing momentum with reply-to-all wars and buried email messages. Cut to the chase with @mentions and get the answer you need. Make HipChat Your Collaboration Command Center. Group Chat, Video Chat & Screensharing. $0/Unlimited Users. Get Started - AD
 
 
 
 
 

A new way to find creative talent

Human is a new way to find creative talent that goes way beyond the usual talent searches. It's a higher level of service than the regular Working Not Working provides, to help companies and creatives connect more personally. They're currently still in beta and taking a limited number of requests.
 
 
 
 
 

An awesome CSS transition animation

This Ink Transition Effect, powered by CSS animations, looks like ink bleeding across the page. Rather than using video, these transitions use PNG image sprites and the steps() timing function in CSS. In the demo, the effect is used with a modal window. A huge upgrade from the standard darkened background used with most boring old modals.
 
 
 
 
 

More CSS awesomeness

These Animated Animals in CSS and SVG use Sass and SVG filters for creating realistic motion effects on these animals. The animations involved are complex, and this tutorial looks at the different techniques involved in creating each creature (a dog and a fox) and their life-like movements.
 
 
 
 
 

Responsive tests for the Flexible Grid System

This Flexible Grid System Responsive Test shows how the framework adapts to various viewports, from desktop to mobile devices. It shows how logos, menus, sliders, sidebars, content, and other blocks respond to the various screen sizes, without having to actually try it out on a bunch of different devices (or manually resize your browser).
 
 
 
 
 

One-page sites for pretty much anything

Carrd lets you create simple, free, responsive one-page sites for pretty much anything. Choose a template to get started, and then get brought straight to the site builder. From there, you can drag and drop elements, add or remove elements, previewing animations, and more. And when you're done, publish it as a live site or a draft.
 
 
 
 
 

Facebook's News Feed explained

Facebook's News Feed has gotten a lot of flack. The most common is the complaint that it doesn't show every story from your friends, meaning you might miss important things. Facebook has created an explanation of the News Feed, including how to customize your Feed, how they're working to improve, and even some additional resources for learning more about Facebook's policies.
 
 
 
 
 

Mobile UI animations in the wild

Appealing is a mobile UI animation gallery that brings together beautiful UIs from around the web. You can view a variety of animations for inspiration: splash screens, pull to refresh, onboarding, transitions, interactions, search, and navigation, for starters. It's a fantastic resource if you're trying to figure out the best way to incorporate motion in your mobile UIs.
 
 
 
 
 

And undiscovered crate of underground hip hop

Digging into Hip Hop is a fun animated site that lets you dig through a crate to find 90s hip hop. You can explore and listen to classic golden era hip hop, boom bap hip hop, rare underground tracks, and more. All with a fun navigation that uses either your mouse scrolling, arrow keys, or by clicking and dragging on the records.
 
 
 
 
 

40 years of Apple in 40 years

Apple - 40 Years in 40 Seconds gives a very quick overview of all the amazing things that have come out of Apple over the past 40 years that they've been in business. Everything from the Apple II and the iconic 1984 commercial to Earbuds and AirDrop get mentioned. All leading up to a final screen with a date: April 1, 2016.
 
 
 

Comments

Popular Posts