CSS animations are lightweight and smooth, and thanks to the death of Internet Explorer 6 they are now widely accessible in most modern browsers. While most designers are likely familiar with the basic transitions and animations, the CCS3 standard includes features for much more advanced animations that can provide visual impact without drastically increasing load times. The team at Stylie created a useful tool to quickly create CSS animations on the fly and grab the necessary CSS rules to implement the animations in your next project. As always check with your projects analytics to verify that the majority of users can take advantage of the new animations, if not, you’ll want to include a fallback to make sure every user has a similar experience.
Material design is a visual language sparked by the design team at Google in an attempt to create a new set of design standards to implement across Google’s many platforms. Material design draws upon solid design principals of the past while incorporating the latest technologies and advancements in HTML and CSS. These material design UI widgets are a perfect starting point for updating the buttons, visualizations and other elements of your next project. The UI widgets are available in PSD format for quick and easy editing.
Pictures are worth a thousand words and thanks to the widespread variety of devices and screen sizes, images need to be tailored to the experience in order to deliver the best performance and visual impact for a user. Thanks to the team at Resize.ly, designers can speed up the process of preparing images for the web. Resize.ly is a free tool to automatically resize and format images directly in the cloud, no software necessary. The tool creates a responsive and retina ready image to take advantage of the specific screen capabilities of the intended user’s device.