blumenberg + javascript 163
wysihtml5 - A better approach to rich text editing
2 days ago by blumenberg
wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
editor
html5
javascript
open
source
wysiwyg
text
:sk
:st
:mg
:sm
:am
:ce
2 days ago by blumenberg
Create a new Fiddle - jsFiddle
7 days ago by blumenberg
… is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks - it helps with testing compatibility.
html
css
javascript
jquery
testing
tool
online
development
share
snippet
embed
framework
:mg
:sk
:sm
:st
:am
7 days ago by blumenberg
DOM Monster Bookmarklet
february 2012 by blumenberg
… is our answer to JavaScript performance tools that just don't give you the full picture.
… is a cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on, and give you its bill of health.
If there are problems, DOM Monster will point them out—and even make suggestions on how to fix 'em.
bookmarklet
dom
javascript
performance
tool
analyze
:ce
:mg
:am
… is a cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on, and give you its bill of health.
If there are problems, DOM Monster will point them out—and even make suggestions on how to fix 'em.
february 2012 by blumenberg
HTML KickStart
february 2012 by blumenberg
… is an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10's of hours on your next web project.
framework
bootstrap
html5
css
jquery
javascript
design
template
:mg
:ce
:am
:sk
:st
february 2012 by blumenberg
Flickrshow
february 2012 by blumenberg
… a very simple Javascript slideshow for Flickr. It doesn’t require any web-development expertise, any particular Javascript frameworks, (although it works with all of them), or any hosted web space. It works in all modern web browsers, and Internet Explorer 6.
flickr
slideshow
javascript
february 2012 by blumenberg
A better way to use icon fonts
january 2012 by blumenberg
yatil. Eric Eggert about web development & design.
css
web
development
javascript
icon
aria
accessibility
@font-face
:nc
ux
:am
january 2012 by blumenberg
Bootstrap
december 2011 by blumenberg
… a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.
css
design
framework
html
twitter
ui
javascript
less
:am
:ce
:sk
:st
:mg
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.
december 2011 by blumenberg
The Heads-Up Grid
november 2011 by blumenberg
The Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript.
css
development
grid
layout
webdesign
javascript
:sk
:st
:nc
:am
:ce
:mg
responsive
november 2011 by blumenberg
List.js
october 2011 by blumenberg
cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable
html
list
javascript
search
sort
filter
:sk
:st
:mg
october 2011 by blumenberg
Rhinofader: A simple jQuery fade slider
october 2011 by blumenberg
… a compact, simple "slide show" without a lot of knick-knacks. Not a thousand effects, not a thousand settings, only the fade-effect.
Yes! Rhinofader also works fine with HTML content.
javascript
jquery
slider
slideshow
fade
gallery
:mg
:sk
:am
:ce
:st
Yes! Rhinofader also works fine with HTML content.
october 2011 by blumenberg
Touché
october 2011 by blumenberg
… bringing touch events to non-touch browsers (how touching!). No dependencies. No code bloat.
html5
iphone
javascript
library
touch
:am
:nc
:ce
:st
github
:sk
october 2011 by blumenberg
Adaptive Images in HTML
september 2011 by blumenberg
«A drop-in solution that automatically creates, caches, and delivers device-appropriate versions of your website’s images. No mark-up changes needed. Adaptive Images is intended for use with Responsive Designs and to be combined with Fluid Image techniques. […]»
image
php
adaptive
fluid
javascript
css
:sk
:st
:nc
:am
:ce
ux
ui
responsive
september 2011 by blumenberg
CSS3 PIE
september 2011 by blumenberg
… makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
ie
ie6
ie7
ie8
render
decoration
htc
behavior
javascript
browser
css3
:nc
:ce
:am
:sk
:st
september 2011 by blumenberg
Responsive HTML images
august 2011 by blumenberg
… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.
design
image
html
automatic
css
solution
download
mobile
htaccess
php
javascript
jpeg
ui
ux
responsive
august 2011 by blumenberg
PhoneGap
august 2011 by blumenberg
… is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. PhoneGap leverages web technologies developers already know best... HTML and JavaScript.
development
framework
iphone
javascript
mobile
opensource
api
ios
webstandard
:nc
:st
august 2011 by blumenberg
Octopress
august 2011 by blumenberg
… is a framework designed by Brandon Mathis for Jekyll, the blog aware static site generator powering Github Pages. To start blogging with with Jekyll, you have to write your own HTML templates, CSS, Javascripts and set up your configuration. But with Octopress All of that is already taken care of. Simply clone or fork Octopress, install dependencies and the theme, and you’re set.
blog
generator
github
html
css
javascript
octopress
august 2011 by blumenberg
Adobe Edge Preview (Adobe Labs)
august 2011 by blumenberg
«[…] a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.»
ui
ux
application
adobe
css3
javascript
html5
interaction
software
:sk
:st
august 2011 by blumenberg
h5ai — a beautified Apache index
july 2011 by blumenberg
h5ai tries to make browsing directories on Apache servers more pleasant. More pleasant by styling it in a modern way as well as by speeding up browsing through different views, a breadcrumb and a tree overview. Using such approaches brings h5ai closer to the look and feel of local file browsers and hopefully makes browsing files on the server straightforward even for new and unexperienced users.
apache
index
file
browser
creativecommons
javascript
jquery
:sk
:st
ui
ux
july 2011 by blumenberg
Memu Demo
july 2011 by blumenberg
dropdown menu navigation w/ and w/o javascript
css
dropdown
menu
navigation
template
javascript
:sk
:st
july 2011 by blumenberg
FancyMoves
june 2011 by blumenberg
jQuery product slider with keyboard navigation, FancyBox and more.
jquery
slider
gallery
javascript
keyboard
navigation
:sk
:st
june 2011 by blumenberg
Initializr
june 2011 by blumenberg
… an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.
boilerplate
css
html5
javascript
template
generator
:sk
:st
june 2011 by blumenberg
jVectorMap
june 2011 by blumenberg
… a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML. Using jVectorMap is pretty simple as for any other jQuery plugin.
javascript
jquery
map
vector
visualization
svg
vml
:sk
:st
june 2011 by blumenberg
Adapt.js - Adaptive CSS
may 2011 by blumenberg
… a lightweight (845 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.
css
grid
javascript
mobile
adaptive
gpl
MIT.license
may 2011 by blumenberg
Skeleton
may 2011 by blumenberg
… a Beautiful Boilerplate for Responsive, Mobile-Friendly Development […] a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
grid
design
css
boilerplate
javascript
prototype
collection
template
:sk
:st
responsive
may 2011 by blumenberg
Helma
march 2011 by blumenberg
… a server-side Javascript environment and web application framework for fast and efficient scripting and serving of your websites and Internet applications.
framework
javascript
web
webdev
march 2011 by blumenberg
Scriptographer
march 2011 by blumenberg
Scriptographer is a scripting plugin for Adobe Illustrator™. It gives the user the possibility to extend Illustrator’s functionality by the use of the JavaScript language.
But Scriptographer is also a webpage on which users can exchange scripts and ideas.
illustrator
plugin
script
javascript
But Scriptographer is also a webpage on which users can exchange scripts and ideas.
march 2011 by blumenberg
Lettering.js
march 2011 by blumenberg
a jQuery plugin for radical web typography
css3
jquery
plugin
javascript
typography
webdesign
lettering
kerning
code
march 2011 by blumenberg
You Must Learn JavaScript
december 2010 by blumenberg
«If you’re going to learn a language now, you need to learn JavaScript.»
javascript
learn
article
js
html5
december 2010 by blumenberg
JavaScript and Web Standards Sitting in a Tree (slides)
november 2010 by blumenberg
slides from the presentation (JSConf 20100417)
js
javascript
slide
presentation
standard
web
:sk
:st
november 2010 by blumenberg
JavaScript and Web Standards Sitting in a Tree (video)
november 2010 by blumenberg
video from the presentation (JSConf 20100417)
js
javascript
video
presentation
standard
web
:sk
:st
november 2010 by blumenberg
Google Font Directory
november 2010 by blumenberg
The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.
@font-face
api
code
css
css3
design
development
embed
font
free
google
html
html5
javascript
opensource
resource
type
typography
web
webdesign
webdev
webfonts
:sk
:st
november 2010 by blumenberg
SoundManager 2: JavaScript Sound For The Web
october 2010 by blumenberg
By wrapping and extending HTML5 and Flash Audio APIs, SoundManager 2 brings reliable cross-platform audio to JavaScript.
soundmanager
audio
player
embed
canvas
web
bsd
license
js
html5
ajax
api
demo
flash
javascript
mp3
prototype
ui
visualization
webdev
development
october 2010 by blumenberg
jPlayer
october 2010 by blumenberg
… a CSS styleable jQuery audio player plugin: play and control audio files in your webpage, create and style an audio player using just HTML and CSS, add sound effects to your jQuery projects, support more devices using HTML5. All of this with HTML5 <audio> support for compliant browsers that allow mp3 or ogg format, while supporting other browsers using mp3 format with no visible Flash.
audio
player
embed
web
mit
gpl
license
js
html5
ajax
api
demo
flash
javascript
mp3
ui
visualization
webdev
development
october 2010 by blumenberg
360° MP3 player UI demo (SoundManager 2): Javascript + Canvas Visualization
october 2010 by blumenberg
SoundManager 2 / 360° Player Demo: JS + Canvas Visualization
Canvas-based UI with visualization options.
soundmanager
audio
player
embed
canvas
web
bsd
license
js
html5
ajax
api
demo
flash
javascript
mp3
prototype
ui
visualization
webdev
development
Canvas-based UI with visualization options.
october 2010 by blumenberg
Bookmarklets
august 2010 by blumenberg
A Bookmarklet Search Engine
bookmarklet
applet
url
utility
function
search
service
javascript
:sk
:st
august 2010 by blumenberg
addmap.js (demo & usage)
february 2010 by blumenberg
Adding map links and a small map to any text using JavaScript
google
map
location
text
link
javascript
api
february 2010 by blumenberg
addmap.js
february 2010 by blumenberg
Adding map links and a small map to any text using JavaScript
google
map
location
text
link
javascript
api
february 2010 by blumenberg
A jQuery Tool That Generates External Stylesheets From Your HTML Structure
january 2010 by blumenberg
HTML to CSS tool will parse through your HTML structure, pull out IDs, classes and any inline CSS and create a basic stylesheet for you.
jquery
javascript
tool
html
generator
css
:sk
:st
january 2010 by blumenberg
Web Security: Are You Part Of The Problem?
january 2010 by blumenberg
Ineffective Web security leads to all of the things that make us hate the Web: spam, viruses, identity theft, to name a few.
web
security
spam
virus
identity
theft
attack
DoS
xss
sql
rfi
code
injection
phishing
clickjacking
css
html
javascript
php
:sk
:st
:ji
january 2010 by blumenberg
Shadowbox.js
january 2010 by blumenberg
… an online media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable.
!important
lightbox
shadowbox
javascript
image
media
viewer
css
january 2010 by blumenberg
3+ ways to preload images
december 2009 by blumenberg
… using CSS, JavaScript, or Ajax
css
preload
image
javascript
ajax
optimization
improve
:sk
:st
december 2009 by blumenberg
MopBox 2 (jQuery Plugin)
december 2009 by blumenberg
… is draggable show box that can contain div, image, flashmovie, video, etc. If it has more than one children, slider navigation is shown automatically.
jquery
lightbox
javascript
css
:sk
:st
december 2009 by blumenberg
Progressive Enhancement
december 2009 by blumenberg
… a strategy for web design that emphasizes accessibility, semantic markup, and external stylesheet and scripting technologies.
pe
progressive
enhancement
web
design
accessibility
semantic
markup
external
stylesheet
scripting
css
javascript
html
content
seo
wikipedia
flash
svg
:sk
:st
:ji
december 2009 by blumenberg
Javascript Sliders & Scrollers
august 2009 by blumenberg
(… 30 Creative Examples)
scroller
slider
javascript
ajax
:sk
:st
august 2009 by blumenberg
Style Sheet Switcher (v1.1)
may 2009 by blumenberg
… "plug & play" style sheet switcher that lets your visitors switch between a list of alternative style sheets to apply to your site. With a change of style sheet the entire look of your site can be transformed. Persistent cookies are used to store the user's selection and automatically recall that style sheet upon his return.
!important
css
style
switch
script
javascript
webdesign
presentation
try
:sk
may 2009 by blumenberg
Shadowbox JS
march 2009 by blumenberg
Supports all types of media, not just images. Javascript libraries supported are: None, YUI, Prototype, jQuery, Ext, Dojo and MooTools. Ext, and MooTools are included in the plugin, Prototype and jQuery are used from the Javascript libraries included with Wordpress, YUI is loaded from Yahoo APIs, Dojo and Mootools are loaded from Google APIs.
!important
plugin
plugindirectory
automatic
lightbox
javascript
yui
prototype.js
jquery
none
ext.js
dojo
mootools
wordpress
march 2009 by blumenberg
JavaScript Logic
march 2009 by blumenberg
JavaScript Logic is a plugin that allows you to add JavaScript however you want. There's no need to add a script on all of your blog's pages when you only need it on a few.
plugin
plugindirectory
javascript
wordpress
:sk
march 2009 by blumenberg
Logica Web Developer Handbook
february 2009 by blumenberg
Tips and advice on web standards development
web
developer
handbook
css
html
javascript
framework
navigation
markup
:sk
february 2009 by blumenberg
JQuery: Die 23 besten Bildergalerie Plugins
february 2009 by blumenberg
Die 23 besten JQuery-Plugins um Bilder oder Bildergalerien auf einer Webseite darzustellen.
javascript
jquery
image
gallery
webdev
:sk
february 2009 by blumenberg
Ultra versatile slider for websites
january 2009 by blumenberg
an ultra versatile slider with horizontal scrolling and animated effects using MooTools.
slider
html
javascript
mootools
tutorial
january 2009 by blumenberg
Structural Tags in HTML5
january 2009 by blumenberg
The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code.
html5
structure
css
markup
ie6
javascript
quirks
january 2009 by blumenberg
QuickTime and Javascript
november 2008 by blumenberg
QuickTime Interactivity
apple
quicktime
tutorial
javascript
browser
window
interaction
november 2008 by blumenberg
related tags
!essential ⊕ !important ⊕ !note ⊕ 3d ⊕ 9rules ⊕ :am ⊕ :ce ⊕ :ji ⊕ :mg ⊕ :nc ⊕ :sk ⊕ :sm ⊕ :st ⊕ @font-face ⊕ accessibility ⊕ adaptive ⊕ adobe ⊕ agency ⊕ ajax ⊕ album ⊕ analyze ⊕ apache ⊕ api ⊕ apple ⊕ applescript ⊕ applet ⊕ application ⊕ aria ⊕ article ⊕ artikel ⊕ attack ⊕ audio ⊕ automatic ⊕ barrierefreiheit ⊕ behavior ⊕ blog ⊕ boilerplate ⊕ bookmark ⊕ bookmarklet ⊕ bootstrap ⊕ browser ⊕ bsd ⊕ by:bradfrostweb ⊕ by:smashingmagazine ⊕ cache ⊕ calculator ⊕ canvas ⊕ category ⊕ cheatsheet ⊕ checked=works ⊕ clickjacking ⊕ clone ⊕ cms ⊕ code ⊕ collection ⊕ column ⊕ content ⊕ conversion ⊕ convert ⊕ converter ⊕ counter ⊕ coverflow ⊕ creativecommons ⊕ crossplatform ⊕ css ⊕ css3 ⊕ decoration ⊕ delicious ⊕ demo ⊕ design ⊕ detection ⊕ developer ⊕ development ⊕ dhtml ⊕ directory ⊕ dojo ⊕ dom ⊕ DoS ⊕ download ⊕ dropdown ⊕ dtr ⊕ dynamic ⊕ echofon ⊕ eclipse.public.license ⊕ edit ⊕ editor ⊕ effect ⊕ email ⊕ embed ⊕ enhancement ⊕ excel ⊕ exchange ⊕ ext.js ⊕ external ⊕ fade ⊕ fancybox ⊕ fancyzoom ⊕ feature ⊕ feed ⊕ file ⊕ filter ⊕ firefox ⊕ flash ⊕ flickr ⊕ fluid ⊕ font ⊕ footer ⊕ form ⊕ framework ⊕ free ⊕ function ⊕ gallery ⊕ generator ⊕ github ⊕ google ⊕ gpl ⊕ graphic ⊕ grid ⊕ gui ⊕ guide ⊕ hack ⊕ handbook ⊕ hook ⊕ hotlinking ⊕ hoverbox ⊕ howto ⊕ htaccess ⊕ htc ⊕ html ⊕ html5 ⊕ ibox ⊕ icon ⊕ identity ⊕ ie ⊕ ie6 ⊕ ie7 ⊕ ie8 ⊕ iframe ⊕ illustrator ⊕ image ⊕ improve ⊕ index ⊕ injection ⊕ inline ⊕ interaction ⊕ interface ⊕ internet ⊕ ios ⊕ iphone ⊕ javascript ⊖ jpeg ⊕ jquery ⊕ js ⊕ k2 ⊕ kerning ⊕ keyboard ⊕ layout ⊕ learn ⊕ less ⊕ lettering ⊕ library ⊕ license ⊕ lightbox ⊕ link ⊕ list ⊕ location ⊕ mac ⊕ manual ⊕ map ⊕ markup ⊕ math ⊕ matrix ⊕ media ⊕ menu ⊕ mit ⊕ MIT.license ⊕ mobile ⊕ moo.fx ⊕ mootools ⊕ mp3 ⊕ music ⊕ mysql ⊕ navigation ⊕ news ⊕ none ⊕ noscript ⊕ octopress ⊕ office ⊕ online ⊕ open ⊕ opensource ⊕ optimization ⊕ osx ⊕ overlay ⊕ overview ⊕ page-in-page ⊕ pattern ⊕ pe ⊕ performance ⊕ perl ⊕ phishing ⊕ photography ⊕ php ⊕ player ⊕ plugin ⊕ plugindirectory ⊕ png ⊕ popup ⊕ portfolio ⊕ powerpoint ⊕ prefix ⊕ preload ⊕ presentation ⊕ productivity ⊕ programming ⊕ progressive ⊕ project ⊕ protection ⊕ prototype ⊕ prototype.js ⊕ prototype.lite ⊕ quicktime ⊕ quirks ⊕ rails ⊕ reference ⊕ refresh ⊕ render ⊕ resource ⊕ responsive ⊕ rfi ⊕ rss ⊕ ruby ⊕ safari ⊕ script ⊕ scriptaculous ⊕ scripting ⊕ scroller ⊕ search ⊕ security ⊕ semantic ⊕ seo ⊕ service ⊕ shadowbox ⊕ share ⊕ shortcut ⊕ sifr ⊕ siir ⊕ slide ⊕ slider ⊕ slideshow ⊕ slimbox ⊕ snippet ⊕ software ⊕ solution ⊕ sort ⊕ soundmanager ⊕ source ⊕ sourceforge ⊕ spam ⊕ sql ⊕ standard ⊕ statistic ⊕ structure ⊕ style ⊕ stylesheet ⊕ svg ⊕ swf ⊕ switch ⊕ t3n ⊕ tab ⊕ technology ⊕ template ⊕ testing ⊕ text ⊕ theft ⊕ theme ⊕ thickbox ⊕ tip ⊕ tool ⊕ toolkit ⊕ touch ⊕ transparent ⊕ trigger ⊕ try ⊕ tutorial ⊕ twitter ⊕ type ⊕ typekit ⊕ typography ⊕ ui ⊕ upload ⊕ url ⊕ usability ⊕ utility ⊕ ux ⊕ vector ⊕ video ⊕ viewer ⊕ virus ⊕ visualization ⊕ vml ⊕ web ⊕ web2.0 ⊕ webdesign ⊕ webdev ⊕ webfonts ⊕ webstandard ⊕ wikipedia ⊕ window ⊕ windows ⊕ word ⊕ wordpress ⊕ wysiwyg ⊕ xhtml ⊕ xml ⊕ xss ⊕ Yahoo!UIL ⊕ yui ⊕ zoom ⊕Copy this bookmark: