divinetouch

25 Flips | 1 Magazine | 1 Like | 4 Following | @divinetouch | Keep up with divinetouch on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “divinetouch”

How to Use

#okayNav jQuery Plugin<p>You know how navigations have only a desktop and a mobile state, right? I thought, "this might cost people money because it …

react-intl

README.md<p>React Intl<p>Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including …

FieldKit: A Simple Library for Complex Input Formatting

To create the best user experience, we strive to build a beautiful and simple interface for our products. So when we set out to build a checkout flow …

The Breathing Trick That Puts You to Sleep in Seconds

Sweet slumber can be yours in a minute or less.<p>Nothing is worse than lying awake at night, willing your brain to shut down so you can rest. Warm milk, lavender oil, and counting sheep — we've all tried them. But the new solution could be simply learning to breathe.<p><b>What is it?</b><p>The 4-7-8 breathing …

Housekeeping

animatedModal.js

<b>animatedModal.js</b> is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your …

The Shapes of CSS

40 Free Resources Every Designer Should Know

<i>Jennifer Cirpici is a Dutch graphic designer and blogger. This post originally appeared on OtherFocus.</i><p>Ever wondered where designers get their resources to help them succeed with a project? Here is a list of great resources including sites, PSD. files, actions, UI elements, mock ups, et cetera. Best …

12 design secrets spilled by Jony Ive

Jony Ive made a rare public appearance at the Design Museum in London yesterday, where he discussed a range of topics with museum director Deyan Sudjic. Everything from the future of design, to Jony’s work at Apple popped up in the conversation, but the most intriguing parts where the insights into …

Animate SVG icons with CSS and Snap

Next step is to create more semantic classes in CSS to replace the ones created by Illustrator. The icon is quite minimal, therefore the CSS is gonna …

NOTY - a dependency-free notification library

CSS Shapes Editor for Chrome

31 Aug 2014 - London<p>CSS Shapes allow web designers to wrap content around custom paths, but authoring them is not trivial.<p>None of the traditional …

A Complete Guide to Flexbox

BackgroundThe Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align …

TETHR

The world's most powerful product design platform<p>Get high-fidelity in minutes. Upload your design files and transform your static screens into …

jQuery One Page Scroll by Pete R. | The Pete Design

One Page Scroll v1.3.1<p>Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin<p>Looking for a Pure JS | Zepto …

Now THAT Is How You Peel and Serve a Pineapple!

When it comes to peeling pineapples, I didn't think there were too many methods. This video showed me I was wrong. At first, it seems like this guy's …

Beautifully Abstract Landscapes of Iceland from Above

<i>Iceland from Above</i> is a stunning collection of photographs that captures the beauty of Iceland from an aerial view. Created by photographer Lukas Gawenda, the unique compositions take viewers on a journey throughout the country from high above the waterfalls, rivers, mountaintops, and …

20 Creative Examples of Square Elements in Web Design

There are so many ways to present website content to the public. Let’s take a closer look at websites that feature square and rectangular elements. …

Web Design: Sites Using Parallax

It's been a really long time since the last time I published a web design post, but recently I've been crazy about sites using parallax. It's elegant …

Smart Fixed Navigation

Since we coded this nugget starting from mobile, we set a position: fixed for the unordered list inside the navigation #cd-nav. We want it to be at …

Prototyping with the motion sensor using Framer.js

Create impressive parallax effects in your prototypes using the motion sensor and a few lines of code.<p>Framer is a fantastic prototyping framework …

Device State Detection with CSS Media Queries and JavaScript

By David Walsh on<p>28<p>Being able to detect device state at any given moment is important for any number of reasons and so it's important that web app …

Behave.js

What?<p>Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.<p>Supports …

How to create a parallax scrolling website using Skrollr.js | Tutorial

Today’s <b>parallax website tutorial</b> is a detailed explanation of the Parallax Scrolling Effect using Skrollr.js published a few weeks ago.<p>You will learn …