Pawan Jantaapakul

42 Added | 2 Magazines | 393 Likes | 2 Following | 12 Followers | @20november | Keep up with Pawan Jantaapakul 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 “Pawan Jantaapakul”

Resize Images on the Fly with Amazon S3, AWS Lambda, and Amazon API Gateway | Amazon Web Services

<b>John Pignata, Solutions Architect</b><p>With the explosion of device types used to access the Internet with different capabilities, screen sizes, and …

Responsive Design: Getting Advanced Filtering Right

A practical example<p>Designing user interfaces for filtering content lists can be very challenging, especially when dealing with a lot of different …

Picturefill

If the intrinsic dimension plugin is installed: The 2x source will be automatically scaled down by 2 — so that the image will occupy the same space …

Web Development

Magic Animations CSS3

Design

jQuery Ajax File Uploader Widget

A jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.<p>Very <i>configurable</i> and easy to …

Shepherd

Pie and awesome menus

Last year I’ve been experiment with coding a ‘pie menu’. Pie menus have some UX advantages and disadvantages, but mainly it’s cool. If you’d like to …

29 Free Internet Tools To Improve Your Marketing

<i>This post originally appeared on the Buffer blog.</i><p>Aren’t shortcuts just the best?<p>While everyone else takes the long way, you and your shortcut get to breeze right through, skipping a few steps and feeling pretty smart doing it.<p>Finding a good marketing shortcut feels especially great, considering all …

Test for Support of SVG as img | CSS-Tricks

By Chris Coyier On February 10, 2014 SVG<p>Browser support for SVG isn't quite as simple as yes or no. In addition to some quirks on how that support …

B tested patterns for higher conversion rates and growth

Try Being Direct instead of indecisive.<p>You can send your message with uncertainty trembling in your voice, or you can say it with confidence. If …

UX Design

Latency is inevitable with today’s internet architecture so InstantClick cheats by preloading links you are likely to click on.<p>Before visitors click …

Web Development

Fullscreen Overlay Styles & Effects | Demo 7

Behance

Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis

As for the image <i>lightboxes</i>, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from …

Rappid: Powerful visual tools at your fingertips

Rappid is a diagramming framework for advanced applications, delivering the best of HTML 5 + SVG and providing you with the right tools to build …

Chamber of Commerce

Great jQuery SVG fallback plugin

Where the magic happens...<p>SVGmagic checks if your visitor's browser understands SVG images. If it doesn't it will start replacing and converting all …

Offline Persistence and Application Caching in Web Development

Offline persistence (using the <b>application cache</b>) is this idea of content being available offline for users. This links together with something that …

Creditly.js

An intuitive credit card form. Check out the live demo to see Creditly.js in action.<p>Creditly.js gives you everything you need in order to create a …

JavaScript

Designing Mobile First

Build a responsive design that works across devices<p>Almost 25% of the Web’s traffic now comes from mobile. If you didn’t build a responsive site, …

1. Getting Started

3.3KB minified and Gzipped<p>No dependencies<p>From the of @jlmakes<p>1.1. Installation<p>The simplest method is to copy paste this snippet just before your …

Checks If the Current Page Is Visible or Not

January 21, 2014 2521 Others<p><b>ifvisible.js</b> is a crosbrowser & lightweight way to check if user is looking at the page or interacting with it.<p>Related …

JavaScript

When to propose a relationship… to your anonymous visitor

<i>Tl;dr: This article is a to-do guide on choosing a appropriate delay in showing sign-up overlays to maximize conversion</i><p>Cucumbertown is centered on …

Fit things into other things

Here are the default values and what each parameter means…<p>You can change the options globally if you like too, by modifying the defaults object

Progress Button Styles

Graphics

Responsive, Lightbox Alternative for Scrolling/Swiping Any Content

<b>jQuery.TosRUs</b> plugin is a great <b>lightbox</b> alternative for <b>scrolling/swiping</b> through any kind of content. On a desktop, tablet or smartphone, inside a …

Web Design