pub-6887543428250003

WPMagic90

WebResourcesDepot

• 1. Best Tutorials on SVG & CSS3 Animation

Top Five Tutorials

  1. Christmas Lights
  2. SVG Files in Illustrator
  3. Manipulations with CSSS
  4. SVG Social Icons
  5. Animated SVG Icons

and 5 more….


Smashing Magazine

• 2. Design Principles: Compositional Flow And Rhythm

"When someone lands on a page of your site what do you want that person to do? Where do you want them to look? What information do you want your visitors to notice and in what order?

Ideally, you want people to see your most important information first and your next most important information second. You want potential customers to see the copy that will convince them to buy before they see the “Buy Now” button. You want people to be presented with the right information at the right time, and one way to do that is to control the flow of your composition.

Compositional flow determines how the eye is led through a design: where it looks first, where it looks next, where the eye pauses, and how long it stays.

This is the sixth instalment of the series on Design Principles.


Noupe

• 3. Essential: Test Internet Explorer on Android, iOS, Mac OS X | NOUPE

"Earlier this year, the Microsoft team launched a new tool to make it easier to test sites in IE regardless of which platform you’re on; seriously! It’s part of their work on Microsoft Edge and its new rendering engine and new user-agent string, which is a fork of Trident that’s far more interoperable with the mobile Web.

How to Test Internet Explorer

In this tutorial, I want to demonstrate what this looks like in Chrome on my MacBook and how to set it up.

tl;dr? Here are some Vines to show you it in action:

Mac OSX
Android
iPad iOS
Win7

The tool is called RemoteIE and is designed to offer a virtualized version of the latest version of IE. This allows you to test out the latest version of IE without have to have a virtual machine installed. And if you want to test for past versions of IE, you can always use the free virtual machines on modern.IE by starting here.

OK, I’m getting old – I had to look up tl;dr – too long didn’t read. Looks like you can see what kind of a mess IE will make on mobile by setting all this up. If you have to, as eyeore would say. I’m guessing the next version of IE will be called ‘Over the Edge’. How come they’re not supporting XP – that one worked?


Tutorialzine

• 4. Experiment: Material Design Stopwatch, Alarm and Timer | Tutorialzine

“We have something special for all of our readers today. We made a small JavaScript application that conforms to Google’s Material Design Guidelines. It consists of three parts – an alarm clock, a stopwatch and a timer. The application is responsive and has a bunch of subtle animations that react to user input.”

This looks like fun.


Noupe

• 5. World of Design No. 3: South Korea | NOUPE

“We have something special for all of our readers today. We made a small JavaScript application that conforms to Google’s Material Design Guidelines. It consists of three parts – an alarm clock, a stopwatch and a timer. The application is responsive and has a bunch of subtle animations that react to user input.”

Bit of a screenshot tour.