View allAll Photos Tagged JavaScript
asistentes al taller Desarrollo de aplicaciones para SmartPhones con HTML/CSS y Javascript impartido por Julián Beltrán en el espacio CAMON de Alicante.
This is a silly prototype I made showing flash video overlaying HTML, and synchronising javascript animations and sound effects to a video timeline. The lower left block is video, the lights (including those overlaying the video) are HTML, CSS and Javascript.
It gets a little crunchy toward the end given CPU load etc.
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
Sometimes I find visual context helps when writing code. This is one example of a scratchpad for random thoughts.
Usually when I'm thinking in terms of coordinates, rows and columns or pixels as they relate to a grid pattern like this, it helps to draw outlines showing how the numbers correlate to the visuals.
In this case it was the "grid" (columns and rows of thumbnails) that I was working on. I knew scrolling, selection and rearrange would be important interactions that would need to be hashed out, once the photo items themselves has been defined as objects in JavaScript.
Later, primary controllers to be defined in JavaScript included the "display" (responsible for the current view), selection, events and state (sessionData) along with a few performance / browser limitation notes.
More fun background details on the grid are planned for a future code.flickr blog post.
Screenshot of the PixelFlow application I have been working on. Built using Canvas, CSS3 and EaselJS.
Design by Ben Griffith.
I completely rewrote Mycelium in Plask. It's much cleaner now, and uses Skia for PDF export which is much faster. In the Processing version adding text was a huge pain. There was a system for exporting variously colored lines, which would then be stroked with text in Illustrator. It was super laborious and didn't look that good. Now it's automated and parameterized. Perhaps i'll write a little bit more about it later.
The text used here is an excerpt from Thoughts on Art and Life by Leonardo da Vinci.
WIMP Meetup & Potluck:
Node.js: Why JavaScript sucks and you should use it everywhere
Meetup is FREE with a $5 suggested donation at the door. Help keep WIMP awesome.
Professional computer geek Dan Lyke will be presenting this month.
ABSTRACT
JavaScript is a necessary evil for web apps. Given that, how can NodeJS help us use JavaScript everywhere, on both clients and servers, to deploy higher quality software through code sharing, test driven development, and other best practices. No programming experience necessary.
OUTLINE:
1. Your project includes JavaScript because JavaScript is everywhere.
2. MVC - here's how applications are "supposed" to be structured.
3. A tangled mess - here's how web apps are actually structured.
4. Here's how JavaScript at all layers can help make that tangled mess more maintainable.
5. NodeJS can help you do that through:
- Test Driven Development (+mocha) (demo)
- Sharing code between Model and Controller (demo)
- Amazing frameworks (+meteor) (demo)
- Integrating NodeJS for other server apps (maybe demo)
- A few related technologies, or how Node.js can help you not write in JavaScript: CoffeeScript, C++/emscripten, TypeScript
WIMP WEBSITE www.beawimp.org
WIMP FACEBOOK www.facebook.com/groups/northbaywebpros
WIMP MEETUP www.meetup.com/beawimp
WIMP TWITTER @beawimp
ABOUT DAN LYKE: www.flutterby.net/User:DanLyke
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
This photo was captured at the 2018 edition of Great Indian Developer Summit (#gids18), April 24-28, Bangalore, India.
11th APRIL, LONDON - Damjan Vujnovic shares when he decided to build mindmup.com. The two main goals, to learn cool stuff and have fun. What went right? What went wrong? What was most surprising? How did they test, monitor & troubleshoot? See the SkillsCast recording (film, code, slides) at bit.ly/16V3t3p