Carte de France cliquable en SVG avec la librairie js Raphaël Je vous propose de faire une carte cliquable des régions françaises (hors Dom Tom), le but ici est d’avoir une carte compatible avec les anciens navigateur (oui même notre ami IE) et sur un maximum de terminaux, donc adieu flash (Flash n’étant pas supporté sur les ipad, iphone et Android). On va donc se concentrer sur le format SVG (wikipédia) et surtout pour assurer la compatibilité avec les anciens navigateurs on va utiliser la librairie JS Raphael. Voici les étapes * Volontairement je ne m’étendrais pas sur la création du fichier SVG, mais sachez qu’avec un logiciel de dessin vectoriel comme inkscape, en sélectionnant un objet (les contours des départements par exemple) et en faisant Ctrl+ Maj + X (Editeur XML) la première ligne « d » correspond aux coordonnées dont nous avons besoin. Voilà vous avez téléchargé les fichiers, nous allons créer une simple page web nommée index.html, et un répertoire « js » pour nos fichiers javascript. Créer notre page web : <! Sources :
Ideas para reciclar botellas de plástico En otros artículos publicados en el pasado, les hemos dado ideas de como utilizar las botellas de PET como macetas. ¿Que otras cosas podemos hacer con las botellas, además de depositarlas en el respectivo contenedor?. A continuación les entregamos un compilado de imágenes e instrucciones, para hacer otros entretenidos objetos con las botellas y envases de plástico que tanto nos atormentan.1. Escoba 2. Hucha (alcancía, guardiola…) Las piezas van unidas con tornillos en este caso para darle un toque estético, las monedas se introducen por el tapón. 3. 4. 5. 6. 7. 8. 9. 10. 10. 11. 12. 13. 14. 15. 16. Gracias a todos/as los que habéis colaborado con la realización de este post. ¿Tienes mas ideas, propuestas o comentarios? Buen día.
HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck arbor.js Useful Life Hacks Pure HTML5 file upload Pure HTML5 file upload Today we will be developing a great HTML5 file upload form with progress bar and preview (at client-side). We have already gave you jQuery based solution, but today’s application don’t require jQuery at all. All made in pure HTML5 Javascript. I’m going to use FileReader (html5) to implement live preview (without uploading to server), and, going to use XMLHttpRequest to send data to server. Here are our demo and downloadable package: Live Demo Please share to unlock the package inShare11 Ok, download the sources and lets begin ! Step 1. At this page you can see out form for upload images index.html Step 2. css/main.css I have selected all necessary styles for our html5 upload form Step 3. js/script.js Most of code is already commented. Step 4. upload.php As you can see – I’m not uploading file. Conclusion Welcome back to read new awesome and unique articles about HTML5. If you enjoy our articles, feel free to share our tutorials with your friends.
Raphaël—JavaScript Library How do our favorite tech companies make money?