CircleCount helps you better understand Google+

2013-04-21 13:26:34 (8 comments, 0 reshares, 7 +1s)

Loving the 'fun' styles ios adds to input buttons (first is chrome for android the bubbly one is chrome for ios)

2013-02-11 12:11:11 (1 comments, 13 reshares, 21 +1s)

First Look: Workspaces - Simplifying Your Find & Fix Workflow With The Chrome DevTools

The typical web app development workflow involves using some clever window arrangement to display your editor and the DevTools side-by-side, or having to switch back and forth between them. This can sometimes feel cumbersome and time-consuming. Wouldn't it be useful if you could instead just edit the source for your web apps directly in the DevTools?

Just find an error, fix it and save to the file from just one place.

This workflow becomes easier today with Workspaces, an in-progress experimental feature that’s landed in Chrome Canary. Workspaces allow you to select custom directories in your file system which are always available for you to edit within the Sources panel. This can be the directory for an app you're working on or even a whole list of differentp... more »

2013-02-06 10:35:09 (0 comments, 3 reshares, 8 +1s)

I'm running a Mobile Web Development workshop on 28-Feb in Brighton
(that's the day before Responsive Day Out if you're already going).

The workshop is a full day hands on mobile development with particular
attention on how to debug mobile web sites.

Full details of the workshop are here:
http://leftlogic.com/training#mobile (and you're welcome to ask
further questions).

Tickets are first come first serve, aimed at beginners and
intermediates - and the workshop has been know to sell out in a matter
of days!

£400+VAT for the day - lunch and break coffee/biscuits are included.

Looking forward to having a few of you along - and please re-share this post or point colleagues to the workshop if you think it will be useful.

Cheers!

2013-01-15 17:55:15 (0 comments, 5 reshares, 17 +1s)

First Look: Explaining Memory Consumption With DevTools Native Memory Profiler

In DevTools, the JavaScript heap profiler is used to uncover memory leaks, however this is actually limited to memory allocated in the V8 heap (i.e the heap for Chrome’s JS engine). What this means if if you have a DOM tree consuming a lot of memory, the JavaScript heap could still remain small and the heap profiler wouldn’t be of much help.

This is one of the reasons we recently introduced the new (experimental) Native memory profiler (see Settings->Experiments to enable under the Profile tab), covered in the Breakpoint Ep 5. It’s there to help better understand how the render process consumes memory which isn’t in the V8 heap. 

Feel a little lost? Don’t worry. We basically want to let you know just how much memory is used by the major components in your app: CSS, DOM, therender tre... more »

2013-01-11 23:23:50 (1 comments, 13 reshares, 24 +1s)

The Breakpoint Episode 5: DevTools Grab bag

+Paul Irish and I are back with a grab bag of DevTools tips and tricks. We cover CSS regions, overrides, inspecting WebSocket data, native memory instrumentation and how to inspect internal properties of bound JavaScript functions.

Breakpoint Episode 5: DevTools Grab bag

2013-01-08 22:45:10 (1 comments, 3 reshares, 14 +1s)

A few good men are running for the W3C TAG (Technical Architecture Group - http://www.w3.org/2001/tag/ ) :
Mr +Anne van Kesteren, Mr +Alex Russell, Mr +Yehuda Katz, and Mr +Marcos Caceres. What's that you ask?

This group, chaired by Tim Berners-Lee, is "responsible for sort of envisioning the architecture of the Web itself and championing it". Read all of 
http://briankardell.wordpress.com/2012/12/07/the-new-gang-of-four/ to get a feel for whats up here. But essentially, much of the priorities that are important for web apps and things that drive us developers crazy are not always shared by standards groups. These four fellas feel developer pain well and can successfully engage in the standards arena to prioritize what's most important.

If your company is a member of the W3C ( http://www.w3.org/Consortium/Member/List ), contact your AC repa... more »

2012-12-30 08:14:11 (2 comments, 9 reshares, 23 +1s)

<body/>

I have finally gotten around to watching +James Pearce's presentation from  +Remy Sharp's Full Frontal conference this past November.  Take 40 minutes and watch this, especially if you are a die hard semantic markup person.

I have struggled with the issues of semantic markup versus a full on web programmatic application since I got involved in mobile full time a few years ago.

I think this is a great conversation to have and it isn't happening so when I see a presentation like this that so masterfully teases out the relevant points I really want to see people have a conversation about it and tease out the important issues pro and con.

2012-12-21 12:48:23 (2 comments, 6 reshares, 21 +1s)

Remy's workflow: Never Having To Leave Chrome DevTools

Some good overview of how you can streamline your workflow by staying in the DevTools by +Remy Sharp. 

Blog post: http://remysharp.com/2012/12/21/my-workflow-never-having-to-leave-devtools/

Video: My workflow with DevTools

2012-12-06 17:19:28 (0 comments, 7 reshares, 19 +1s)

The complete day of Full Frontal 2012 talks: http://www.youtube.com/playlist?list=PLXmT1r4krsTrXThZIxcnzogf_YLOHRUZv&feature=view_all

A little backstory

For the first 3 years I always resisted videoing the event, mostly because we didn't have the budget, but also I didn't want it to infringe on the event itself (camera people, lighting, etc).

I also turned down offers from people to do it for free.  Again, I wasn't keen because either it wouldn't be up to the quality I expected (and if it's free, you can't really ask them to do it again when you've got folk waiting for video) equally you can't put any deadlines in place for volunteer work (you might think you can, but I've seen it time and time again where free work ends up in friends just getting pissed off with each other).

Annnyway.

Year 2 & 3 the... more »

2012-12-05 16:36:56 (0 comments, 2 reshares, 4 +1s)

Sharing this: Editing in FCP screencast

This was my edit process in Final Cut Pro whilst editing the last 1/4 of the Full Frontal 2012 videos.

The first task is to sync up the reference camera with the main subject camera. Then I use the reference camera to set markers on the main camera timeline when slides change.

Next I drop in each slide (and export of PDF to JPG images since these allow you to easily change their duration in FCP), and align them to the markers.

I found when I came to edit Rebecca's talk, there was a sync issue with the audio and video - but released that for some reason the video thought it was 23fps and audio was 25fps so it didn't sync up.  I fixed this by creating a new project, and specifying the settings.

You might catch it, but once all the syncing is done, the actual work of putting the slides on the timeline and... more »

2012-11-12 22:04:39 (4 comments, 1 reshares, 1 +1s)

I'm doing some hacking on a NodeCopter, and very close, but need some help.

I'm using udev http://en.wikipedia.org/wiki/Udev to trigger a script when the usb is inserted in the drone.  I've got a rule that triggers a script - which does work.

The problem is I'm trying to execute a script on the usb stick - but I believe the mounting of the stick isn't complete when the udev usb mount event fires - so it doesn't work.

The rule is:

ACTION=="add", SUBSYSTEM=="usb", RUN+="/data/video/usb/mount.sh"

Note /data/video/usb/mount.sh contains:

#!/bin/sh
echo `date` > /data/video/d.txt

I can confirm the script is good when I manually run a trigger using:

udevadm trigger --action=add --subsystem-match=usb

However, it isn't able to write the file oni... more »

2012-10-04 11:46:24 (3 comments, 1 reshares, 3 +1s)

Anyone want to remind me why we do `document.head.appendChild` with bookmarklets?

I'm pretty sure it's because you can't rely on the body element existing - either due to it not be parsed yet, but also because frameset pages don't have a body element.

Anyone want to confirm or correct me (those people I included explicitly, I suspect know the answer)?

2012-09-29 20:07:22 (1 comments, 3 reshares, 16 +1s)

This is arguably one of the most important call to actions for the modern web ecosphere. I, for one, 100% back +Remy Sharp opinion of Apple and would even go so far as to add support to the "have reached out numerous times and received zero reply" category. We have made the TC-39 ECMAScript committee more visible, we should make each browser vendor equally as visible - and more importantly - accountable.

I have ideas for this, possibly for JSConf US - would love for Apple to be present, but also not afraid to call them out for their "developers be damned" attitude. 

2012-09-27 11:23:53 (30 comments, 1 reshares, 8 +1s)

What's the nastiest/best/craziest thing you've ever seen done with an iframe?

I'm giving a talk at jsconf next week and I've got quite a few crazy bits in there, but I'd love to find out more madness that you guys and gals know about.

Here's one example (which I won't share right now how - but will do in my slides next week - which of course I'll share): 

You can use an iframe to create a 3rd party API if the 3rd party don't have an API. I've used this to create APIs to Lanyrd and Github in the past.

2012-08-23 14:45:10 (3 comments, 0 reshares, 5 +1s)

I was digging around some old JS Bin emails, and found this from +Yohei Shimomae who did the amazing artwork for Dave, the JS Bin bot. 

It's the life cycle Dave took before ending up the way he did.

The JS sticker comes from me attending JSConf.us in April, and it's stuck to my son's changing mat. I thought it might be nice that the JS Bin mascot show off his support for the JS Community.

What I want next is: a) a lego version of Dave, b) a real metal work version of Dave!

2012-08-02 08:37:56 (12 comments, 37 reshares, 77 +1s)

Where polyfill came from / on coining the term

It was when I was writing Introducing HTML5 http://introducinghtml5.com back in 2009. I was sat in a coffeeshop (as you do) thinking I wanted a word that meant "replicate an API using JavaScript (or Flash or whatever) if the browser doesn't have it natively".

Shim, to me, meant a piece of code that you could add that would fix some functionality, but it would most often have it's own API. I wanted something you could drop in and it would silently work (remember the old shim.gif? that required you actually inserted the image to fix empty `td` cells - I wanted something that did that for me automatically).

I knew what I was after wasn't progressive enhancement because the baseline that I was working to required JavaScript and the latest technology. So that existing term didn't work... more »

2012-08-01 10:58:44 (14 comments, 1 reshares, 4 +1s)

Trying to reach beyond my normal circle of physical acquaintances to find developers I can work with on upcoming client projects.

2012-07-26 16:14:39 (8 comments, 1 reshares, 20 +1s)

So, this is awkward. I guess Google Plus is looking pretty appealing right now, eh? :)

2012-07-26 00:15:23 (1 comments, 6 reshares, 20 +1s)

A video demo of remote rendering in JS Bin - i.e. render live to any browser or device or location.

UI still needs more work to feedback to you what's what - in particular if people are connected and viewing, but still, it's pretty powerful for doing mobile rendering testing.

In the near future, setting the "auto-run JS" will also affect the remote renders, and any JS errors on remote views will feed back to the JS Bin console (with the user agent so you can tell which device threw the error).

(One current caveat: processors don't work in the remote render - that's a bug - sort of, I was too eager to expose the UI to processors - so this slipped through the net).

2012-07-23 09:21:00 (9 comments, 19 reshares, 49 +1s)

A short post on the new stuff in http://jsbin.com that launched today:

The big change in jsbin is the live aspect:

- Start typing, your code is saved and continues to save as you type.
- As you type the live output is updated automatically.
- Open the the full preview url (without /edit) in any other window - be it browser or mobile phone, and that will update in real-time too. So you can edit on your desktop, and the rendered output will appear on you mobile devices.
- If you share the url with /watch on the end, people can watch what you type in real time.
- Entirely JavaScript (Node back end now)
- New CSS & Console panel
- Lots more

More detail will be in the post later today. I'll try to answer more questions here if they come up.

It also continues to be completely open source: http://github.com/remy/jsbin  - sow... more »

2012-07-21 22:56:17 (18 comments, 5 reshares, 12 +1s)

I've been working hard on getting JS Bin v3 ready for release, but one of the final issues was to do with the history API not being supported in IE8-9 (yes, JS Bin supports those browser - that's for another day).

# Here's the situation:

JS Bin makes use of pushState. When you start typing in an empty bin, a new bin is automatically created for you and you now have a dedicated url. Something like http://jsbin.com/abcd/1/ (the code is abcd, and revision 1).

When the Ajax response comes back saying the initial creation was successful, we pushState the new url and you carry on typing (whilst JS Bin continues to save in the background).

This kinda worked in oldIE already, I would detect pushState support and the browser would reload. At this point you'd have the good url.  The crap experience part is reloading whilst you're actually typing. Not... more »

2012-06-26 11:37:46 (0 comments, 0 reshares, 2 +1s)

I'm really excited about our Tooling Tutorial day: http://2012.full-frontal.org/workshop/tooling Run by +Jake Archibald, +Rebecca Murphey and myself. There's six topics run in a way that you can attend any 4 topics in the day - a choose your own adventure workshop if you will.

The idea being going beyond a normal conference session, with hands on 90 minute tutorial on each topic giving you all the technology that you'd need in your development toolkit.

Topics include: Git, RequireJS, debugging, testing, SASS and build processes.

The day event is £220+vat and perfect for anyone wanting to get their hands  dirty in any of these tools.

Please grab a ticket and let others know about the event if you can!

2012-06-22 08:44:10 (14 comments, 1 reshares, 28 +1s)

I've not used Google Hangouts much, but I think it might be real cool to create a hangout around a code casting session on JS Bin. What'd ya think folks?

2012-03-26 15:21:06 (3 comments, 10 reshares, 5 +1s)

2011-10-18 14:45:54 (3 comments, 5 reshares, 14 +1s)

I always forget to include MIT-LICENSE.txt, so I created a public resource to fix just that http://remysharp.com/a-public-mit-license-resource/ eg. http://rem.mit-license.org

The project is hosted on GitHub so feel free to fork and send a pull request to get your own URL: http://github.com/remy/mit-license

2011-08-23 16:18:10 (10 comments, 0 reshares, 1 +1s)

g+ is prompting me to share my new face. Actually, it's not new at all, the problem is, is that it's older. I'd rather have the old, new face .. :-\ Anyway - watch out - the white top/black background has swapped!

2011-08-23 13:29:03 (3 comments, 5 reshares, 20 +1s)

Posted a couple of video tutorials for JS Bin:

1. Saving your history of JS Bin urls: JS Bin: saving your history (beta)
2. How to do Ajax testing: JS Bin: testing Ajax requests

2011-08-06 23:22:14 (9 comments, 0 reshares, 1 +1s)

Kinda hoping that this almost fullscreen in OS X Lion is a glitch: http://yfrog.com/h3dfemp the zoomed in area is the top left corner. Annoying given I had fullscreen in Snow Leopard before, and it wasn't "native". </grumble>

2011-07-27 15:01:17 (4 comments, 5 reshares, 17 +1s)

Made my morning: http://www.ernestcline.com/airwolf/

"Shakespeare is Airwolf."

'nuf said.

2011-07-20 10:08:03 (9 comments, 6 reshares, 14 +1s)

On the off chance you missed this on Twitter - my conference, http://2011.full-frontal.org has launched it tickets. Only a few left (at day 2), but we're also running 2 day workshops http://2011.full-frontal.org/workshops with PPK and myself.

2011-06-30 15:01:05 (32 comments, 1 reshares, 18 +1s)

I so don't fucking get this. Did Google re-brand buzz?