filamentgroup/jQuery-Custom-File-Input

This repository has been archived on 31/Aug/2022
Stars
132
Rank 274,205 (Top 6 %)
Language
JavaScript
License
MIT License
Created almost 14 years ago
Updated about 2 years ago

filamentgroup/jQuery-Custom-File-Input

filamentgroup

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

CSS-Friendly File Input

⚠️ This project is archived and the repository is no longer maintained.

Code Examples from the book Designing with Progressive Enhancement

This repository includes open-sourced code developed and maintained by Filament Group, Inc. as part of the book "Designing With Progressive Enhancement" (Peachpit).

All examples use the jQuery JavaScript library.

These code examples use the EnhanceJS framework for applying progressive enhancement based on browser capabilities testing.

loadCSS

Load CSS asynchronously

tablesaw

A group of plugins for responsive tables.

grunticon

A mystical CSS icon solution.

criticalCSS

Finds the Above the Fold CSS for your page, and outputs it into a file

fixed-sticky

DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.

Responsive-Images

NOTE: use Picturefill instead. An Experiment with Mobile-First Images that Scale Responsively & Responsibly

SocialCount

Unmaintained (see the README): Simple barebones project to show share counts from various social networks.

select-css

Cross-browser styles for consistent select element styling

glyphhanger

Your web font utility belt. It can subset web fonts. It can find unicode-ranges for you automatically. It makes julienne fries.

Southstreet

Filament Group's core tools & workflow for delivering rich cross-device web applications

Overthrow

A tiny, no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design.

responsive-carousel

A jQuery-based script for responsive carousels that work with mouse, touch, and keyboard

loadJS

A simple function for asynchronously loading JavaScript files

Ajax-Include-Pattern

An Ajax-Include Pattern for Modular Content

tappy

Retired (see README): Tappy! - a lightweight normalized tap event.

politespace

Politely add spaces to numeric form values to increase readability (credit card numbers, phone numbers, etc).

grunt-criticalcss

Grunt wrapper for criticalcss

enhance

A JavaScript workflow designed to progressively enhance sites in a qualified manner.

shoestring

A lightweight, simple DOM utility made to run on a tight budget.

imaging-heap

A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios.

snapper

A CSS Snap-Points based carousel (and lightweight polyfill)

jQuery-Visualize

HTML5 canvas charts driven by HTML table elements

a-font-garde

A variety of test cases and tools for safe font-icon usage.

jQuery-UI-Date-Range-Picker

A range picker built on top of jQuery UI's Datepicker Control

X-rayHTML

A little something to help build documentation pages.

AppendAround

A pattern for responsive markup

jqm-pagination

jQuery Mobile Pagination for touch, mouse, and keyboard

jQuery-Equal-Heights

This repository is unmaintained. Please see the included readme for more information.

formcore

A set of forms.

font-loading

Research on fonts

quickconcat

a simple dynamic concatenator for html, css, and js files, written in php

fixed-fixed

CSS position:fixed qualifier.

RWD-Nav-Patterns

Experimental navigation structure and behavior patterns based on progressive enhancement and responsive web design.

svg-to-png

Turn a folder full of SVGs into PNGs!

layersnap

Build SVG transitions simply and declaratively

woff2-feature-test

A simple feature test for the WOFF2 font format

RWD-Table-Patterns

This repository has been retired. Please see the readme below for more information.

scoped-media-query

An element query workaround. A Sass mixin for scoping CSS styles to apply only within given selector/media query pairs.

EnhanceJS

Are you looking for the new "Enhance"? Try here https://github.com/filamentgroup/enhance

html-video-responsive

Explainer repo for a proposal to improve the responsive capabilities of the HTML video element

faux-pas

A script to highlight elements that are mismatched incorrectly to @font-face blocks, which may result in shoddy faux bold or faux italic rendering.

jQuery-File-Download

One issue we have not yet seen addressed is the Ajax’s inability to receive a response in any form but text. Since it is now common for web applications to offer options for exporting your data in desktop app formats — such as .doc or .xls — we wrote a jQuery plugin to facilitate requests from the front end that result in a file for download. The plugin does not actually use Ajax, but its syntax follows the conventions of jQuery's native Ajax functions, making it a natural addition to our jQuery toolset.

enlarge

cookie

Get, set, forget cookies!

elementary

A CSS workflow for mimicking element queries

porthole

Activate stuff when it's in the viewport

jQuery-Menu

Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

collapsible

Toggle your collapsible content

dialog

Just a simple, minimal jQuery dialog with typical interactivity

jQuery-Preload-CSS-Images

A solution that automates the age-old task of preloading images in web applications.

fg-modal

A modal web component

grumpicon

Grunticon Web App.

gulpicon

A gulp task wrapper for grunticon-lib.

jQuery-Custom-Input

Accessible, custom designed checkbox and radio button inputs styled with CSS (and a dash of jQuery)

checkboxradio

jQuery Plugin for progressively enhanced radio buttons and checkboxes

select

Minimally custom-styled select element

Revolver

A 360° panoramic photo viewer

resizeasaurus

A little utility to add resizing behavior to test intrinsically sized responsive components.

jQuery-Pixel-Em-Converter

jQuery Plugin for Retaining Scalable Interfaces with Pixel-to-Em Conversion

jQuery-Mobile-FixedToolbar-Legacy-Polyfill

Brings jQM Fixed Toolbar support to browsers that don't natively support position:fixed (like iOS4)

grunticon-lib

Stand-alone library for Grunticon

cq

A minimal container query web component

Overthrow-Sidescroller

The Sidescroller extension for Overthrow

jQuery-Mobile-Themed-DatePicker

This is jQuery UI's datepicker plugin with jQuery Mobile's theming and script handling applied.

auto-complete

A very small auto-complete component.

jQuery-Tree-Control

An accessible HTML tree component

jQuery-Slider

Accessible, custom slider widget based on a standard HTML select

directory-encoder

Takes a directory of images, turns it into some CSS.

anims

Just some CSS utilities for build and loop animations.

Accessible-jQuery-Tabs

A simple jQuery plugin for accessible tabs widget

face-off

This repository has been retired. Please see the readme below for more information.

Heart.js

A lightweight “ticker” plugin.

tau

Tau is a small and simple 360° gallery

Menu

jQuery Plugin for progressively enhanced menus

jQuery-Collapsible-Content

An accessible collapsible content panel plugin

directory-colorfy

Turn a folder of SVGs into a different color, quickly!

script-media-query

An @media (script) polyfill experiment

fg-carousel

An accessible carousel web component

Details

iconoclash

A workflow for configurable external svg sets.

iframe-caching

marquee

creditable

Utilities for working with credit card form input.

postcss-media-query-optimizer

A postcss plugin that will optimize your media queries.

servers-workers

Service Worker examples to be used at the CDN level.

component

just our typical auto enhance-able component skeleton

jqm-mail

An experimental responsive web app layout using jQuery Mobile controls

fg-collapse

An accessible collapsible web component

getmeta

get a meta tag's value by its name

3D-feature-test

Using progressive enhancement to apply 3D flip animation only to capable browsers

node-faux-pas

A command line utility to test a URL for faux web font rendering and mismatched web font code.

wc-experiments

web components and such

pym

A lightweight zoom library

validator

Form validation goodies

toss

A JavaScript function that scrolls any overflow container to a set of coordinates using an animated duration.

Trunca-

demo-head

Header for demo pages

compare-embed

flex-luthor

A small wrapper library to help with responsive intrinsic-sized Flexbox layouts that wrap based on content and container width and avoiding viewport-based media queries.