Rain & Water Effect Experiments Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios. View demo Download source Today we’d like to share some WebGL experiments with you. The idea is to create a very realistic looking rain effect and put it in different scenarios. In this article, we’ll give an overview of the general tricks and techniques used to make this effect. Please note that the effect is highly experimental and might not work as expected in all browsers.
7 elements of a website redesign process Shopify Plus, the enterprise version of our hosted ecommerce platform, launched in February 2014 and was still in its first iteration when I asked if it was time for a redesign. It’d been just over a year, but we had a better understanding of our customers and who we were. The old brand just didn’t fit anymore. We didn’t follow any particular process, but doing the following 7 things in tandem helped us get where we wanted to be. 1. Interviews Guide to CSS support in email 2 May 2014 Removed support for various selector options (E) in Gmail and added support for direction, vertical-align and list-style-type in Outlook '07/'10/'13. 19 September 2013 Added support for @font-face, @media and HTML 5 media tags in email clients, as well as email-relevant CSS properties.
How to create flexible layouts with Susy and Breakpoint Creating responsive layouts can be challenging because of the maths involved, so it's common for designers to turn to frameworks and/or Sass to simplify the process. A lot of frameworks are based on a 12-column grid, but a responsive site doesn't always fit into this structure. Here, I'll show you how to use two Sass extensions to create truly flexible layout that transcends the 12-column grid. The problem
When to (not) use a Custom Taxonomy Saw a post over on the WordPress Stack Exchange site a while back, and though I sorta went into it in my answer there, I figured it would make a decent topic. Custom taxonomies are great. But they’re not great for everything.
Creating Scroll-based Animations using jQuery and CSS3 Creating movement is great way to provide an interesting and interactive experience for your viewers. With modern sites providing a greater deal of interactivity, it’s becoming increasingly expected that even simple websites will offer some level of animation / movement to engage their visitors. Today I will be outlining a technique that you can adapt to your web projects – triggering animations when scrolling into a pre-defined region. These animations will be created using CSS transforms and CSS transitions.