background preloader

Ceaser - CSS Easing Animation Tool - Matthew Lein

Ceaser - CSS Easing Animation Tool - Matthew Lein

https://matthewlein.com/ceaser/

Related:  useful sites for web designCréa SiteCSS3web & codingcss

Griddify, a Tiny Photoshop Panel for Guides and Grids Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Download and install ZXPInstaller. It helps you install Griddify and other Adobe extensions easily. Using CSS3: Older Browsers And Common Considerations - Smashing Magazine Advertisement With the arrival of IE9, Microsoft has signalled its intent to work more with standards-based technologies. With IE still the single most popular browser and in many ways the browser for the uninitiated, this is hopefully the long awaited start of us Web craftsmen embracing the idea of using CSS3 as freely as we do CSS 2.1.

How the World Wide Web works Advertisement by Chris Woodford. Last updated: November 8, 2014. Big list of CSS hacks. Why i preffer hacks over separate css files for IE: there are hacks for every browser not only IE. And even newest browsers are rendering some things differently, eg. input fields, checkboxes or table captions; everything in one file is easier to maitenance; smaller number of requests to server; not every hack is "hack". Very often hack is just smart use selectors (not) supported only by specific browser;

Free Code Snippets for CSS3 Animation Online tutorials are useful but not always plentiful when it comes to really detailed animation effects. But if you already know enough about coding then it’s easy to dissect someone else’s example to recreate your own. CSS3 animation is still a new topic hot off the presses with fresh source code examples delivered by your friendly neighborhood code repository. I scoured through Google putting together 30 examples of brilliant CSS3 animation effects. The code snippets are free and open source to copy into any work personal or commercial. Each sample is hosted live on CodePen with access to all resources and a live demo.

Masonry CSS or Getting awesome with CSS3 Gotta tell you folks: this one’s been bugging me for a week now. I’m sure everyone is familiar with David DeSandro‘s awesome jQuery plugin, Masonry. Well, what this is is two things. First, it’s an homage to David himself and the awesome work that he does. 9 content curation tools that better organise the web. Content curation is a huge deal on the web today. As content on the web grows exponentially, our ability to make sense of it is inversely proportional. In other words, we are fast sinking under the sheer amount of content pouring onto the web every day.

CSS Fixed Background Effect A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Browser support ie Chrome Firefox Safari Opera 9+ Sometimes you don’t need crazy javascript code to come up with creative and nice looking effects. Today’s snippet is all about a single CSS property: background-attachment. You can set the background to be fixed within the viewport (background-attachment: fixed;). We’ve used this already in our alternate fixed & scroll backgrounds template.

20 Best Photoshop Plugins For Designers Although there are many great and free alternatives, Photoshop is still the most popular and powerful graphics editor, and the default choice of many designers, illustrators and photographers. If there’s a feature you need, but can’t find in Photoshop, don’t worry – countless scripts and plugins are available to help you extend and improve Photoshop’s functionality. Here is a selection of 20 useful Photoshop plugins for designers. Photoshop Plugins For Mockups and Layouts

Related:  CSSjQueryCssCSS3CSSCSS3css3HTML5