Pinboard: bookmarks for deusx tagged 'webdev'

You are looking at a javascript version of the MESS emulator, a program that emulates hundreds of machine types and will, eventually, be capable of running most known computer software programs. What you see here (and if you don't see anything, we apologize) is a Colecovision emulator running the homebrew Colecovision cartridge "Cosmo Fighter 2", in demo mode.

via:textfiles jsmess emulators javascript webdev at:aadl
4 days ago by deusx

copy to mine

JonLax.com - The unOfficial homepage of Jon Lax
html webdev whatisthisidonteven funny
6 days ago by deusx

copy to mine

Quick QR Codes In Django

Creating QR codes is a quick and easy process using a few model signals and the PyQRNative port. The hardest part of this implementation was finding a way to use the Django ContentFile object to save the generated QR code using our selected storage backend. This was important because you would not have to worry about changes to your system architecture effecting your QR generation code. An example would be moving from local filesystem storage to S3 using Django Storages (django-storages).

qrcodes qr django images webdev
6 days ago by deusx

copy to mine

Scripting News: Outlining and my father

So now I'm on the cusp of releasing a tool that allows you to write directly onto the web in an outliner. The distance between the content on your machine and it being on the web is one mouse-click. That's exactly how far you want it to be. My father is not alive to see this, but if he were, he'd probably die from excitement. This is something he and I shared, at a genetic level, in our DNA, is this idea that the human mind can reach outside of itself, onto a computer, to make even more powerful and useful intellectual structures. Honestly, I wish he were here to share this with me. permalink

outlining davewiner web webdev outlines
9 days ago by deusx

copy to mine

Mark Finkle’s Weblog » Firefox for Android: Where’s the Error Console?

The new native Android UI version of Firefox does not ship with a dedicated Error Console. Instead, all console messages are redirected to the Android system log – also known as logcat. If you have the Android SDK installed, you already have a way to view the logcat:

firefox mozilla android logging webdev
10 days ago by deusx

copy to mine

Coding Horror: Learn to Read the Source, Luke

The transformative power of "source always included" in JavaScript is a major reason why I coined – and continue to believe in – Atwood's Law. Even if "view source" isn't built in (but it totally should be), you should demand access to the underlying source code for your stack. No matter what the documentation says, the source code is the ultimate truth, the best and most definitive and up-to-date documentation you're likely to find. This will be true forever, so the sooner you come to terms with this, the better off you'll be as a software developer.

viewsource dev webdev code development
11 days ago by deusx

copy to mine

Why Web 1.0 Needs to Make a Comeback

In reality, all of these services make money from your content. Either they serve advertisements next door to your content or they are targeting advertisements towards you, specifically, depending on whatever it is that you are sounding off about on these services.

web20 indieweb control webdev
12 days ago by deusx

copy to mine

javascript - Convert Data URI to File then append to FormData - Stack Overflow

I've been trying to re-implement an HTML5 image uploader like the one on the Mozilla Hacks site, but that works with WebKit browsers. Part of the task is to extract an image file from the canvas object and append it to a FormData object for upload.

webdev canvas formdata html5
12 days ago by deusx

copy to mine

Setting up your API to accept HTML5 postMessage calls. - @DSG

postMessage is a new HTML5 Javascript API for allowing scripts on different domains to communicate with each other safely.

postmessage webdev apis
12 days ago by deusx

copy to mine

javascript - How to upload a screenshot using html2canvas? - Stack Overflow

Using html2canvas how can I save a screen shot to an object? I've been exploring the demos, and see that the function to generate the screenshot is generated as follows:

webdev upload data image canvas
13 days ago by deusx

copy to mine

The Imgur API - Examples

Uploading - HTML5 Canvas

canvas html5 webdev images imgur cors
13 days ago by deusx

copy to mine

Uploading directly from HTML5 canvas to imgur — Jonas Wagner's Blog

For an upcoming canvas project I want to give the users the ability to upload the content of the canvas to an image sharing service. When looking for a suitable API I came across imgur.com the registration was trivial, and they support CORS and base64/dataurl uploads, perfect!

canvas html5 imgur webdev javascript
13 days ago by deusx

copy to mine

Sketchpad - Online Paint/Drawing application
html5 canvas sketchpad webdev
14 days ago by deusx

copy to mine

Space Ipsum
space lorem lipsum webdev loremipsum design
17 days ago by deusx

copy to mine

Pixel-fitting by Dustin Curtis

The difference is subtle, but the comparison makes it very clear. There are several major problems with the computer-created icons that leaves them looking blurry and unimpressive. For example, in the transition from 66x40 to 48x30 pixels, the human version drops the border down to exactly 2 pixels but the computer drops it to 2.8 (that's two solid black pixels, plus one half-pixel at 80% intensity), which gives it an incorrect soft edge. The computer has no way of knowing that the border should always be sharp, so it ignorantly tries to maintain the ratio of the originally-specified image at the expense of sharpness. The result is not great.

design webdev markdown graphics
18 days ago by deusx

copy to mine

dcurtis/markdown-mark

Use this mark to identify Markdown

markdown design writing webdev
18 days ago by deusx

copy to mine

The Markdown Mark by Dustin Curtis

I'm making something that uses Markdown, and there's currently no great universal symbol for identifying Markdown support. So I created one.

markdown design writing logos webdev graphics icons
18 days ago by deusx

copy to mine

Yahoo Ups Its Battle with Facebook…and Picks One with the Open Source Movement | PandoDaily

The message from Yahoo: We own the Web and everything powering it.

assholes yahoo to:fb opensource webdev
20 days ago by deusx

copy to mine

no-www considered harmful - defunct

I remember reading about the no-www movement years ago. At that time it struck me as a cool thing to do, but I now know that no-www is a really bad idea in general. That’s because the DNS system lets you assign CNAME records to subdomains, including the www subdomain, but only A or AAAA records to root domains. In other words, you can say that www.example.com is the same as test.example.org, but you can only say that example.com is the same as a particular IP address.

dns webdev nowww
20 days ago by deusx

copy to mine

Demoing and displaying JavaScript at the same time using CSS | Christian Heilmann

If you do a view-source you find no other script in use, yet it displays in the page. What is this sourcery*? Simple, and it was Mathias Bynens who got me onto it: just display script elements as block and add some generated content to show the “Source” text:

webdev javascript source css
20 days ago by deusx

copy to mine

lake.js

Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

awesome nifty web html5 canvas webdev javascript css
20 days ago by deusx

copy to mine

Of parser-fetishists and semi-colons | Christian Heilmann

I think it is a sign that as developers we are either terribly bored or we are out of ideas when we start to go down to bickering about violating accepted ways of development. We should concentrate on building amazing tools and experiences for users out there rather than smugly trying to undo conventions we’ve been following for years now. The web standards movement was not about enforcing arbitrary code syntax on poor developers who now have to type a few keys more. It is about making code predictable, extensible and easy to explain to newcomers. Confusing these matters doesn’t help the cause of making a new generation of developers embrace the web as a platform. Don’t be that guy.

to:fb amen webdev standards code javascript twitter coding
4 weeks ago by deusx

copy to mine

RoboHash

Robohash is a easy web service that makes it easy to provide unique, robot/alien/monster/whatever images for any text.
Put in any text, such as IP address, email, filename, userid, or whatever else you like, and get back a pretty image for your site.

nifty webdev apis images keen robot avatar
4 weeks ago by deusx

copy to mine

mnot’s blog: JSON or XML: Just Decide

When people create HTTP APIs, one of the common decisions is about what format to use, usually revolving around “JSON or XML?”

json apis web webdev
4 weeks ago by deusx

copy to mine

openbadges.org/static/scripts/main.js at master · toolness/openbadges.org
badger webdev openbadges obi
6 weeks ago by deusx

copy to mine

SUMO and migrating large amounts of data

Data migration is a complicated problem. It’s one of those things nobody wants to do, because it’s mostly tedious, not engaging, and also important to get right. Often times you have to compromise. I’ll talk a bit about the history of SUMO’s data, decisions the product and development team have made regarding its migration, and things I’ve learned from the experience.

webdev mozilla migration data sumo
7 weeks ago by deusx

copy to mine

Custom Admin Views and Reversing Django Admin URLs - Ian Lewis

The key parts are the get_urls function and the admin_update_feeds view. The get_urls method returns the urls for this admin to which we are adding our custom view. The custom view does the updating of the lifestream feeds and returns the user to the Item model's changelist view. We get the url for that view by calling reverse with the pattern "<namespace>:<app>_<model>_changelist" which in our case is "admin:lifestream_item_changelist" since the django admin uses the admin namespace.

django python webdev
7 weeks ago by deusx

copy to mine

euangoddard/qrcode-generator
qrcode js webdev
7 weeks ago by deusx

copy to mine

You Really Should Log Client-Side Errors

Let's keep this short. Too few websites log JavaScript errors. Let's build a simple system to track client-side errors.

webdev javascript errors debugging jquery logging redis
7 weeks ago by deusx

copy to mine

bartaz/impress.js

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

presentations css webdev css3
8 weeks ago by deusx

copy to mine

Handlebars.js: Minimal Templating on Steroids

Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

webdev mustache handlebars templates templating javascript
8 weeks ago by deusx

copy to mine

BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment ✩ Mozilla Hacks – the Web developer blog

BrowserQuest is a tribute to classic video-games with a multiplayer twist. You play as a young warrior driven by the thrill of adventure. No princess to save here, just a dangerous world filled with treasures to discover. And it’s all done in glorious HTML5 and JavaScript.

webdev html5 browserquest gaming
8 weeks ago by deusx

copy to mine

Visual editor sandbox - MediaWiki

Visual editor sandbox

wiki editors webdev html5
9 weeks ago by deusx

copy to mine

tommoor/tinycon

A small library for manipulating the favicon, in particular adding alert bubbles and changing images

webdev favicons javascript
9 weeks ago by deusx

copy to mine

about REDbot

RED is a robot that checks HTTP resources to see how they'll behave, pointing out common problems and suggesting improvements. Although it is not a HTTP conformance tester, it can find a number of HTTP-related issues.

redbot http webdev caching performance
11 weeks ago by deusx

copy to mine

FireLogger :: Add-ons for Firefox

FireLogger is a server-side library, which provides logging function similar to Firebug's console.log. It sends logging events to client-side (encoded in HTTP headers).

firelogger firefox webdev logging
11 weeks ago by deusx

copy to mine

foxulet/fireNode · GitHub

A simple implementation of Firebug's Wildfire protocol for node.js

webdev wildfire firebug firefox firephp node javascript
11 weeks ago by deusx

copy to mine

django-webdav - Django webdav implementation. - Google Project Hosting

WebDAV implemented as a Django application. The motivation for this project is to allow authentication of users against Django's contrib.auth system, while also exporting different directories per user. Many Django tools and app can be combined with this such as django-digest etc. to provide a powerful WebDAV server.

django webdav http webdev
12 weeks ago by deusx

copy to mine

REST is OVER! - Literate Programming

Yep. Sorry to have to inform you. REST is totally over. The cool kids are moving on. We're building "Hypermedia APIs" now. Such is life.

rest webdev hypermedia apis
12 weeks ago by deusx

copy to mine

A Hypermedia API Reading List - Literate Programming

Originally, this post was titled "A RESTful Reading List," but please note that REST is over. Hypermedia API is the new nomenclature.

I've been doing an intense amount of research on Hypermedia APIs over the last few months, and while I didn't save every resource I found, I've made a list here of the most important.

rest webdev hypermedia apis
12 weeks ago by deusx

copy to mine

Psychotic Willy Wonka - oh you have a rest api you must have so many content types

My contribution to REST pedantry for the day:

rest http apis webdev
february 2012 by deusx

copy to mine

The Richardson Maturity Model of REST… and Roy Fielding | Loosely Connected

So, by Roy’s strict criteria, hypermedia is a *precondition* of REST. Anything else should not call itself REST.

http webdev rest apis
february 2012 by deusx

copy to mine

Designing HTTP Interfaces and RESTful Web Services (PHPDAY11 2011-0...

Presentation given at phpDay 2011 in Verona, Italy.

http webdev rest apis api
february 2012 by deusx

copy to mine

Haters gonna HATEOAS — Timeless

Now, when I said ‘nobody’ does this, what I meant was ‘for APIs.’ This is exactly how the Web works. Think about it. You start off on the homepage. That’s the only URL you have to know. From there, a bunch of links point you towards each state that you can reach from there. People would consider it ludicrous if they had to remember a dozen URLs to navigate a website, so why do we expect the consumers of our APIs to do so as well?

hateos rest webdev http
february 2012 by deusx

copy to mine

The Sun is Setting on Rails-style MVC Frameworks « caines.ca/blog

Rails-style MVC frameworks are both too much, and not enough at the same time. It really is time for a new framework to support this new architecture.

webdev http rest rails
february 2012 by deusx

copy to mine

Wildcard Catch-all Subdomains : mod_rewrite tutorial

Ever seen those sites with using anything.domain.com as URLs? An example from yesteryear would be ytmnd.com. If you want this on your site, read on.

http apache webdev dns
february 2012 by deusx

copy to mine

How the Node Based BrowserID Service Shipped 28 New Languages « 70’s Futurisitic Technology

Our amazing community has localized the BrowserID service into 28 languages.

browserid mozilla localization 10n node webdev
february 2012 by deusx

copy to mine

Escapes.js

escapes.js is a small JavaScript library for rendering ANSI art, a form of computer art that flourished in the mid 90s. ANSI art was composed by colorizing sequences of characters and blocks drawn in the built-in system font, which made it easy to transmit across telephone wires. As a result, ANSI art was especially popular on Bulletin Board Systems (BBSes).

to:fb art ansi oldschool webdev javascript
february 2012 by deusx

copy to mine

RESTful API Design, Second Edition

I totally agree with this presentation

apis rest webdev apigee
february 2012 by deusx

copy to mine

Mozilla developing Web push notification system for Firefox

Mozilla is developing a push notification system for the Firefox Web browser. It will allow users to receive notifications from websites without having to keep those sites open in their browser. The system will also be able to relay push notifications to mobile devices.

mozilla firefox notifications webdev mobile javascript
february 2012 by deusx

copy to mine

Introducing Push Notifications

Push notifications are a way for websites to send small messages to users when the user is not on the site. iOS and Android devices already support their own push notification services, but we want to make notifications available to the whole web. We’re making prototypes and designing the API right now and want to share our progress.

notifications firefox mozilla development javascript webdev
february 2012 by deusx

copy to mine

Arctext.js - Curving Text with CSS3 and jQuery | Codrops

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

webdev design css js jquery css3
january 2012 by deusx

copy to mine

2011: A Badass JavaScript Year In Review - Badass JavaScript

2011 has been a great year for JavaScript. Web browsers have given us great new tools to use and we have taken web applications to new heights, competing with native applications and bringing sexy back to the web with countless impressive demos. A week or so ago, we put out a survey to all of you asking what you thought the most badass JavaScript demo of 2011 was. Of course, this would be a boring post if we just said what the outcome was, so we’re going to list the top JavaScript accomplishments of 2011 here, from demos to libraries and applications themselves. And to all of you in the JS community, Happy New Year and keep up the good work in 2012!

webdev javascript js
january 2012 by deusx

copy to mine

mherkender/lua.js - GitHub

An ECMAscript framework to compile and run Lua code, allowing Lua to run in a browser or in Flash

lua js webdev scripting javascript
december 2011 by deusx

copy to mine

The rise and rise of JavaScript « DanNorth.net

JavaScript had a difficult childhood. It grew up in lawless neighbourhoods surrounded by gangs. It spent a lot of time listening to its parents fighting with one another about what they wanted it to be when it grew up. As any young language would, it tried hard to please its parents (and that barmy committee of uncles, and all the other random people trying to shape its future). As a result it suffers from what can only be described as behavioural quirks. Depending on which gang it’s hanging out with it will sometimes happily talk to you through its console.log, at other times refuse to say anything, and yet other times it will blow up in your face (but not tell you why).

javascript webdev node tech nodejs
december 2011 by deusx

copy to mine

sabredav - SabreDAV is a WebDAV framework for PHP - Google Project Hosting

SabreDAV allows you to easily add WebDAV support to a PHP application. SabreDAV is meant to cover the entire standard, and attempts to allow integration using an easy to understand API.

php webdev webdav dav opensource
december 2011 by deusx

copy to mine

The Mobile Case for Progressive Enhancement | Brad Frost Web

One of my favorite mobile sites is Target (great job Matt Menzer). The beauty of this experience isn’t in the mind-blowing animations, it’s about the clarity of the content, the speed in which the page loads and the accessibility of the experience.

webdev mobile
december 2011 by deusx

copy to mine

(Re)installing PHP 5.3 on Mac OS X — justin hileman dot info

So you develop PHP 5.3 on a Mac? Mebbe you, like me, are a fan of Symfony2? Then you might have noticed a few deficiencies in the pre-loaded version of PHP 5.3 on your computer. Here’s how to …

webdev php mac mcrypt homebrew apache
december 2011 by deusx

copy to mine

Mozilla’s WebAPI for Firefox takes shape, porn sites quiver in anticipation | ExtremeTech

The first fruits of Mozilla’s attempt to make a Chrome OS-like Firefox operating system — Boot 2 Gecko — are now beginning to take shape in the Nightly builds of Firefox for Android. Dubbed “WebAPI,” these recent additions allow Firefox to access an Android device’s hardware through a JavaScript API. As of the latest Nightly, Firefox 11 for Android can now read the battery state, capture images from the camera, send SMSes, and trigger the vibrator motor.

mobile webapi webdev firefox mozilla
november 2011 by deusx

copy to mine

The beginnings of a declarative model syntax for CoffeeScript. — Gist

SEE: http://almostobsolete.net/declarative-models-in-coffeescript.html

backbone js webdev coffeescript
november 2011 by deusx

copy to mine

Emphasis Update and Source - NYTimes.com

Last November, I blogged about a few new features on NYTimes.com. Today we’re releasing an update to one of those features, which I’ve been calling “Emphasis”: paragraph-specific anchor links and the ability to highlight text in articles and blog posts.

nifty webdev hypertext annotation nytimes
november 2011 by deusx

copy to mine

NYTimes/Emphasis - GitHub

Emphasis provides dynamic paragraph-specific anchor links and the ability to highlight text in a document, all of which is made available in the URL hash so it can be emailed, bookmarked, or shared.

webdev nifty hypertext linking annotation nytimes javascript
november 2011 by deusx

copy to mine

New York Times Adds A Twist To Hyperlinks | The Daily Feed | Minyanville.com

The Atlantic noticed that the New York Times updated its internal hyperlinks and allowed for special commands for more user control. Similar to cuing YouTube videos at a specific point, special code can be added at the end of URLs to link to or highlight specific paragraphs and sentences. Intended for bloggers to underscore certain passages, it's still a nifty trick for sharing excerpts between day-to-day readers.

nyt news hyperlinks webdev
november 2011 by deusx

copy to mine

Code: Flickr Developer Blog » Flipping Out

Flickr is somewhat unique in that it uses a code repository with no branches; everything is checked into head, and head is pushed to production several times a day. This works well for bug fixes that we want to go out immediately, but presents a problem when we’re working on a new feature that takes several months to complete. How do we solve that problem? With flags and flippers!

flickr webdev waffle programming
november 2011 by deusx

copy to mine

Slimming down a Linux VirtualBox machine | MichaelCole.com

sudo dd if=/dev/zero of=/zerofile; sudo rm /zerofile

webdev vm virtualbox virtualization tech
november 2011 by deusx

copy to mine

Facebook is gaslighting the web. We can fix it. - Anil Dash

Now, we've shown that Facebook promotes captive content on its network ahead of content on the web, prohibits users from bringing open content into their network, warns users not to visit web content, and places obstacles in front of visits to web sites even if they've embraced Facebook's technologies and registered in Facebook's centralized database of sites on the web.

facebook social sharing scams socialmedia webdev
november 2011 by deusx

copy to mine

blockdiag - simple diagram images generator — blockdiag 1.0 documentation

blockdiag and its family generate diagram images from simply text file:

python graphics webdev images programming
november 2011 by deusx

copy to mine

bl.ocks.org - 1377729 - Force-based label placement

A small demo of a pleasant, yet simple label placement algorithm for densely packed visualizations. The basic idea is to have labels orbit around their target node at a fixed distance, but repeal each other, so that they don't overlap, and orient themselves to the outside of clusters. To support that, labels on the right of their target node are left-aligned, and labels on the left of their target node are right-aligned; in between, we interpolate. In this example, one force layout governs the node placement, and the second one the label placement, but of course, the node placement could be computed by any other algorithm.

webdev svg javascript graphics
november 2011 by deusx

copy to mine

APIs are a Pain

I would love to see every API to be RESTful, consistent, hypertext driven, and more importantly, interoperable. The reality is that getting consistent APIs is hard – particularly those that are done by distributed teams. For the record – I vehemently hate SOAP APIs and the SOAP mindset. I dislike RPC-style operation names tunneled over HTTP. I frown and cringe whenever I see unnecessary custom headers and complicated formats. I wish POST+XML goes away. I wish every API gets rewritten to the modern understanding of HTTP and REST, serving JSON.

But I would rather spend my time enabling interoperability than preaching for consistency.

webdev rest rpc apis
november 2011 by deusx

copy to mine

OFF MY LAWN! – Jeffrey Zeldman Presents The Daily Report

It is publishing. It is humanity. It is the vanguard of ideas clashing against the rearguard of commerce. This is not new. This is all to be expected. We must stop raising our eyebrows and chuckling at it. We must decide to accept the world as it is, or to roll up our sleeves and help.

webdev tech html5 webdesign
november 2011 by deusx

copy to mine

Why Google gets no respect (from developers) — Cloud Computing News

If Google wants to win the hearts and minds of these developers, it has to get more systematic and clear about roadmaps, has to be more circumspect about changing things without notice, and be precise about how apps that run on Google infrastructure now will or won’t run on other infrastructure in the future. The problem is, it’s not all that clear that Google itself is serious about this market. And if it isn’t, why should anyone else take the plunge?

developers enterprise business webdev google
november 2011 by deusx

copy to mine

Scrollbar of Contents Adds Clickable Headers Next to the Scrollbar for Navigating Long Articles
chrome webdev extensions
november 2011 by deusx

copy to mine

Leftronic goes true Real-Time with Node.js and Redis Pub/Sub! - Leftronic Blog

We have several Django servers behind an EC2 load balancer, as well as a few Celery boxes, a RabbitMQ box, a Node.js box, and a Redis box.

webdev django nodejs redis celery rabbitmq realtime data
november 2011 by deusx

copy to mine

Adobe product manager fingers Apple for death of Flash Player for mobile -- Engadget
adobe flash webdev html5
november 2011 by deusx

copy to mine

CouchDB "Joins" - Christopher Lenz

Obvious to Damien, but not at all obvious to the rest of us: it's fairly simple to make a view that includes both the content of the blog post document, and the content of all the comments associated with that post. The way you do that is by using complex keys. Until now we've been using simple string values for the view keys, but in fact they can be arbitrary JSON values, so let's make some use of that:

couchdb nosql data webdev database
november 2011 by deusx

copy to mine

Coffeescript: Joyful and Unreadable

That said, if making Javascript look and act kinda like Rails makes Rails devs happier, maybe it just means I’m not Ruby enough.

javascript webdev tech rails ruby coffeescript
november 2011 by deusx

copy to mine

« earlier

Copy this bookmark: