Today we’d like to show you a fancy little lettering animation made with SVG and anime.js. The idea is inspired by Jake Bartlett’s gorgeous opening animation for the “Shading Letters in Illustrator” Skillshare class by Jamie Bartlett. While we didn’t do any shading, we wanted to animate the stroke of each letter multiple times to achieve a similar effect.
ZingTouch is built to make implementing gestures for the browser as easy or complex as you need it to be. ZingTouch comes with 6 main gestures :
Ultimate Styleswitcher is style switch framework built for designers and developers, or anyone else who have made some awesome template, plugin, etc. and now need some creative way to display all the possibilities of his/her latest project.
There are 3 layouts for your choice: monthly view, weekly view or list view. You can manage timetables in json file or feed from your database via php file with ajax technique.
WebGazer.js is an eye tracking library that uses common webcams to infer the eye-gaze locations of web visitors on a page in real time. The eye tracking model it contains self-calibrates by watching web visitors interact with the web page and trains a mapping between the features of the eye and positions on the screen.
- Real time gaze prediction on most major browsers
- No special hardware – WebGazer.js uses common webcams
- Self-calibration from clicks and cursor movements
- Swappable components for eye detection
- Multiple gaze prediction models
A portfolio template, with a filter that triggers the rotation of 3D sections.
CSS 3D Transforms can be used in plenty of creative ways, particularly if combined with CSS Transitions! Today’s nugget is a good example of how to use CSS to create a parallelepiped, whose faces are different projects. A filter on top of the page triggers the 3D rotations that reveal new projects.
Cleave.js has a simple purpose: to help you format input text content automatically.
- Credit card number formatting
- Phone number formatting (i18n js lib separated for each country to reduce size)
- Date formatting
- Numeral formatting
- Custom delimiter, prefix and blocks pattern
- CommonJS / AMD mode
It calculates the maximum font-size possibile in order to keep the text’s width and height inside the parent.
It’s very useful in responsive situation and where we don’t know in advance the text’s length (text pulled from a CMS?). It is also very handy when we need to display text along an image and we want to avoid overlaps.
In this tutorial we will show you how to add and remove file fields using jQuery and PHP.Now user can add any number of file fields he wants by clicking on a single button and upload multiple files using PHP.