View allAll Photos Tagged html5
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: TrialSupportBuy
- 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
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
HTML5 APIs Will Change the Web… And Your Designs
Jen Simmons, Designer
For the last twenty years, we have been creating websites from inside of a certain set of constraints—inside the limits of the technology that runs the web. We became so used to those constraints, we stopped thinking about them. But HTML5 changes many of these limits. The new HTML specs define a lot more than markup—there’s a lot about databases, communication protocols, and how websites & browsers talk to each other. It’s radical stuff that will redefine the creature formerly known as the “web page.” In this talk, Jen will walk us through the new possibilities created by HTML5’s APIs and how they will shape the web of the future.
(Low-Res Video Camera Frame) --- TV Sets Are Targeted By World Wide Online Television Services --- (HTML5 Television Resolutions Range From a Tiny 90p Mobile Resolution to 1080p and 4k). --- OGG Theora, WebM and Other Open Video Formats are High Performance with Pin-Sharp Video Quality. 1080p is the Highest Resolution Used Now, While 2014 will Be The Beginning of 4k HTML5 Television. High Performance Streaming TV vs Internet Bandwidth will Force Faster Internet Speeds.
Este año es el definitivo para el despegue de HTML5. Por eso desde ADWE Alicante han organizado este taller, donde veremos los nuevos tags de HTML5 qué podemos empezar a utilizar (header, nav, article, section, video, audio…), y cómo hacerlo compatible con navegadores antiguos. Los formularios con HTML5 y las API de HTML5 que harán más fácil el desarrollo de aplicaciones web (canvas, web workers, web sockets, cache…)
Además, veremos los frameworks que están disponibles, para empezar a trabajar de una manera correcta y eficiente con HTML5.
El ponente José Luis Serrano (@monfor23) es uno de los desarrolladores web nacionales más expertos, licenciado en Ingeniería Informática por la Universidad de Alicante. Su carrera profesional se ha centrado principalmente en la creación de aplicaciones web, mashups y como programador experto J2EE, y es parte del equipo de desarrollo del servicio de banca online CAM Directo.
Más info: www.tucamon.es/contenido/introduccion-a-html5-adwe
2015 Will Be a Powerful Global Streaming Television Year.
High-Speed HTML5 TV Channel Surfing Demo
www.youtube.com/watch?v=tC9ogX8d0-o
wget HTML5 TV Streaming Backend Demo 1
www.youtube.com/watch?v=8W6YHljpVLU
wget HTML5 TV Streaming Backend Demo 2
(Low-Res Video Camera Frame) --- TV Sets Are Targeted By World Wide Online Television Services --- (HTML5 Television Resolutions Range From a Tiny 90p Mobile Resolution to 1080p and 4k). --- OGG Theora, WebM and Other Open Video Formats are High Performance with Pin-Sharp Video Quality. 1080p is the Highest Resolution Used Now, While 2014 will Be The Beginning of 4k HTML5 Television. High Performance Streaming TV vs Internet Bandwidth will Force Faster Internet Speeds.
Este año es el definitivo para el despegue de HTML5. Por eso desde ADWE Alicante han organizado este taller, donde veremos los nuevos tags de HTML5 qué podemos empezar a utilizar (header, nav, article, section, video, audio…), y cómo hacerlo compatible con navegadores antiguos. Los formularios con HTML5 y las API de HTML5 que harán más fácil el desarrollo de aplicaciones web (canvas, web workers, web sockets, cache…)
Además, veremos los frameworks que están disponibles, para empezar a trabajar de una manera correcta y eficiente con HTML5.
El ponente José Luis Serrano (@monfor23) es uno de los desarrolladores web nacionales más expertos, licenciado en Ingeniería Informática por la Universidad de Alicante. Su carrera profesional se ha centrado principalmente en la creación de aplicaciones web, mashups y como programador experto J2EE, y es parte del equipo de desarrollo del servicio de banca online CAM Directo.
Más info: www.tucamon.es/contenido/introduccion-a-html5-adwe
Este año es el definitivo para el despegue de HTML5. Por eso desde ADWE Alicante han organizado este taller, donde veremos los nuevos tags de HTML5 qué podemos empezar a utilizar (header, nav, article, section, video, audio…), y cómo hacerlo compatible con navegadores antiguos. Los formularios con HTML5 y las API de HTML5 que harán más fácil el desarrollo de aplicaciones web (canvas, web workers, web sockets, cache…)
Además, veremos los frameworks que están disponibles, para empezar a trabajar de una manera correcta y eficiente con HTML5.
El ponente José Luis Serrano (@monfor23) es uno de los desarrolladores web nacionales más expertos, licenciado en Ingeniería Informática por la Universidad de Alicante. Su carrera profesional se ha centrado principalmente en la creación de aplicaciones web, mashups y como programador experto J2EE, y es parte del equipo de desarrollo del servicio de banca online CAM Directo.
Más info: www.tucamon.es/contenido/introduccion-a-html5-adwe
Gearing up for the Revolution. If you are a web developer/designer you must be living in a cave if you haven't heard about HTML5. Since January I've been reading up on the new standard on the interwebs and now the first few books from the publishing Establishment have hit the market. Oh, and when we publish the Utata 2010 Big Project next week it will be encoded as HTML5. :)
responsive-quiz-application-using-php-mysql-jquery-ajax-and-twitter-bootstrap
DEMO
DOWNLOAD
2 total views, 2 views today
www.99designhub.com/2014/07/responsive-quiz-application-u...
This week nerosunero features on www.dripbook.com
part of a Dripbook's new launch of three super elegant HTML5 websites!
See the Dripbook's Blog
HTML5 MP3 Music Player with Vertical / Horizontal XML Playlist for WordPress compatible with iOS, Android and supports all browsers Firefox, Chrome, Safari, IE and Opera!
Open HTML5 Television Captions --- Global Open HTML5 Television Services Will Stream Open HTML5 Video Formats Directly to your Big-Screen TV. OGG Theora, WebM and Other Open Video Formats Will Stream With Captions. Global Open HTML5 Television is the Next World-Wide Television Platform.
(Here is WebVTT in Action).
www.youtube.com/watch?v=PQfXRgIaIFQ
(Here is WebVTT Compared to Regular TV Captions).
(Low-Res Video Camera Frame) --- TV Sets Are Targeted By World Wide Online Television Services --- (HTML5 Television Resolutions Range From a Tiny 90p Mobile Resolution to 1080p and 4k). --- OGG Theora, WebM and Other Open Video Formats are High Performance with Pin-Sharp Video Quality. 1080p is the Highest Resolution Used Now, While 2014 will Be The Beginning of 4k HTML5 Television. High Performance Streaming TV vs Internet Bandwidth will Force Faster Internet Speeds.