blumenberg + development 255
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
Docpool – For web developers to share documentation
8 weeks ago by blumenberg
This is an effort to share and improve commonly used documentation in the web design & development community such as contract templates, user questionnaires, invoice layouts and more. Got any docs you think would be useful to share with other designers, send them to docs@docpool.co
document
documentation
web
design
development
community
template
invoice
layout
share
8 weeks ago 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
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
Codify
october 2011 by blumenberg
… lets you create games and simulations — or just about any visual idea you have. Turn your thoughts into interactive creations that make use of iPad features like Multi-Touch and the accelerometer.
We think Codify is the most beautiful code editor you'll use, and it's easy. Codify is designed to let you touch your code. Want to change a number? Just tap and drag it. How about a color, or an image? Tapping will bring up visual editors that let you choose exactly what you want.
Codify is built on the Lua programming language. A simple, elegant language that doesn't rely too much on symbols — a perfect match for iPad.
app
development
ipad
programming
ios
:ce
:nc
:sk
:mg
We think Codify is the most beautiful code editor you'll use, and it's easy. Codify is designed to let you touch your code. Want to change a number? Just tap and drag it. How about a color, or an image? Tapping will bring up visual editors that let you choose exactly what you want.
Codify is built on the Lua programming language. A simple, elegant language that doesn't rely too much on symbols — a perfect match for iPad.
october 2011 by blumenberg
Screenfly
october 2011 by blumenberg
Test Your Website at Different Screen Resolutions
development
test
usability
ux
webdesign
tool
screen
resolution
device
:sk
:st
:nc
:ce
:am
:mg
october 2011 by blumenberg
XRAY :: for web developers
october 2011 by blumenberg
… a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.
css
development
webdesign
bookmarklet
browser
ie6
webkit
gecko
:nc
:ce
:am
:st
:sk
october 2011 by blumenberg
10 amazing Android development tips
october 2011 by blumenberg
Android promises many exciting opportunities. Kevin McDonagh, director of Android development consultancy Novoda, rounds up 10 essential tips that will help you make the most of your development time
android
development
java
:ce
:nc
october 2011 by blumenberg
HTML5 Doctor, helping you implement HTML5 today
august 2011 by blumenberg
We will publish articles relating to HTML5, its semantics, and how to use it right now. We also invite questions via Ask the Doctor. We’ll post answers in future articles so that everyone can benefit.
html5
webdesign
development
:sk
:st
:nc
howto
reference
help
html5doctor
august 2011 by blumenberg
@font-face Solutions & Suggestions
august 2011 by blumenberg
«So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. […]»
@font-face
css
css3
font
typography
design
development
:nc
:sk
:st
review
article
howto
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
WP-Snippets
july 2011 by blumenberg
WordPress Hacks, Snippets and Tips. Here you'll find loads of small snippets, ready to enhance that WordPress Theme you're working on!
wordpress
snippet
resource
hack
code
development
:st
:sk
july 2011 by blumenberg
Bones
june 2011 by blumenberg
A Wordpress Development Theme … created after years of editing and reusing the same template to develop custom sites. It came from trial and error and tons of experience customizing templates. I trimmed the fat on stuff that you don't really need as well as adding things you almost always have to use plugins for. HTML5 & well written & documented CSS, yea it's in there. Oh and did I mention it was also crafted using techniques found in the HTML5 Boilerplate, so you know, there's that.
wordpress
theme
framework
html5
css3
boilerplate
php
:sk
:st
development
june 2011 by blumenberg
Holmes
june 2011 by blumenberg
The CSS Markup Detective
css
development
markup
test
diagnostic
error
invalid
:sk
:st
june 2011 by blumenberg
A Web Site Designed
may 2011 by blumenberg
… an infographic of the average web site’s creation.
development
infographic
process
overview
website
creation
:sk
:st
may 2011 by blumenberg
Ceaser - CSS Easing Animation Tool
march 2011 by blumenberg
Now that we can use CSS transitions in all the modern browsers, let’s make them pretty.
css3
development
tools
transitions
animation
webdev
march 2011 by blumenberg
WSC6
january 2011 by blumenberg
White and silver WP Theme
themedirectory
theme
clean
simple
web
design
wordpress
development
january 2011 by blumenberg
WP Quick Deploy
january 2011 by blumenberg
… allows you to pick your favorite plugins and install them at once without hassle.
plugindirectory
plugin
deploy
installation
admin
web
wordpress
development
january 2011 by blumenberg
HTML5: Right Here, Right Now
november 2010 by blumenberg
Tantek Çelik, YUI Theater (56 min.)
presentation
yui
html5
video
slide
resource
web
:sk
:st
development
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
The HTML5 test
october 2010 by blumenberg
How well does your browser support HTML5?
html5
browser
engine
render
web
development
chart
compatibility
reference
comparison
css3
test
:sk
:st
october 2010 by blumenberg
HTML5 compatibility
october 2010 by blumenberg
These compatibility tables detail support for the new HTML5 functionalities in all modern browsers.
html5
browser
web
development
chart
compatibility
reference
comparison
css3
:sk
:st
october 2010 by blumenberg
Was ist HTML5 und was nicht?
october 2010 by blumenberg
… Und was hätte der Kaiser dazu gesagt?
html5
browser
web
development
specification
article
:sk
:st
october 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
Placehold.it
august 2010 by blumenberg
A quick and simple image placeholder service.
dummy
image
placeholder
generator
web
!essential
[!]
:sk
development
august 2010 by blumenberg
Pendule
march 2010 by blumenberg
Extended web developer tools for Chrome.
google
chrome
extension
plugin
web
:sk
:st
development
march 2010 by blumenberg
Adobe XMP Developer Center
february 2010 by blumenberg
… is a labeling technology that allows you to embed data about a file, known as metadata, into the file itself.
xmp
metadata
standard
center
development
february 2010 by blumenberg
Welcome, new Cocoa or Cocoa Touch programmer.
february 2010 by blumenberg
Cocoa vs. Cocoa Touch
ipad
iphone
cocoa
cocoa-touch
framework
development
objective-c
february 2010 by blumenberg
How To Modify WordPress Themes The Smart Way
january 2010 by blumenberg
These easy to follow tutorials will teach you how to modify WordPress Themes the smart way—by unlocking the power of WordPress Child Themes.
theme
child-theme
css
resource
wordpress
development
january 2010 by blumenberg
K2 translation
january 2010 by blumenberg
kaytwo-i18n -- Internationalization for K2
theme
k2
development
code
google
language
translation
wordpress
january 2010 by blumenberg
Browser Size
december 2009 by blumenberg
… a visualization of browser window sizes for people who visit Google. For example, the "90%" contour means that 90% of people visiting Google have their browser window open to at least this size or larger.
web
browser
size
ux
interface
window
visible
development
december 2009 by blumenberg
related tags
!direct ⊕ !essential ⊕ !important ⊕ !note ⊕ 9rules ⊕ 16x16 ⊕ :am ⊕ :ce ⊕ :ji ⊕ :mg ⊕ :nc ⊕ :sk ⊕ :sm ⊕ :st ⊕ @font-face ⊕ accessibility ⊕ admin ⊕ adobe ⊕ agency ⊕ air ⊕ ajax ⊕ album ⊕ anchor ⊕ android ⊕ animation ⊕ api ⊕ app ⊕ apple ⊕ application ⊕ apps ⊕ architecture ⊕ aria ⊕ art ⊕ article ⊕ artikel ⊕ attachement ⊕ attribute ⊕ audio ⊕ barrierefreiheit ⊕ beos ⊕ block ⊕ blog ⊕ boilerplate ⊕ book ⊕ bookmark ⊕ bookmarklet ⊕ browser ⊕ bsd ⊕ bug ⊕ build ⊕ bundle ⊕ business ⊕ by:smashingmagazine ⊕ camera ⊕ canon ⊕ canvas ⊕ category ⊕ ccs3 ⊕ center ⊕ chart ⊕ chdk ⊕ cheat ⊕ cheatsheet ⊕ check ⊕ child-theme ⊕ chrome ⊕ chromium ⊕ clean ⊕ cms ⊕ cocoa ⊕ cocoa-touch ⊕ code ⊕ codex ⊕ collection ⊕ color ⊕ column ⊕ community ⊕ compare ⊕ comparison ⊕ compatibility ⊕ computer ⊕ concept ⊕ convert ⊕ creation ⊕ css ⊕ css3 ⊕ culture ⊕ custom ⊕ degrade ⊕ demo ⊕ deploy ⊕ design ⊕ development ⊖ device ⊕ diagnostic ⊕ diff ⊕ directadmin ⊕ discussion ⊕ doctype ⊕ document ⊕ documentation ⊕ download ⊕ drawing ⊕ dreamweaver ⊕ dropdown ⊕ dummy ⊕ editor ⊕ education ⊕ effect ⊕ element ⊕ embed ⊕ engine ⊕ error ⊕ example ⊕ examples ⊕ extension ⊕ feature ⊕ firebug ⊕ firefox ⊕ firmware ⊕ fitts ⊕ flash ⊕ font ⊕ font-stack ⊕ form ⊕ format ⊕ forum ⊕ framework ⊕ free ⊕ freeware ⊕ ftp ⊕ functionality ⊕ gallery ⊕ gecko ⊕ geek ⊕ generator ⊕ german ⊕ github ⊕ gnome ⊕ google ⊕ gpl ⊕ graphic ⊕ green ⊕ grid ⊕ gui ⊕ hack ⊕ hardware ⊕ help ⊕ helper ⊕ hosting ⊕ howto ⊕ html ⊕ html5 ⊕ html5doctor ⊕ icon ⊕ IE ⊕ ie6 ⊕ illustration ⊕ illustrator ⊕ image ⊕ infographic ⊕ installation ⊕ interaction ⊕ interface ⊕ internet ⊕ invalid ⊕ invoice ⊕ ios ⊕ ipad ⊕ iphone ⊕ issue ⊕ java ⊕ javascript ⊕ jquery ⊕ js ⊕ k2 ⊕ label ⊕ language ⊕ law ⊕ layout ⊕ lecture ⊕ library ⊕ license ⊕ lightbox ⊕ limitation ⊕ link ⊕ linux ⊕ list ⊕ log ⊕ mac ⊕ magazine ⊕ magazines ⊕ major ⊕ management ⊕ manual ⊕ markup ⊕ media ⊕ media-queries ⊕ menu ⊕ metadata ⊕ mit ⊕ mobile ⊕ monitoring ⊕ moo.fx ⊕ mozilla ⊕ mp3 ⊕ mysql ⊕ navigation ⊕ network ⊕ news ⊕ nightly ⊕ notepad ⊕ objective-c ⊕ online ⊕ opensource ⊕ optimization ⊕ os ⊕ osx ⊕ overlay ⊕ overview ⊕ page ⊕ pattern ⊕ pdf ⊕ photo ⊕ photography ⊕ photoshop ⊕ php ⊕ pixel ⊕ placeholder ⊕ player ⊕ plugin ⊕ plugindirectory ⊕ png ⊕ portfolio ⊕ post ⊕ presentation ⊕ preview ⊕ process ⊕ productivity ⊕ programming ⊕ project ⊕ prototype ⊕ prototype.js ⊕ psd ⊕ python ⊕ rails ⊕ ratio ⊕ recommendation ⊕ record ⊕ reference ⊕ regex ⊕ render ⊕ requirements ⊕ resolution ⊕ resource ⊕ responsive ⊕ review ⊕ ruby ⊕ safari ⊕ screen ⊕ screencast ⊕ script ⊕ scriptaculous ⊕ search ⊕ seo ⊕ server ⊕ service ⊕ sftp ⊕ share ⊕ show ⊕ showcase ⊕ simple ⊕ size ⊕ slide ⊕ slideshow ⊕ snapshot ⊕ snippet ⊕ social ⊕ software ⊕ soundmanager ⊕ source ⊕ spalten ⊕ specification ⊕ speed ⊕ sprites ⊕ stack ⊕ standard ⊕ static ⊕ stock ⊕ studie ⊕ subversion ⊕ svn ⊕ switch ⊕ system ⊕ tables ⊕ technology ⊕ template ⊕ terminal ⊕ test ⊕ testing ⊕ text ⊕ textmate ⊕ texture ⊕ theme ⊕ themedirectory ⊕ tidy ⊕ tip ⊕ tool ⊕ tools ⊕ tracker ⊕ transitions ⊕ translation ⊕ tumblr ⊕ tutorial ⊕ type ⊕ typo ⊕ typography ⊕ ui ⊕ unicode ⊕ upload ⊕ url ⊕ usability ⊕ utility ⊕ ux ⊕ video ⊕ visible ⊕ visualization ⊕ vmware ⊕ web ⊕ web-safe ⊕ web2.0 ⊕ webdav ⊕ webdesign ⊕ webdev ⊕ webfonts ⊕ webkit ⊕ webkrauts ⊕ website ⊕ webstandard ⊕ widget ⊕ wikipedia ⊕ window ⊕ windows ⊕ wordpress ⊕ workflow ⊕ wysiwyg ⊕ xhtml ⊕ xmp ⊕ xray ⊕ yui ⊕ [!] ⊕ ★ ⊕Copy this bookmark: