View allAll Photos Tagged Javascript
See more animation on YouTube:
www.youtube.com/channel/UCF0N-j_mh3itYwSgtyG83Ag
These drawings are done by using some java script programing language and simple mathematics. Twisting and turn one line at a time to draw geometrical shape like these.
#geometric #math #mathematics #programming #Javascript #canvas #art #mandala #drawing #structure #flower #topology #shapes #shapemorph #animation #spirals #fractals #trigonometry #sides #lines #flower #kaleidoscope #spirals #followforfollow #ff #follow #art #follow4follow #roschach
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...
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.
I rarely leave projects unfinished, mostly because the "unfinished" part drives me nuts; unfortunately, this one slipped through the cracks. Demoed here in IE 6 (it almost worked in Mozilla/Phoenix at the time, save for some event handling.) A console.log()-style debug window is running to the left.
I got "so close" in this tribute to Scorched Earth (a PC-DOS classic game), and then hit a wall with a logic problem with multi-player where someone would die as the result of another's shot, they'd be removed from the player list, a turn would advance and then the "next" player would be skipped. In hindsight this should have been trivial, but I managed to muddle it up enough to frustrate myself to shelve the thing for a bit, and then it simply collected dust. Bah.
I'm occasionally reminded of this project, and briefly consider reviving it if only to get it finished. I was working on network play and chat before stopping, which lead to an early Comet prototype (which worked!)
The land was animated and "fell" like in the original DOS game too, and it was done by creating a ton of DIV elements. Yes, each slice of land is a 1-pixel-wide DIV element with varying height, randomly-generated at the start of each game.
Other fun parts: Making the tank's turrets with similar 1x1-pixel elements, and moving the turret in real-time as you adjust the angle/power on the HUD similar to the DOS game. (I never got around to doing this in the status window, apparently.)
The themes are separate CSS stylesheets, a sort of trend at the time (recall the CSS stylesheet switcher script?).. They actually worked quite well.
This was a fun experiment in object-oriented JavaScript following the fun of DHTML Arkanoid, though that one had the benefit of being finished and released.
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
See more animation on YouTube:
www.youtube.com/channel/UCF0N-j_mh3itYwSgtyG83Ag
These drawings are done by using some java script programing language and simple mathematics. Twisting and turn one line at a time to draw geometrical shape like these.
#geometric #math #mathematics #programming #Javascript #canvas #art #mandala #drawing #structure #flower #topology #shapes #shapemorph #animation #spirals #fractals #trigonometry #sides #lines #flower #kaleidoscope #spirals #followforfollow #ff #follow #art #follow4follow #roschach
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*
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
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.
Day 149 - Javascript for dummies
Because Oliver is still sick, today he has tinkered again on a new design for his website. So first I had to read a smart book until I could assist him. We have not become quite finished, but it looks already well! :)
Da Oliver immernoch krank ist, hat er auch heute wieder an einem neuen Design für seine Webseite gebastelt. Ich musste mir deshalb erst ein schlaues Buch durchlesen, bevor ich ihm dabei helfen konnte. Wir sind noch nicht ganz fertig geworden, aber es sieht schon gut aus! :)
Please check: 365.olivertotzke.de for the complete project and leave a comment there!