blumenberg + html 162
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
Pears
february 2012 by blumenberg
Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.
interface
pattern
css
html
wordpress
theme
framework
february 2012 by blumenberg
Pandoc – a universal document converter
december 2011 by blumenberg
If you need to convert files from one markup format into another, pandoc is your swiss-army knife. Need to generate a man page from a markdown file? No problem. LaTeX to Docbook? Sure. HTML to MediaWiki? Yes, that too.
markdown
markup
pdf
html
rtf
epub
text
converter
publishing
ebook
december 2011 by blumenberg
PdfMasher
december 2011 by blumenberg
PdfMasher is a tool to convert PDF articles (newspaper, academic) to MOBI or EPUB documents. Most ebook readers support PDF files natively, but it's often a real pain to read those documents because we don't have font size control over the document like we have with native ebooks. In many cases, we have to use the zooming feature and it's just a pain. Another drawback of PDFs on ebook readers is that annotations are not supported.
pdf
conversion
application
html
converter
ebook
december 2011 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
Rapid Prototyping For Any Device With Foundation
october 2011 by blumenberg
… a framework to help you build prototypes and production code that’s truly responsive.
zurb
prototype
foundation
html
css
grid
article
:ce
:am
:nc
:sk
:st
by:smashingmagazine
responsive
october 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
PNG Masking
october 2011 by blumenberg
… How to Dynamically Shape Any Image on Your Website
css
design
html
png
webdesign
howto
october 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
Webseiten Cross-Browsertests
august 2011 by blumenberg
Ein kleiner Überblick praktischer Tools und Tipps
html
css
ui
ux
cross-browser
test
tool
article
:nc
:sk
: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
Fractal | Email HTML/CSS Validation
june 2011 by blumenberg
See exactly which lines of code are not supported in over 24 email clients.
html
newsletter
tool
validate
validator
standard
:sk
:st
email
june 2011 by blumenberg
HTML E-Mail Boilerplate
june 2011 by blumenberg
This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.
boilerplate
design
html
template
:sk
:st
email
june 2011 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
Bonsai
march 2010 by blumenberg
… builds dynamic web sites that run anywhere. Perfect for portfolios, catalogues and other image-heavy sites. There’s no database or admin interface - just templates for the HTML, YML files for the content, and the file system defines the hierarchy. Upload the results and you’re away.
cms
template
dynamic
web
site
html
yml
:sk
:st
march 2010 by blumenberg
Codingpeople - Design trifft HTML
march 2010 by blumenberg
PSD nach XHTML/CSS, Wordpress, TYPO3, Joomla, …
service
design
photoshop
psd
css
html
code
march 2010 by blumenberg
wkhtmltopdf
february 2010 by blumenberg
… shell utility to convert html to pdf using the webkit rendering engine, and qt
html
pdf
converter
utility
shell
webkit
google
gnu
opensource
:sk
:st
february 2010 by blumenberg
HTML to PDF Converter
february 2010 by blumenberg
web to pdf converter
free
online
web
html
pdf
converter
:sk
:st
february 2010 by blumenberg
CSS Redundancy Checker
january 2010 by blumenberg
Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant.
!important
css
redundancy
checker
online
selector
html
tool
january 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
PrimerCSS
january 2010 by blumenberg
… undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet. Paste your HTML in to get started.
!important
css
html
generator
:sk
:st
january 2010 by blumenberg
UI with fewer images
december 2009 by blumenberg
(about CSS performance)
article
css
php
html
http
request
design
: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
When can I use...
december 2009 by blumenberg
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies
resource
table
browser
overview
css
css3
html
html5
svg
technology
:sk
:st
:ji
december 2009 by blumenberg
TextWrangler
august 2009 by blumenberg
Little brother of BBEdit - general purpose text editor, and Unix and server administrator’s tool
editor
css
html
mac
osx
sftp
ftp
terminal
webkit
php
xhtml
development
code
freeware
august 2009 by blumenberg
EmbedIt Plugin
may 2009 by blumenberg
embed HTML code in WordPress WYSIWYG editor via custom fields
plugin
html
code
embed
wysiwyg
editor
wordpress
may 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
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
K2 Hook Up
november 2008 by blumenberg
This plugin provides an options screen with each unique hook exposed as a simple text box. Insert any HTML, CSS, or JavaScript that you like, and click submit and it will be instantly published to that region of your template.
!important
plugin
plugindirectory
theme
k2
hook
template
html
css
javascript
wordpress
november 2008 by blumenberg
UTF-8: The Secret of Character Encoding
november 2008 by blumenberg
Character encoding and character sets are not that difficult to understand, but so many people blithely stumble through the worlds of programming without knowing what to actually do about it, or say "Ah, it's a job for those internationalization experts." No, it is not! This document will walk you through determining the encoding of your system and how you should handle this information. It will stay away from excessive discussion on the internals of character encoding.
utf-8
html
xhtml
character
encoding
article
howto
resource
november 2008 by blumenberg
FancyZoom Demo (Prototype)
september 2008 by blumenberg
This works with any html (images, text, headings, flash). The only caveat is it doesn't currently work with AJAX.
javascript
prototype.js
fancyzoom
lightbox
image
text
html
flash
demo
september 2008 by blumenberg
FancyZoom Demo (jQuery)
september 2008 by blumenberg
This works with any html (images, text, headings, flash). The only caveat is it doesn't currently work with AJAX.
javascript
jquery
fancyzoom
lightbox
image
text
html
flash
demo
september 2008 by blumenberg
related tags
!essential ⊕ !important ⊕ :am ⊕ :ce ⊕ :ji ⊕ :mg ⊕ :nc ⊕ :sk ⊕ :sm ⊕ :st ⊕ :tr ⊕ @font-face ⊕ accessibility ⊕ ajax ⊕ album ⊕ analyze ⊕ anchor ⊕ anonymous ⊕ api ⊕ application ⊕ aria ⊕ article ⊕ artikel ⊕ attack ⊕ attribute ⊕ automatic ⊕ barrierefreiheit ⊕ bbcode ⊕ blog ⊕ boilerplate ⊕ bookmark ⊕ border ⊕ browser ⊕ bundle ⊕ button ⊕ by:alistapart ⊕ by:campaignmonitor ⊕ by:smashingmagazine ⊕ character ⊕ cheatsheet ⊕ checker ⊕ chm ⊕ clearfix ⊕ clickjacking ⊕ cms ⊕ code ⊕ collaboration ⊕ collection ⊕ color ⊕ comparison ⊕ compress ⊕ computer ⊕ content ⊕ conversion ⊕ convert ⊕ converter ⊕ copy&paste ⊕ creativecommons ⊕ cross-browser ⊕ crossplatform ⊕ css ⊕ css3 ⊕ custom ⊕ delicious ⊕ demo ⊕ design ⊕ detection ⊕ developer ⊕ development ⊕ directory ⊕ diy ⊕ Dojo ⊕ DOM ⊕ DoS ⊕ download ⊕ dummy ⊕ dynamic ⊕ ebay ⊕ ebook ⊕ eclipse.public.license ⊕ edit ⊕ editor ⊕ effect ⊕ element ⊕ email ⊕ embed ⊕ encode ⊕ encoder ⊕ encoding ⊕ engine ⊕ enhancement ⊕ entity ⊕ epub ⊕ ereader ⊕ escape ⊕ excel ⊕ export ⊕ extension ⊕ external ⊕ extract ⊕ fancyzoom ⊕ faq ⊕ file ⊕ filter ⊕ firebug ⊕ firefox ⊕ flash ⊕ font ⊕ footer ⊕ foundation ⊕ framework ⊕ free ⊕ freeware ⊕ ftp ⊕ gallery ⊕ generator ⊕ germany ⊕ github ⊕ gmail ⊕ gnu ⊕ google ⊕ graphic ⊕ grid ⊕ gui ⊕ guide ⊕ gutenberg ⊕ handbook ⊕ helper ⊕ hex ⊕ hook ⊕ hotmail ⊕ howto ⊕ hr ⊕ htaccess ⊕ html ⊖ html5 ⊕ http ⊕ identity ⊕ ie ⊕ image ⊕ injection ⊕ inline ⊕ instruction ⊕ interface ⊕ internet ⊕ ipad ⊕ iphone ⊕ javascript ⊕ jpeg ⊕ jquery ⊕ js ⊕ k2 ⊕ king ⊕ kit ⊕ layout ⊕ less ⊕ library ⊕ lightbox ⊕ lightweight ⊕ link ⊕ list ⊕ local ⊕ logo ⊕ lookup ⊕ loremipsum ⊕ mac ⊕ markdown ⊕ markup ⊕ media-queries ⊕ microsoft ⊕ MIT.license ⊕ mobile ⊕ mockup ⊕ moo.fx ⊕ mootools ⊕ navigation ⊕ news ⊕ newsletter ⊕ object ⊕ octopress ⊕ online ⊕ opensource ⊕ optimization ⊕ osx ⊕ overflow ⊕ overlay ⊕ overview ⊕ pattern ⊕ pdf ⊕ pe ⊕ phishing ⊕ photoshop ⊕ php ⊕ player ⊕ plugin ⊕ plugindirectory ⊕ png ⊕ portfolio ⊕ presentation ⊕ productivity ⊕ programming ⊕ progressive ⊕ prototype ⊕ prototype.js ⊕ psd ⊕ publishing ⊕ quicktime ⊕ rails ⊕ redundancy ⊕ reference ⊕ refresh ⊕ request ⊕ resource ⊕ responsive ⊕ rfi ⊕ rss ⊕ rtf ⊕ ruby ⊕ s3 ⊕ script ⊕ scriptaculous ⊕ scripting ⊕ search ⊕ security ⊕ selector ⊕ semantic ⊕ seo ⊕ service ⊕ sftp ⊕ share ⊕ shell ⊕ site ⊕ slider ⊕ slideshow ⊕ snippet ⊕ software ⊕ solution ⊕ sort ⊕ spam ⊕ sql ⊕ ssl ⊕ standard ⊕ sticky ⊕ style ⊕ stylesheet ⊕ support ⊕ svg ⊕ svn ⊕ swf ⊕ syntax ⊕ t3n ⊕ tab ⊕ table ⊕ tables ⊕ tablet ⊕ tag ⊕ technology ⊕ template ⊕ terminal ⊕ test ⊕ testing ⊕ text ⊕ textile ⊕ textism ⊕ textmate ⊕ theft ⊕ theme ⊕ thickbox ⊕ tidy ⊕ tip ⊕ title ⊕ tool ⊕ translation ⊕ tutorial ⊕ twitter ⊕ txt ⊕ type ⊕ typo ⊕ typography ⊕ ui ⊕ unicode ⊕ url ⊕ usability ⊕ utf-8 ⊕ utility ⊕ ux ⊕ validate ⊕ validator ⊕ video ⊕ viewport ⊕ virus ⊕ w3c ⊕ web ⊕ webdav ⊕ webdesign ⊕ webdev ⊕ webfonts ⊕ webkit ⊕ webkrauts ⊕ webstandard ⊕ widget ⊕ wikipedia ⊕ windows ⊕ wireframe ⊕ word ⊕ wordpress ⊕ writing ⊕ wysiwyg ⊕ xhtml ⊕ xml ⊕ xss ⊕ yahoo! ⊕ Yahoo!UIL ⊕ yml ⊕ zurb ⊕Copy this bookmark: