CSS3 Animation Cheat SheetGo! How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Add the animation stylesheet to the <head> element of your webpage: Replace css with the name of the directory where the animation stylesheet is. Add an animation class to the element you want animated: Replace slideUp with the desired animation class. For entrance animations, you need to make them invisible by adding the visibility: hidden property to the animated element: visibility: hidden; is used to hide elements before the animation is activated. The values for these animations are relative to the element's size. Adding effects Add jQuery to the <head> element of your webpage: Replace slideUp with an animation class.
sgentle/caniuse-cmd Touch Gesture Reference GuideGo! The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures (below). Download Touch Gesture Reference GuideTouch Gesture Cards For wireframes and mock-ups:Visuals only (PDF)Visuals only (EPS)Visuals only (OmniGraffle Stencil)Visuals only (Visio Stencils)How to Guide (Visio) Touch Resources Touch Target Sizes: outlines recommended touch target sizes from Apple, Microsoft, Nokia, and academic research. Touch Gesture Diagrams: listing of touch gesture diagrams that illustrate how users can interact with multitouch interfaces. Platform Support How popular software platforms support core touch gestures.
wwwhere CSS GuidelinesGo! A Short and Sweet List of the Best Freelancer Hacks The amount of hats a freelancer has to wear is enough to open up a hat shop. Nay, a hat franchise. A freelance web developer is also a receptionist and a marketer. A freelance writer is also an office manager and a salesman. These roles are not in the job description, but you'll soon find out that when it comes to freelancing, the job description is a bit vague. Use the following hacks to accomplish some of those pesky duties you didn't see in the fine print. Bringing Up The Budget Like politics, religion and post-2002 Adam Sandler movies, money often makes for a very uncomfortable conversation topic. The project budget should be discussed during your first substantial conversation with the client. First, ask about the client’s business. Then ask about the problems they need solving. Then tell them exactly how you are going to solve their problems and improve their business. Then ballpark the cost. How to Deal With Unresponsive Clients It’s up to you how to frame this sentence. Learn to Say No
Pocket Guide TypographyGo! How to Get a Web Development Job There are plenty of jobs available in the web development field, and the number seems to be growing every day. At the same time, however, getting one of those jobs for yourself may not always be a simple task. In this article, we'll look at a few things you can do to make your search a little bit easier, while improving your chances at being the perfect hireable candidate. Step 1: Preparing Your Resume As a rule, it's a good idea to keep an up-to-date resume at all times. This way, it's much easier to keep track of where you've been and what you've been up to. If you're a new developer and don't have any relevant experience, I'd recommend spending some time doing freelance and side project work. In the US, there's an unwritten rule that your resume should be no longer than one page. Step 2: Finding an Opening While everyone seems to be looking for a web developer to hire, there are a few places in particular that I like to look for job offers. Hired.com CodePen Jobs Smashing Jobs Conclusion
VideoSWSGo!