Freebie Friday: More Tutorials
How to Create an Icon Design Workflow in Sketch App 3 – Designmodo
How to Create an Icon Design Workflow in Sketch App 3 – Designmodo Designing an app icon is no easy task. Both Apple and Android employ a Human Interface Guideline that outlines the recommendations and requirements for creating an app icon to accompany your application. Its mandatory to submit app icons in a range of sizes, for various use-cases, that are compatible with both retina and non-retina screens.
CSS Form Tutorial: How to Improve Web Order Form Design
CSS Form Tutorial: How to Improve Web Order Form Design However, it’s a good idea to let the user know in advance how many steps they have to go through in order to complete the entire order process. Combination of the two will give you not only a good user friendly order form, but also a modern look with a slick typographic design. However, its better to combine it into one image so as to reduce HTTP requests for the menu.
4 Tips to Extend Adobe Edge Animate Capabilities
4 Tips to Extend Adobe Edge Animate Capabilities Everybody has heard that this old technology developed by Macromedia (and purchased by Adobe) is no longer alive. One of the revolutionary aspects of Flash was the user-friendly interface, and the possibility of building complex interactive animations without a huge knowledge of programming. With its successor, HTML5, it seemed that we were going back to ancient times, when only programmers could develop such complex sites.
AutoFix_Anything.js: Fix Any Div Container into View Port
AutoFix_Anything.js: Fix Any Div Container into View Port Tutorials Trying to fix a div container dynamically can be a real pain for developers. The CSS only solution doesnt offer enough flexibility for it to be used in real world situations, so the only way to go is to create a Javascript to calculate the position and place them dynamically. I’ve decided to create a super simple to use script that will let you fix any div container to the viewport with only one line of JS call.
FancyScroll.js: Add an iOS/Android Overflow Scroll Effect
FancyScroll.js: Add an iOS/Android Overflow Scroll Effect Tutorials I have always been fascinated by the overflow scrolling effects that appears when youve reached the end of a list on an iPhone and Android. A simple interface interaction like a bounce can magically make your app seems more responsive. Today, I have decided to build a plugin that lets you add such effects to your website called FancyScroll.js.
4 Tips to Extend Adobe Edge Animate Capabilities
4 Tips to Extend Adobe Edge Animate Capabilities Everybody has heard that this old technology developed by Macromedia (and purchased by Adobe) is no longer alive. One of the revolutionary aspects of Flash was the user-friendly interface, and the possibility of building complex interactive animations without a huge knowledge of programming. With its successor, HTML5, it seemed that we were going back to ancient times, when only programmers could develop such complex sites.
QuickValidate: Building a jQuery Validation Plugin
QuickValidate: Building a jQuery Validation Plugin For the most part, forms look ugly, old and inconsistent across browsers, but they play one of the most important roles on the web; user input. User input is everywhere, from contact forms to sign-up forms and from surveys to complex user interfaces. Forms come in many shapes and sizes, colors and styles, but they all have something in common; validation.
OnePageScroll.js: Creating an Apple’s iPhone 5S Website
OnePageScroll.js: Creating an Apple’s iPhone 5S Website I was interested in the new iPhone 5S website in particular because of the way the scroll works. On the iPhone 5S website, you can only scroll one step at a time, allowing the viewer to get only relevant information without accidentally scrolling pass things. Basically, the plugin will detect your mouse wheel and swipe gestures (Thanks to Eike Send’s jQuery Swipe Events) and determine which way the page should scroll.
Create a Google Tips Card Animation for your Website with jQuery Tip Cards
Create a Google Tips Card Animation for your Website with jQuery Tip Cards Tutorials Google has recently launched a new website called Google Tips that consists of tips on how to use all Googles products. As usual, I took a look and was blown away by their card effects and animation. Everything seems to work naturally without overkilling it so I decided to create a plugin that will let you add a similar effect to your website without you having to code yourself.
Turn your Website into a Fully Dynamic, Full Page, Column Based Navigation
Turn your Website into a Fully Dynamic, Full Page, Column Based Navigation Tutorials Dealing with a column based layout can be a nightmare, especially in the age of responsive design and the abandonment of tags used in layouts. This plugin is perfect for when you want a simple navigational page that emphasizes your photography or typography. Without further ado, lets dive into the concept of this plugin and how you can use it.
