When can I use...
july 2010 by mrtopf
HTML5, CSS3, etc.
css3
browsers
browser
compatibility
crossbrowser
css
webdev
html5
july 2010 by mrtopf
Derek Perez - Move You Existing Stylebase Over to Sass (or SCSS), Effortlessly With sass-convert.
july 2010 by mrtopf
For some projects, starting from scratch in Sass/SCSS is a no go. A lot of time and effort might have been spent on an existing stylebase, and that might make dropping it all, and starting over from scratch cost prohibitive or frankly intimidating. When you install Sass, it comes with a handy command named sass-convert, which can actually convert an entire pre-existing CSS stylebase to Sass compliant (or SCSS compliant) syntax, quite simply! Here are the options available for the sass-convert command:
compass
css
webdev
tutorial
sass
scss
webdesign
july 2010 by mrtopf
Opera's Developer Relations Team - Bruce at EuroPython 2010
july 2010 by mrtopf
I was honoured to give two talk at EuroPython 2010 today (including my first ever keynote!). Here are the resources and useful links.
html5
demo
europython2010
europython
keynote
webstandards
html
webdev
resources
july 2010 by mrtopf
How NodeJS saved my web application - rfw.posterous.com
july 2010 by mrtopf
Recently I've been working on a new web application. One of the features allows users to upload audio files to the application. This is the story about how tackling an unforeseen bug led to a massive improvement in the application architecture, and an appreciation of a whole new approach to building web-apps.
nodejs
s3
audio
processing
async
node.js
webdev
javascript
js
aws
upload
july 2010 by mrtopf
RaphalJavaScript Library
april 2010 by mrtopf
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.
svg
raphael
webdev
canvas
js
javascript
charts
vml
visualization
drawing
graphics
image
images
ie6
april 2010 by mrtopf
jQuery Live Search - AndreasLagerkvist.com
february 2010 by mrtopf
Use this plug-in to turn a normal form-input in to a live ajax search widget. The plug-in displays any HTML you like in the results and the search-results are updated live as the user types.
jquery
livesearch
javascript
plugin
webdev
february 2010 by mrtopf
Josh on the Web » Blog Archive » Abusing the Cache: Tracking Users without Cookies
january 2010 by mrtopf
I’ve been doing a little bit of research into ways to misuse browser history and cache and came across a very simple technique for tracking users without the need for cookies.
web
programming
privacy
webdev
http
php
cache
caching
tracking
cookies
january 2010 by mrtopf
Modernizr
january 2010 by mrtopf
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.
web
programming
tools
development
opensource
webdev
webdesign
javascript
css
library
browser
reference
framework
html
css3
browsers
html5
webdevelopment
detection
modernizr
webstandards
browserdetection
january 2010 by mrtopf
redis - Project Hosting on Google Code
january 2010 by mrtopf
Redis is an advanced key-value store. It is similar to memcached but the dataset is not volatile, and values can be strings, exactly like in memcached, but also lists, sets, and ordered sets. All this data types can be manipulated with atomic operations to push/pop elements, add/remove elements, perform server side union, intersection, difference between sets, and so forth. Redis supports different kind of sorting abilities.
opensource
programming
redis
memcached
key-value
keyvalue
memcache
databases
database
db
webdev
performance
storage
nosql
january 2010 by mrtopf
What You Need To Know About Behavioral CSS - Smashing Magazine
december 2009 by mrtopf
As we move forward with the Web and browsers become capable of rendering more advanced code, we gradually get closer to the goal of universal standards across all platforms and computers. Not only will we have to spend less time making sure our box model looks right in IE6, but we create an atmosphere ripe for innovation and free of hacks and heavy front-end scripting.
web
programming
design
tutorial
javascript
webdesign
tutorials
resources
reference
browser
css
webdev
animation
smashing
html5
css3
smashingmagazine
transform
transformations
web_design
behaviour
smashingmag
animations
december 2009 by mrtopf
10 Usability Crimes You Really Shouldn’t Commit
december 2009 by mrtopf
Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build. This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website.
usability
crimes
howto
tutorial
tips
tipps
ui
reference
programming
webdev
webdevelopment
ux
forms
bestpractice
bestpractices
ergonomie
december 2009 by mrtopf
ClickTale Blog » Unfolding the Fold
december 2009 by mrtopf
Web designers and usability professionals have debated the topic of web page scrolling since 1994. At the early days of the web, most users were unfamiliar with the concept of scrolling and it was not a natural thing for them to do. As a result, web designers would design web pages so that all the important content would be “Above the fold” or even worse, squeeze the entire page into the initial screen area. This practice of “squeezing” continues even today.
fold
web
web2.0
development
blog
internet
design
webdesign
webdev
css
layout
tips
data
marketing
reference
analytics
ux
december 2009 by mrtopf
25 Graph and Chart Solutions for Web Developers : Speckyboy Design Magazine
december 2009 by mrtopf
Creating an accessible data chart or graph in HTML is very tricky to achieve, especially with some elements, such as images, that allow only the most basic features that give textual information to non-visual users. What are the solutions?
web
programming
development
design
javascript
webdesign
free
webdev
ajax
data
graphics
tool
html
jquery
visualization
charts
charting
december 2009 by mrtopf
Google Code Blog: Introducing Closure Tools
november 2009 by mrtopf
Millions of Google users worldwide use JavaScript-intensive applications such as Gmail, Google Docs, and Google Maps. Like developers everywhere, Googlers want great web apps to be easier to create, so we've built many tools to help us develop these (and many other) apps. We're happy to announce the open sourcing of these tools, and proud to make them available to the web development community.
javascript
google
programming
tools
opensource
performance
compiler
webdev
closure
november 2009 by mrtopf
Ajax GUI Framework - Ample SDK
november 2009 by mrtopf
Ample SDK is a standard-based cross-browser JavaScript GUI Framework for building Rich Internet Applications. It employs XML technologies (such as XUL, SVG or HTML5) for UI layout, CSS for UI style and JavaScript for application logic. It equalizes browsers and brings technologies support to those missing any.
javascript
framework
ajax
gui
ui
webdev
programming
xml
opensource
vector
svg
xul
crossbrowser
ria
november 2009 by mrtopf
suds - Trac
july 2009 by mrtopf
Suds is a lightweight SOAP python client for consuming Web Services
soap
soappy
python
development
webservices
xml
library
programming
webdev
webservice
wsdl
suds
july 2009 by mrtopf
Google Maps API Tutorial
april 2009 by mrtopf
Lots of tutorials for the Google Maps API
web
programming
development
tutorial
google
howto
javascript
webdesign
ajax
webdev
reference
api
tutorials
interface
mashup
dev
help
examples
mapping
maps
program
googlemaps
gmaps
map
google-maps
googlemap
gmap
google.maps
april 2009 by mrtopf
Public Documentation (Google OAuth & Federated Login Research)
web programming development openid google security identity oauth webdev data opensocial authentication reference documentation information contacts usability ui wiki research login authorization info portable saml
april 2009 by mrtopf
web programming development openid google security identity oauth webdev data opensocial authentication reference documentation information contacts usability ui wiki research login authorization info portable saml
april 2009 by mrtopf
jQTouch
march 2009 by mrtopf
Coming Soon: A jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.
web
development
design
javascript
webdesign
library
iphone
ui
js
jquery
webkit
framework
webdev
browser
mobile
interface
ipodtouch
jqtouch
dev
iui
webapp
iphone:dev
march 2009 by mrtopf
The Spanner - XSS Rays
march 2009 by mrtopf
I’ve developed a new XSS scanner tool that’s written in Javascript called XSS Rays for Microsoft. They have given me permission to release the tool as open source which is awesome because it can be used for other open source applications. I recommend you use it as part of the web development process to make sure you’ve filtered XSS correctly on your application.
web
tools
opensource
software
programming
development
xss
webdevelopment
webdev
testing
security
hacking
scanner
rays
march 2009 by mrtopf
Ajaxian » Nicole Sullivan’s Object Oriented CSS
march 2009 by mrtopf
My [Object Oriented CSS] grids and templates are open sourced on github. They have all the functionality of YUI grids plus some important features.
* Only 4kb, half the size of YUI grids. (I was totally happy when I checked the final size!)
* They allow infinite nesting and stacking.
* The only change required to use any of the objects is to place it in the HTML, there are no changes to other places in the DOM and no location dependent styling. Eases back-end development and makes it a lot easier to manage for newbies.
web2.0
web
css
webdev
framework
html
grid
webdesign
layout
oop
object-oriented-css
ajaxian
* Only 4kb, half the size of YUI grids. (I was totally happy when I checked the final size!)
* They allow infinite nesting and stacking.
* The only change required to use any of the objects is to place it in the HTML, there are no changes to other places in the DOM and no location dependent styling. Eases back-end development and makes it a lot easier to manage for newbies.
march 2009 by mrtopf
YSlow for Firebug (homepage)
february 2009 by mrtopf
YSlow analyzes web pages and tells you why they're slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool.
web
tools
software
programming
development
javascript
webdesign
browser
firefox
webdev
yahoo
tool
plugin
extensions
plugins
testing
analysis
debugging
firebug
debug
optimization
speed
yslow
february 2009 by mrtopf
25 Photoshop Tutorials for Web Designers - Six Revisions
december 2008 by mrtopf
In this collection, you’ll find 25 excellent Photoshop tutorials geared towards web designers. You’ll find a variety of tutorials that include creating full web page templates, navigation menus, headers, and content boxes.
Web-Design
photoshop
webdesign
tutorials
tutorial
design
web
web2.0
resources
webdev
via:mento.info
december 2008 by mrtopf
15 Helpful In-Browser Web Development Tools | Developer's Toolbox | Smashing Magazine
november 2008 by mrtopf
of course as a webdev you know most stuff but it's still good to see also something you didn't know about before.
Web-Development
firebug
webdeveloper
tools
webdesign
webdev
firefox
web
webdevelopment
browser
development
programming
utilities
via:mento.info
november 2008 by mrtopf
Hosting Django under Nginx with SCGI and WSGI
july 2008 by mrtopf
import os, sys sys.path.append('/path/to/django/project/') os.environ['DJANGO_SETTINGS_MODULE'] = 'settings' import django.core.handlers.wsgi application = django.core.handlers.wsgi.WSGIHandler()
nginx
django
mod_wsgi
wsgi
python
scgi
webdev
july 2008 by mrtopf
Comet Daily » Blog Archive » The Future of Comet: Part 1, Comet Today
january 2008 by mrtopf
how comet works today. Explains the different approaches, browser incompatibilities and much more.
browsers
comet
cometdaily
events
firefox
ie
javascript
longpoll
mechanisms
opera
streaming
web2.0
webdev
january 2008 by mrtopf
deconcept › SWFObject: Javascript Flash Player detection and embed script
september 2006 by mrtopf
Flash embedding for IE and FF via JS lib
programming
flash
web
webdev
javascript
embed
object
plugin
detection
swf
september 2006 by mrtopf
WsgiStart - WSGI Wiki
july 2006 by mrtopf
Web Server Gateway Interface for Python
programming
python
web
wsgi
framework
webdev
july 2006 by mrtopf
related tags
accessibility ⊕ addon ⊕ advocacy ⊕ ajax ⊕ ajaxian ⊕ algorithm ⊕ analysis ⊕ analytics ⊕ android ⊕ animated ⊕ animation ⊕ animations ⊕ api ⊕ app ⊕ architecture ⊕ article ⊕ async ⊕ audio ⊕ authentication ⊕ authorization ⊕ aws ⊕ barrierefreiheit ⊕ bbcode ⊕ bcc3 ⊕ behaviour ⊕ bestpractice ⊕ bestpractices ⊕ blog ⊕ blogging ⊕ blogs ⊕ browser ⊕ browserdetection ⊕ browsers ⊕ button ⊕ buttons ⊕ cache ⊕ caching ⊕ canvas ⊕ charting ⊕ charts ⊕ clearfix ⊕ closure ⊕ code ⊕ coding ⊕ comet ⊕ cometdaily ⊕ comparison ⊕ compass ⊕ compatibility ⊕ compiler ⊕ config ⊕ consistenthashing ⊕ contacts ⊕ cookies ⊕ couchdb ⊕ crawler ⊕ crawling ⊕ crimes ⊕ crossbrowser ⊕ crossdomain ⊕ css ⊕ css3 ⊕ cssembed ⊕ data ⊕ database ⊕ databases ⊕ datauri ⊕ datauris ⊕ datavisualization ⊕ db ⊕ debug ⊕ debugging ⊕ demo ⊕ deployment ⊕ design ⊕ detection ⊕ dev ⊕ developer ⊕ development ⊕ devtools ⊕ django ⊕ doc ⊕ docsplit ⊕ document ⊕ documentation ⊕ documents ⊕ drawing ⊕ dropdown ⊕ dwbp11 ⊕ dynamicloading ⊕ easyxdm ⊕ editor ⊕ effects ⊕ embed ⊕ embedded ⊕ engine ⊕ ergonomie ⊕ europython ⊕ europython2010 ⊕ events ⊕ examples ⊕ extension ⊕ extensions ⊕ extraction ⊕ facebook ⊕ fbjqry ⊕ fbjs ⊕ fileupload ⊕ firebug ⊕ firefox ⊕ flash ⊕ fold ⊕ forms ⊕ framework ⊕ free ⊕ gallery ⊕ generator ⊕ geojson ⊕ gif ⊕ gmap ⊕ gmaps ⊕ google ⊕ google-maps ⊕ google.maps ⊕ googlemap ⊕ googlemaps ⊕ graphics ⊕ grid ⊕ gui ⊕ guide ⊕ hacking ⊕ hashing ⊕ help ⊕ hosting ⊕ howto ⊕ html ⊕ html5 ⊕ http ⊕ identity ⊕ ie ⊕ ie6 ⊕ image ⊕ images ⊕ info ⊕ information ⊕ infovis ⊕ infoviz ⊕ interface ⊕ internet ⊕ internetexplorer ⊕ iphone ⊕ iphone:dev ⊕ ipodtouch ⊕ iui ⊕ javascript ⊕ jq ⊕ jqtouch ⊕ jquery ⊕ js ⊕ jsmoche ⊕ json ⊕ jsontemplate ⊕ key-value ⊕ keynote ⊕ keyvalue ⊕ labjs ⊕ layout ⊕ library ⊕ lightbox ⊕ livesearch ⊕ login ⊕ longpoll ⊕ map ⊕ mapping ⊕ maps ⊕ markdown ⊕ marketing ⊕ markitup ⊕ markup ⊕ mashup ⊕ mechanisms ⊕ memcache ⊕ memcached ⊕ menu ⊕ menus ⊕ mobile ⊕ mobileweb ⊕ mock ⊕ mocking ⊕ modernizr ⊕ mod_wsgi ⊕ navigation ⊕ nginx ⊕ node ⊕ node.js ⊕ nodejs ⊕ noflash ⊕ nosql ⊕ oauth ⊕ oauth2.0 ⊕ object ⊕ object-oriented-css ⊕ ocr ⊕ oop ⊕ openid ⊕ opensocial ⊕ opensource ⊕ opera ⊕ optimization ⊕ parsing ⊕ pdf ⊕ performance ⊕ photoshop ⊕ php ⊕ player ⊕ plugin ⊕ plugins ⊕ podcast ⊕ podcasts ⊕ polymaps ⊕ portable ⊕ privacy ⊕ processing ⊕ program ⊕ programming ⊕ prototype ⊕ python ⊕ queryparams ⊕ raphael ⊕ rays ⊕ redis ⊕ reference ⊕ research ⊕ resources ⊕ rest ⊕ restful ⊕ rgba ⊕ ria ⊕ ruby ⊕ s3 ⊕ saml ⊕ sass ⊕ scanner ⊕ scgi ⊕ scraping ⊕ screenreaders ⊕ screenscraping ⊕ scss ⊕ search ⊕ searchbox ⊕ searchengines ⊕ security ⊕ selectivizr ⊕ selector ⊕ selectors ⊕ seo ⊕ serp ⊕ server ⊕ sharding ⊕ simplegeo ⊕ smashing ⊕ smashingmag ⊕ smashingmagazine ⊕ snippets ⊕ soap ⊕ soappy ⊕ software ⊕ speed ⊕ spinner ⊕ storage ⊕ streaming ⊕ suds ⊕ svg ⊕ swf ⊕ sysadm ⊕ sysadmin ⊕ table ⊕ tdd ⊕ template ⊕ templates ⊕ templating ⊕ testing ⊕ text ⊕ textarea ⊕ textile ⊕ theme ⊕ themes ⊕ tipps ⊕ tips ⊕ tool ⊕ tools ⊕ tracking ⊕ transform ⊕ transformations ⊕ tutorial ⊕ tutorials ⊕ ui ⊕ upload ⊕ uri ⊕ url ⊕ urlparsing ⊕ usability ⊕ utilities ⊕ uwsgi ⊕ ux ⊕ varnish ⊕ vector ⊕ via:mento.info ⊕ video ⊕ videoembed ⊕ videoplayer ⊕ visualization ⊕ vml ⊕ web ⊕ Web-Design ⊕ Web-Development ⊕ web2.0 ⊕ webapp ⊕ webapps ⊕ webdesign ⊕ webdev ⊖ webdeveloper ⊕ webdevelopment ⊕ webkit ⊕ webscraping ⊕ webservice ⊕ webservices ⊕ webstandards ⊕ web_design ⊕ wiki ⊕ wikimedia ⊕ wikipedia ⊕ wordpress ⊕ wp ⊕ wrap ⊕ wrapper ⊕ wsdl ⊕ wsgi ⊕ wysiwyg ⊕ xml ⊕ xss ⊕ xul ⊕ yahoo ⊕ yslow ⊕Copy this bookmark: