background preloader

How to build a web widget (using jQuery) - Alex Marandon

How to build a web widget (using jQuery) - Alex Marandon
Published on 15 June 2010, updated on 10 February 2015, 110 Comments Introduction I created some web widgets for the London’s Design Museum and learned a few useful things in the process. Although all the necessary information can be found on the web, I couldn’t find a really comprehensive guide about doing this with jQuery so I decided to write this one. I’ll cover only techniques which are specific to web widgets so you should already be familiar with JavaScript, jQuery and web development if you want to follow easily. The interesting points will be: ensure the widget’s code doesn’t accidentally mess up with the rest of the page, dynamically load external CSS and JavaScript files, bypass browsers’ single-origin policy using JSONP. Don’t worry if all this doesn’t make sense to you yet, we’ll see in details what these techniques are used for in the context of building web widgets. That’s really all that a web site owner would need to include our widget on her pages. Can’t it be even simpler? Related:  web

Mind Map A mind map is a kind of spider diagram that organizes information around a central concept, with connecting branches. The layout is controlled by moving the nodes closest to the tree's root node. When one of these nodes is moved horizontally to the other side of the root, all of its children will be sent to Layout.doLayout with a new direction, causing text to always be moved outwards from the root. The spotConverter function is used to manage GraphObject.fromSpot and GraphObject.toSpot for nodes manually, so the TreeLayout.setsPortSpot and TreeLayout.setsChildPortSpot properties are set to false so that laying out the diagram will not overwrite the values. When a node is deleted the CommandHandler.deletesTree property ensures that all of its children are deleted with it. Node templates also have a Part.selectionAdornmentTemplate defined to allow for new nodes to be created and a GraphObject.contextMenu with additional commands. Diagram Model saved in JSON format:

NoFlo | Flow-Based Programming for JavaScript Hack our apps | Meemoo project by Forrest Oliphant welcome to meemooVilson Vieira Paper GIFforresto GIF+HTML workshopBrasstown animators HTML5 videoForrest Oliphant particles → trailsForrest Oliphant (more) particles → tileForrest Oliphant Megacam gridForrest Oliphant GIFs from 1989Forrest Oliphant recursive spiralForrest Oliphant hackable clock 0.1Forrest Oliphant digital rainbow clockForrest Oliphant play beethovenVilson Vieira, g200kg 8 bit synthVilson Vieira, g200kg mr.doob harmonyVilson Vieira, mr.doob web tunnelVilson Vieira

noflo/noflo: Flow-based programming for JavaScript noflo/noflo-ui: NoFlo Development Environment Reconnaissance et synthèse vocale – Web Speech API | Roboteek Afin de rendre le robot un peu plus intelligent, je l’ai doté dès le début de la reconnaissance vocale. Pour cela, j’ai utilisé la librairie Sphinx 4 avec un ensemble de fichiers pour permettre la reconnaissance de la langue française. J’ai été assez bluffé par les résultats de la reconnaissance mais je me suis vite retrouvé face à un problème. Place maintenant au tutoriel. Tout d’abord, mettons en place le script JS permettant de faire appel à l’API. Voici le petit bout de code de la page HTML faisant appel au script : [speech.html] Pour lancer cet exemple, il est nécessaire de le faire tourner sur un serveur sécurisé (HTTPS). Voici le ZIP contenant l’ensemble des sources sauf les fichiers de certificat et de clé : Speech.zip Dézippez-le. Pour lancer l’exemple, il faut d’abord installer NodeJS sur votre machine. Puis lancez le serveur :node server_speech.js

Publish Photos on a WordPress Blog from digiKam | Scribbles and Snaps While digiKam doesn’t allow you to publish photos directly to a WordPress blog, you can work around this limitation. Enable the Post by Email feature on your WordPress blog, and you can use the SendImages Kipi plugin in digiKam to email photos directly to your blog. To make this workaround work, you have to prepare your WordPress blog first. If you host your blog on WordPress.com, navigate to Dashboard | My Blogs and press the Enable button to activate the Post by Email feature. This will automatically generate a unique email address where you send your photos. digiKam relies on an external email client to send photos, so before you proceed, make sure that you have a supported email program installed and configured on your machine. digiKam supports a wide range of email clients, including Thunderbird, Evolution, KMail, and Claws-Mail. To send photos, switch to digiKam, select one or several photos, and choose Image | Email Images. digiKam user? Like this: Like Loading...

Massive LiDAR Point Clouds with 3D Tiles and Entwine Entwine is open source software that organizes massive point cloud collections into 3D Tiles point cloud format. It is designed to handle any size point cloud, from desktop-scale to ones with hundreds of billions of points. For example, using data collected by the USGS of New York City after Hurricane Sandy, Entwine organized a 4.7 billion points into the 3D Tiles format to visualize the city. The visualization was processed in two hours using Amazon’s 30 core machine. Entwine also supports conversion and organization for dynamic point cloud web services such as Greyhound. Entwine, PDAL, and Greyhound are developed by Hobu, Inc.

Web publishing with Cesium | Acute3D | Capturing reality with automatic 3D photogrammetry software The upcoming release of ContextCapture can generate 3D models with level-of-detail in the Cesium 3D Tiles format, for streaming and display in Cesium web applications. Cesium is an open-source JavaScript library for 3D globes and 3D maps. Check out the two demos below: Optionally, ContextCapture can generate a base Cesium application which can be directly published to the Web. Cesium is purely client-based, so the Cesium 3D Tiles data and the Cesium application can be hosted on a static Web server. Online file storage web services / content delivery networks such as Azure Blobs/CDN or Amazon S3/CloudFront are also supported. We will present this new feature at Siggraph 2016 in Anaheim, CA, in a Birds of a Feather session on Virtual Globes Using WebGL and Cesium: Tuesday, 26 July, 10:30 am – 12:00 pm, Anaheim Convention Center. Stay tuned for this upcoming ContextCapture release!

Related: