Get hidden elements width and height with jQuery | DreamersLab
24 days ago by marb
A jQuery plugin that gets the actual width of hidden DOM elements
jquery
plugin
js
24 days ago by marb
cicadaJS - <canvas> Stripe Pattern Generator - Matthew Lein
4 weeks ago by marb
cicadaJS is a <canvas> JavaScript used to create stripe patterns. It supports unlimited stripes, gradients, and more!
pattern
generator
js
javascript
4 weeks ago by marb
jQuery Smooth Scrolling Plugin | Page Scroller
6 weeks ago by marb
Smooth Scrolling Made Simple
Add Animated Page Targets To Your Website
jquery
scrolling
navigation
js
plugin
Add Animated Page Targets To Your Website
6 weeks ago by marb
alexyoung/ico @ GitHub
february 2012 by marb
Graphs are created by instantiated classes. The available classes are:
Ico.SparkLine: Creates a small line graph intended for use within text
Ico.SparkBar: Creates a small bar graph intended for use within text
Ico.BarGraph: Creates a bar graph
Ico.HorizontalBarGraph: Creates a horizontal bar graph
Ico.LineGraph: Creates a line graph
charts
graphs
javascript
js
library
Ico.SparkLine: Creates a small line graph intended for use within text
Ico.SparkBar: Creates a small bar graph intended for use within text
Ico.BarGraph: Creates a bar graph
Ico.HorizontalBarGraph: Creates a horizontal bar graph
Ico.LineGraph: Creates a line graph
february 2012 by marb
jsMorph - javaScript motion framework
january 2012 by marb
jsMorph is a morphing - motion - tweening framework that knows what you need to do... get going!
It's a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.
js
framework
animation
javascript
It's a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.
january 2012 by marb
A List Apart: Articles: Expanding Text Areas Made Elegant
november 2011 by marb
Expanding Text Areas Made Elegant
css
javascript
js
textarea
november 2011 by marb
Prefix free: Break free from CSS vendor prefix hell!
november 2011 by marb
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
css
javascript
js
polyfill
css3
november 2011 by marb
Diagnose and Prevent AJAX Performance Issues - dynaTrace software
november 2011 by marb
dynaTrace AJAX Edition 3 makes building lightning fast Web 2.0 applications easy. Speed your page load times, optimize rendering, tune DOM execution, and compare to competition. Even integrate with Selenium, Watir or QTP to begin automating your performance tests. It's free, it's easy and it's now for both Firefox and IE.
js
ajax
performance
benchmark
november 2011 by marb
List.js - Add search, sort and flexibility to plain HTML lists with cross-browser native JavaScript by @javve
october 2011 by marb
Do you want a 7 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Yeah!
Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!
js
jquery
list
Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!
october 2011 by marb
ajax.load() seems unable to load HTML5 tags under IE - jQuery Forum
october 2011 by marb
ajax.load() unter IE und html5
html5
ie
ajax
jquery
js
october 2011 by marb
HTML5 enabling script
october 2011 by marb
Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements.
html5
javascript
js
october 2011 by marb
Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com
october 2011 by marb
Setting up Reveal modals is only three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button.
Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, sexy and just works. Now let's see how easy is can be to get Reveal working!
js
modal
jquery
Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, sexy and just works. Now let's see how easy is can be to get Reveal working!
october 2011 by marb
Simple Modal - Another window modal
october 2011 by marb
SIMPLEMODAL is a small plugin to create modal windows. It can be used to generate alert or confirm messages with few lines of code. Confirm configuration involves the use of callbacks to be applied to affirmative action; it can work in asynchronous mode and retrieve content from external pages or getting the inline content.
SIMPLEMODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.
js
modal
lightbox
mootools
SIMPLEMODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.
october 2011 by marb
Notificon :: Client-side favicon notifications.
october 2011 by marb
Notificon is a BSD licensed javascript class for providing client-side favicon notifications. Instead of requiring a number of favicons be created and served up to the client, you can specify a label and a favicon (default being the current favicon) and it will generate a favicon notification.
favicon
icon
javascript
js
notifications
october 2011 by marb
scottjehl/Respond - GitHub
october 2011 by marb
A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more) — Read more
development
javascript
css
js
polyfill
october 2011 by marb
sessionstorage - HTML5 sessionStorage for "every" browsers - Google Project Hosting
october 2011 by marb
A Web Storage is HTML5 response to cookies limits. While the world is moving forward improving users experience and web potentiality via constantly updated browsers like Chrome, Firefox, or Safari, some Jurassic user or company could be still stuck at the origins with obsolete, deprecated, slow, and loads of bugs, browsers. The aim of this project is to bring at least one of the Web Storage in latter typology of user, or company, in a way that should simply work with a focused eye about security.
browser
javascript
html5
polyfill
js
session
october 2011 by marb
Adaptive Images in HTML
september 2011 by marb
Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.
images
responsive
php
js
webtool
september 2011 by marb
accounting.js - format money / currency in JavaScript
august 2011 by marb
accounting.js is a tiny JavaScript library for number, money and currency formatting, with optional excel-style column rendering (to line up symbols and decimals). It's lightweight, fully localisable and has zero dependencies.
jquery
js
framework
finance
august 2011 by marb
Sprite3D.js, a javascript library for 3D positionning in WebKit
august 2011 by marb
A simple javascript library
to help making things move in 3D space
in webkit browsers using CSS transforms.
js
animation
framework
3d
webkit
to help making things move in 3D space
in webkit browsers using CSS transforms.
august 2011 by marb
yepnope.js | A Conditional Loader For Your Polyfills!
june 2011 by marb
yepnope is an asynchronous conditional resource loader that's super-fast, and allows you to load only the scripts that your users need.
js
loader
javascript
webdev
june 2011 by marb
gury - an html5 canvas utility library
april 2011 by marb
gury (pronounced "jury") is a JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface.
js
javascript
canvas
framework
library
april 2011 by marb
jQuery Form Framework - jFormer
march 2011 by marb
jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that:
Validate client-side
Validate server-side
Process without changing pages (using AJAX)
forms
jquery
javascript
framework
js
Validate client-side
Validate server-side
Process without changing pages (using AJAX)
march 2011 by marb
Catching browser back
march 2011 by marb
Today we searched for a solution to catch the browser back button.
The problem is, that the browser per default has no way to catch the back and forward actions. Also the browser does not allow to modify the browser history.
But there are two things you can do:
call location.replace to load a diffrent url and replace the history of the current page.
add a hash (like its used for anchor links) to the url with location.hash='hash'
Basically the idea was to add a hash when the page is loaded. When the user then clicks the browser back button, the url just changes back to the url without the hash. Then all you need to do is to detect that url change and react like you want (e.g. set a new location.href)
js
howto
snippet
The problem is, that the browser per default has no way to catch the back and forward actions. Also the browser does not allow to modify the browser history.
But there are two things you can do:
call location.replace to load a diffrent url and replace the history of the current page.
add a hash (like its used for anchor links) to the url with location.hash='hash'
Basically the idea was to add a hash when the page is loaded. When the user then clicks the browser back button, the url just changes back to the url without the hash. Then all you need to do is to detect that url change and react like you want (e.g. set a new location.href)
march 2011 by marb
Drupal unset Javascript from header - Stack Overflow
february 2011 by marb
function destroy_preprocess_page(&$variables) {
//destroy some css and scripts we don't want
$styles = destroy_styles($variables['styles']);
$variables['styles'] = empty($styles) ? $variables['styles'] : $styles;
}
drupal
js
snippet
//destroy some css and scripts we don't want
$styles = destroy_styles($variables['styles']);
$variables['styles'] = empty($styles) ? $variables['styles'] : $styles;
}
february 2011 by marb
LimeJS HTML5 Game Framework
february 2011 by marb
LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and
desktop browsers
framework
js
javascript
games
html5
desktop browsers
february 2011 by marb
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
november 2010 by marb
selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
css
js
ie6
javascript
november 2010 by marb
PhoneGap
september 2010 by marb
PhoneGap is an open source development framework for building cross-platform mobile apps. Build apps in HTML and JavaScript and still take advantage of core features in iPhone/iTouch, iPad, Google Android, Palm, Symbian and Blackberry SDKs.
iphone
framework
mobile
javascript
android
js
september 2010 by marb
#eCSStender.org { content: "Homepage"; }
june 2010 by marb
Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
javascript
framework
css
ausprobieren
js
june 2010 by marb
Facebox 1.2
april 2010 by marb
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
jquery
lightbox
javascript
js
It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
april 2010 by marb
Keith Clark - IE CSS3 pseudo-class selectors
february 2010 by marb
ie-css3.js allows Internet Explorer to identify CSS3 pseudo-class selectors and render any style rules defined with them. Simply include the script in your pages, start using these selectors in your style sheets and they'll work in IE!
css3
ie
javascript
css
js
february 2010 by marb
Table hover
january 2010 by marb
Based on the Column Hover plugin adding support for row highlighting and fixing the current highlight when clicking inside a cell.
jquery
table
js
javascript
january 2010 by marb
Plugins | jQuery Plugins
january 2010 by marb
Fixed Table Header plugin is fixing header row of table without div overflow. It is fix header row of table when scroll down the page. You can use fixedtableheader plugin with ASP.NET DataGrid or GridView.
jquery
js
table
javascript
january 2010 by marb
Plugins | jQuery Plugins
january 2010 by marb
This is yet another jQuery plugin to provide fixed headers for tables. It differs in the way that it does not require any odd html table semantics. It just needs a TABLE tag with THEAD and TBODY to work its magic.
jquery
js
table
javascript
january 2010 by marb
don’t look » tableHover
january 2010 by marb
A jQuery plugin to highlight table rows and columns when hovering over them.
It features different styles for row and column highlighting and fixing the highlight when a user clicks inside a cell.
jquery
table
js
javascript
It features different styles for row and column highlighting and fixing the highlight when a user clicks inside a cell.
january 2010 by marb
iToggle: making checkboxes look like iPhone GUI with jQuery
january 2010 by marb
A completely unashamed rip of those lovely sliding on/off buttons on the iPhone, making checkboxes (and radio buttons) look good!
js
ausprobieren
ui
jquery
forms
iphone
javascript
january 2010 by marb
#grid
december 2009 by marb
This is a little tool we created for our Analog holding page. It inserts a layout grid in web pages, allows you to fix it in place, and toggle between displaying it in the foreground or background. To see it in action, hit ALT + G.
grid
css
tools
js
javascript
december 2009 by marb
Readability - An Arc90 Lab Experiment
november 2009 by marb
Readability is a simple tool that makes reading on the Web more enjoyable by removing the clutter around what you're reading.
js
bookmarklet
javascript
november 2009 by marb
JavaScriptMVC
october 2009 by marb
JavaScriptMVC is an open-source framework containing the best ideas in enterprise JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.
js
framework
mvc
ajax
javascript
october 2009 by marb
Unify: update now | The simple, in-browser website content editor that anyone can use.
september 2009 by marb
WYSIWYG-Editor with content management by setting css classes
commercial
wysiwyg
js
editor
cms
javascript
september 2009 by marb
Raphaël—JavaScript Library
september 2009 by marb
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.
js
framework
vector
webdev
visualization
javascript
september 2009 by marb
Code Snippets
september 2009 by marb
CSS, HTML, JavaScript, jQuery and PHP snippetcollection
css
übersicht
overview
js
jquery
php
snippets
javascript
september 2009 by marb
IxEdit
september 2009 by marb
xEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.
bookmarklet
js
jquery
animation
webdev
javascript
september 2009 by marb
jQTouch — jQuery plugin for mobile web development
august 2009 by marb
jQuery interface for iPhone safari
jquery
iphone
js
framework
ui
mobile
interface
webdev
javascript
august 2009 by marb
jQuery TOOLS - The missing UI library for the Web
august 2009 by marb
jQuery library
Tabs
Tooltip
Scrollable
Overlay
Expose
jquery
js
javascript
webdev
tabs
tooltip
scrollable
overlay
expose
Tabs
Tooltip
Scrollable
Overlay
Expose
august 2009 by marb
Let me google that for you
august 2009 by marb
Lass mich das gerade kurz für dich googlen ... interactive design darmstadt
fun
google
js
tools
javascript
august 2009 by marb
satine.org » Snow Stack is Here
july 2009 by marb
A new 3D CSS Visual Effects demo using pure HTML, WebKit’s 3D CSS Effects extensions and JavaScript.
css3
webkit
demo
js
css
javascript
july 2009 by marb
phatfusion : slideshow
july 2009 by marb
Mootools Slideshow with sliding nav elements
mootools
js
slideshow
slider
javascript
july 2009 by marb
Better Password Inputs, iPhone Style | CSS-Tricks
july 2009 by marb
Passwort Input like on iPhone for webforms
iphone
webdev
js
css
javascript
july 2009 by marb
jQuery Impromptu
july 2009 by marb
jQuery Impromptu is an extention to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls. This is not intended to be a modal replacement, just a quick tool to prompt user input in a fashionable way.
jquery
js
ui
javascript
july 2009 by marb
Modernizr
july 2009 by marb
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.
css
webdev
js
css3
html5
javascript
july 2009 by marb
related tags
3d ⊕ ajax ⊕ alpha ⊕ alternierende_zeilen ⊕ android ⊕ animation ⊕ antispam ⊕ as3 ⊕ ausprobieren ⊕ background ⊕ barrierefreiheit ⊕ benchmark ⊕ bildevergrößerung ⊕ bookmarklet ⊕ browser ⊕ bug ⊕ button ⊕ camino ⊕ canvas ⊕ cart ⊕ charts ⊕ cheatsheet ⊕ checkbox ⊕ cms ⊕ code ⊕ codehighlight ⊕ columns ⊕ commercial ⊕ compare ⊕ compression ⊕ crop ⊕ crossfade ⊕ css ⊕ css3 ⊕ currency ⊕ data ⊕ debugger ⊕ demo ⊕ DesignPatterns ⊕ development ⊕ digitalart ⊕ documentation ⊕ dom ⊕ dropdown ⊕ dropwdown ⊕ drupal ⊕ drupal7 ⊕ editor ⊕ email ⊕ embed ⊕ expose ⊕ extension ⊕ fade ⊕ favicon ⊕ feed ⊕ fenster ⊕ finance ⊕ firebug ⊕ firefox ⊕ flash ⊕ fluid ⊕ fontembedding ⊕ fonts ⊕ format ⊕ forms ⊕ formular ⊕ framework ⊕ fullscreen ⊕ fun ⊕ galerie ⊕ gallery ⊕ games ⊕ generator ⊕ google ⊕ graphs ⊕ greybox ⊕ grid ⊕ grida ⊕ growl ⊕ gui ⊕ heatmap ⊕ highlight ⊕ hover ⊕ howto ⊕ html ⊕ html5 ⊕ icon ⊕ idb ⊕ ie ⊕ ie6 ⊕ ie7 ⊕ illustrator ⊕ image ⊕ imagereplacement ⊕ images ⊕ imageslider ⊕ interface ⊕ iphone ⊕ javascript ⊕ jquery ⊕ js ⊖ layout ⊕ lazyload ⊕ library ⊕ lightbox ⊕ liquid ⊕ list ⊕ live ⊕ livesearch ⊕ loader ⊕ menues ⊕ mobile ⊕ modal ⊕ module ⊕ mootools ⊕ multicolumns ⊕ mvc ⊕ navigation ⊕ newsslider ⊕ notifications ⊕ number ⊕ offline ⊕ optimization ⊕ overlay ⊕ overlib ⊕ overlib-alternative ⊕ overview ⊕ pager ⊕ patch ⊕ pattern ⊕ performance ⊕ php ⊕ picture ⊕ plugin ⊕ png ⊕ png-bug ⊕ pngfix ⊕ polyfill ⊕ popup ⊕ processing ⊕ prototype ⊕ radiobutton ⊕ reflection ⊕ resize ⊕ responsive ⊕ rounded_corner ⊕ safari ⊕ scrollable ⊕ scrollbar ⊕ scroller ⊕ scrolling ⊕ search ⊕ session ⊕ shadow ⊕ sider ⊕ sifr ⊕ silbentrennung ⊕ slider ⊕ slideshow ⊕ slimbox ⊕ snippet ⊕ snippets ⊕ software ⊕ spirograph ⊕ suckerfish ⊕ tabellen ⊕ table ⊕ tables ⊕ tablesort ⊕ tabs ⊕ textarea ⊕ title ⊕ toolbar ⊕ toolbox ⊕ tools ⊕ tooltip ⊕ tooltips ⊕ tutorial ⊕ ufo ⊕ ui ⊕ usability ⊕ useit ⊕ ux ⊕ vector ⊕ verschlüsselung ⊕ video ⊕ views ⊕ visualization ⊕ webdesign ⊕ webdev ⊕ webkit ⊕ webservice ⊕ webtool ⊕ webtools ⊕ window ⊕ wordpress ⊕ wysiwyg ⊕ yahoo ⊕ zoom ⊕ übersicht ⊕Copy this bookmark: