Taken at dotJS 2019 in Paris on December 5-6, 2019 by Nicolas Ravelli

Taken at dotJS 2019 in Paris on December 5-6, 2019 by Nicolas Ravelli

Tableless Conference #1

Rough distribution (v0.1) of the jQuery versions used on the Alexa top 1000 on May 6, 2010.

Sanitized data cross-referencing the logged versions and the original Alexa data (in addition to YSlow! and Google Page Speed measurements) can be found at

spreadsheets.google.com/ccc?key=0AuKCpKCF44etdGliejBCdVU2...

See full size for an animated GIF of the breakdown based on site popularity.

273 1.3.2

92 1.2.6

81 1.4.2

28 1.4.1

25 1.3.1

19 1.2.3

12 1.4

6 1.2.2

Taken at dotJS 2019 in Paris on December 5-6, 2019 by Nicolas Ravelli

Taken at dotJS 2019 in Paris on December 5-6, 2019 by Nicolas Ravelli

The JQuery team failed to engage properly with their community - I've blogged about this here: philwhitehouse.blogspot.com/2008/09/listening-to-your-com...

Happy little clouds (and one angry storm cloud), Bob Ross, rain, fire and other DHTML wackiness.

Also shown here is the "160 pixel" UI, a little bit of user-generated pixel art. I had a lot of fun building this one, but summer.02 edged it out for entertainment value.

Taken at dotJS 2019 in Paris on December 5-6, 2019 by Thomas Decamps

Graphic created on an iPad with a touch based web app I am working on built with with EaselJS.

More info at:

www.mikechambers.com/blog/2011/02/02/pixelflow-easeljs-ca...

Taken at dotJS 2016 in Paris on December 5, 2016 by Nicolas Ravelli

Here is a snapshot of all my JavaScript books! As you might have noticed, in despite of me being a beginner, I kind of like javascript :->

As is always the case with projectors, we had trouble getting it working, so demonstrations ended up being shown directly on people's laptops instead.

www.meetup.com/The-Oresund-JavaScript-Meetup/

our boys went to brighton in november, to attend the javascript conf, Full Frontal.

more info 2009.full-frontal.org

kudos to Patrick Gunderson for his excellent javascript code theorigin.net/ablazejs/

Fill in the blank by catching correct pictures

Árbol de nivel 0 del DOM en Javascript

Panelist from left to right: Dana Iti, Samson Ootoovak, Aurynn Shaw, Matt Powell, and Alex Gibson. Ruth McDavitt moderated the panel.

ahem, aligner

finally have it working and talking to source.html

download wiggle 0.5.0 from here: wiggle.sourceforge.net/

*happiness is an empty debugger*

I tried to submit a video onto a youtube group, and I got a javascript error. The main issue with this, that this a competition where I wanted to submit a video, and I'm not sure that they will accept if I just send the link in an email for them.... :-(

200711030453000

This shows the order in which the different parts of the page loaded, the red one is the javascript for the advertisement that finally timed out after 3 minutes and 45 seconds. The blame rests on ad.bnmla.com. Furthermore, the vertical blue line in the firebug window represents the DOMContentLoaded event and the red line represents the window load event (both not happening until the ad finally timed out).

Another example of the color palette spectra. This one demonstrates a little better whats going on. The "web safe" palette is made up of colors evenly spaced from rgb space.

So in this example, you can see the banding by hue, and in particular, value. There are only a few bands in the value spectra.

The red,green, blue bands are interesting as well. There are only 6 bands in each of the 3 color components, creating a total of 216 colors.

See www.flickr.com/photos/alikins/4544420985/ for another demonstration of the evenly space nature of the websafe palette.

ZoomCharts at DevClub.lv: Developing a Javascript SDK

On January 15, 2015, ZoomCharts Co-Founder and CTO Viesturs Zariņš presented at DevClub.lv - a community of Latvian IT specialists that gather monthly and host free talks, presentations, and events to allow the local IT community to share knowledge, network, and communicate. Zariņš discussed the unique challenges faced in developing JavaScript SDK.

Here is a brief overview of his PowerPoint presentation on ZoomCharts, the world’s most interactive data visualization software that will support all your data presentation needs with incredible speed.

What is ZoomCharts?

What defines ZoomCharts advanced data visualization software? It is NOT another HTML5 charts library. It is:

- Interactive

- Fast

- Touch enabled

- Supports big data

A long time ago

DOS 6.2 allowed for:

- 320x240x8bpp

- Direct access to pixels on screen

- Assembler for performance

Today, the Web has finally caught up in the graphics department. Now, we have access to:

- Multiple browsers and rendering technologies

- Multiple resolutions

- Performance that varies by browser and device

Development setup:

- We write in JavaScript

- Commit to GitHub

- Build system in JavaScript

- Debug in Chrome

- Run automated tests

- Like WebStorm (and Vim)

Graphics:

Canvas (fast)

SVG (slow)

WebGL (>50%)

Interactive animations:

Zoom in and out of the graph, drag and drop data, all with your mouse or trackpad.

Graceful degradation:

High FPS (frames per second) lets you scale graphics with low image degradation.

Third party libraries:

- Raphael

- Hammer.js

- Leaflet

- Moment.js

Challenges:

- Responsive design: layouts can shift and look nice on desktop screens vs. not so nice on vertical, mobile screens

- Big screen resolutions: uses devicePixelRatio for sharp rendering, but no hardware acceleration beyond 2048x2048

- Safari compatibility: with 100% CPU, input events are blocked and browser locks up; strange code offers fixes

- HTML on canvas: DOM is slow; basic HTML markup must be parsed and rendered manually; text caching helps

Support:

- Process: TrialSupportBuy

- 1 day issue resolution

- #1 Tell me what I did wrong

- #2 Can you do…

Testing:

- Automated tests on every GIT push

Automatically:

- Compare images

- Record performance

- View errors in console

Interactive testing:

- Next step: record and playback

BrowserStack:

- Interactive mode

- Automated: Selenium API

Debugging:

Chrome Developer tools (F12)

- Debugging

- Profiling

- Timeline

Remote debugging available: developer.chrome.com/devtools/docs/remote-debugging

Future:

- More charts

- Extension API

- Memory allocation tracking

- WebGL

We are looking for statically-typed language:

- Error checking

- Performance

- Superior minification

- Easy to write and read

- Easy to call from JS

Building

Custom build script:

- Compile

- Minify

- Extract documentation

- Embed customer data

Check out ZoomCharts products:

Network Chart

Big network exploration

Explore linked data sets. Highlight relevant data with dynamic filters and visual styles. Incremental data loading. Exploration with focus nodes.

Time Chart

Time navigation and exploration tool

Browse activity logs, select time ranges. Multiple data series and value axes. Switch between time units.

Pie Chart

Amazingly intuitive hierarchical data exploration

Get quick overview of your data and drill down when necessary. All in a single easy to use chart.

Facet Chart

Scrollable bar chart with drill-down

Compare values side by side and provide easy access to the long tail.

ZoomCharts

www.zoomcharts.com

The world’s most interactive data visualization software

#zoomcharts #interactive #data #interactivedata #datavisualization #interactivedatavisualization #chart #graph #charts #graphs #Javascript #JavascriptSDK #DevClubIV #Latvia #PowerPoint #PowerPointpresentation #fast #bigdata

As is always the case with projectors, we had trouble getting it working, so demonstrations ended up being shown directly on people's laptops instead.

www.meetup.com/The-Oresund-JavaScript-Meetup/