This is a presentation given at WordCamp Raleigh 2013 on creating maps in WordPress with LeafletJS. Sample code here - https://github.com/aliciaduffy/generic-map
This document provides an overview of Leaflet, an open source JavaScript library for mobile-friendly interactive maps. It discusses that Leaflet is lightweight at 33KB, has an easy to use API, supports various tile and overlay sources, and has many plugins. It also describes how to add base map tiles, overlay data layers, and markers to maps using Leaflet.
Application devevelopment with open source librariesAllan Laframboise
A deeper look at some interesting open source projects on Esri GitHub. A quick look at OAuth too. Terraformer, Esri-Leaflet, Geoservices-js, Esri-Leaflet-Geocoder...
Building books from static sites: Digital (and print) publishing with the JAM...Eric Gardner
This document discusses building digital books from static sites using the JAMstack approach. It describes how the Getty Museum published their collection catalogs digitally using a static site generator (Middleman), plain text files, and JavaScript for interactivity. Features included a book-like reading experience, full-text search, deep zoom images, dynamic maps and components, and automatic PDF/Epub generation. The approach allowed beautiful design and long-term availability like print books.
CPOSC Talk - The Gatsby, Contentful, Netlify StackSarah Mogin
Meet Gatsby, Contentful, and Netlify: three modern tools empowering developers to build performant, static, serverless sites. Gatsby is a lightning-fast static site generator built on React and GraphQL; Contentful is a customizable CMS with a killer image API; Netlify is a simple continuous integration and CDN service.
Other resources:
- https://github.com/srhmgn/gatsby-and-friends
- https://www.gatsbyjs.org/blog/2018-04-11-trying-out-gatsby-at-work-and-co/
This document provides an introduction to using the Google Maps API, including how to load the API, create a map container, add a map to the container with default styling, and add a marker to the map. It also briefly outlines some additional features that can be used like geocoding, custom styling, drawing tools, and more. The document encourages exploring the API further and provides resources for doing so.
The document discusses various Google Maps APIs and techniques, including:
1) Using the Geolocation API to get a user's location and center the map. It discusses handling different browser implementations.
2) Making HTTP requests to retrieve JSON data and parse the response to use in the map.
3) Using the Geocoding API to center the map based on an address.
4) Adding Street View panoramas to a map when visible.
5) Calculating directions between points using the Directions API.
6) Best practices for markers, info windows, and map bounds handling.
WebGL is a JavaScript API for rendering interactive 3D graphics and 2D graphics within any compatible web browser without the use of plug-ins. It can be used for data visualization, creative coding, art, 3D design environments, music videos, mathematical function graphing, 3D modeling, texture creation, physics simulations, and more. WebGL works by using JavaScript to interface with the GPU through WebGL API calls. Common libraries like Three.js simplify the use of WebGL. The basics of a WebGL app include setting up a 3D scene, camera, and rendering loop. Sample code is provided to load a 3D model and texture and allow interactive rotation. Resources listed for learning more include tutorials on Phil
This document provides an overview of the Google Maps API. It discusses loading a basic HelloWorld map, basic UI components, and loading location data dynamically from GeoRSS, KML, and custom XML files. It recommends using the GDownloadUrl and GXml functions provided by the API to download and parse location data from external XML sources. The assignment is to demonstrate loading dynamic location data onto a map.
This document provides an overview of Leaflet, an open source JavaScript library for mobile-friendly interactive maps. It discusses that Leaflet is lightweight at 33KB, has an easy to use API, supports various tile and overlay sources, and has many plugins. It also describes how to add base map tiles, overlay data layers, and markers to maps using Leaflet.
Application devevelopment with open source librariesAllan Laframboise
A deeper look at some interesting open source projects on Esri GitHub. A quick look at OAuth too. Terraformer, Esri-Leaflet, Geoservices-js, Esri-Leaflet-Geocoder...
Building books from static sites: Digital (and print) publishing with the JAM...Eric Gardner
This document discusses building digital books from static sites using the JAMstack approach. It describes how the Getty Museum published their collection catalogs digitally using a static site generator (Middleman), plain text files, and JavaScript for interactivity. Features included a book-like reading experience, full-text search, deep zoom images, dynamic maps and components, and automatic PDF/Epub generation. The approach allowed beautiful design and long-term availability like print books.
CPOSC Talk - The Gatsby, Contentful, Netlify StackSarah Mogin
Meet Gatsby, Contentful, and Netlify: three modern tools empowering developers to build performant, static, serverless sites. Gatsby is a lightning-fast static site generator built on React and GraphQL; Contentful is a customizable CMS with a killer image API; Netlify is a simple continuous integration and CDN service.
Other resources:
- https://github.com/srhmgn/gatsby-and-friends
- https://www.gatsbyjs.org/blog/2018-04-11-trying-out-gatsby-at-work-and-co/
This document provides an introduction to using the Google Maps API, including how to load the API, create a map container, add a map to the container with default styling, and add a marker to the map. It also briefly outlines some additional features that can be used like geocoding, custom styling, drawing tools, and more. The document encourages exploring the API further and provides resources for doing so.
The document discusses various Google Maps APIs and techniques, including:
1) Using the Geolocation API to get a user's location and center the map. It discusses handling different browser implementations.
2) Making HTTP requests to retrieve JSON data and parse the response to use in the map.
3) Using the Geocoding API to center the map based on an address.
4) Adding Street View panoramas to a map when visible.
5) Calculating directions between points using the Directions API.
6) Best practices for markers, info windows, and map bounds handling.
WebGL is a JavaScript API for rendering interactive 3D graphics and 2D graphics within any compatible web browser without the use of plug-ins. It can be used for data visualization, creative coding, art, 3D design environments, music videos, mathematical function graphing, 3D modeling, texture creation, physics simulations, and more. WebGL works by using JavaScript to interface with the GPU through WebGL API calls. Common libraries like Three.js simplify the use of WebGL. The basics of a WebGL app include setting up a 3D scene, camera, and rendering loop. Sample code is provided to load a 3D model and texture and allow interactive rotation. Resources listed for learning more include tutorials on Phil
This document provides an overview of the Google Maps API. It discusses loading a basic HelloWorld map, basic UI components, and loading location data dynamically from GeoRSS, KML, and custom XML files. It recommends using the GDownloadUrl and GXml functions provided by the API to download and parse location data from external XML sources. The assignment is to demonstrate loading dynamic location data onto a map.
El documento presenta un "menú cuaresmal" con alimentos y bebidas espirituales recomendadas para la Cuaresma, incluyendo la caridad, la atención a los desamparados, la alegría y el perdón, en contraste con vicios como los chismes y la envidia que se deben evitar. El autor anónimo finalmente recomienda sobre todo "el alimento espiritual" de recibir el cuerpo y la sangre de Cristo para tener vida eterna, de acuerdo con Juan 6:54-56.
1. Waves can transfer energy without transferring matter. The document discusses different types of waves including transverse, longitudinal, plane, and sound waves. It also covers key wave concepts such as amplitude, wavelength, frequency, speed, and direction of propagation.
2. The document discusses various wave phenomena including reflection, refraction, diffraction, and interference. Activities are suggested to observe and analyze these phenomena using tools like ripple tanks and computer simulations. Formulas related to speed, wavelength and frequency are also introduced.
3. The document covers additional topics related to waves and oscillations including standing waves, resonance, and applications to sound waves and the electromagnetic spectrum. Learning outcomes focus on describing, analyzing and solving problems involving different types
This document provides steps to explore and customize the results of an enrichment analysis in a heatmap visualization tool. It describes how to sort and filter rows and columns, change the labels to use more descriptive names instead of IDs, and modify the color scale to better represent p-value results. The goal is to interactively investigate and understand the relationships between enriched gene sets and conditions from the analysis.
El documento habla sobre los beneficios de la graviola para tratar el cáncer. Estudios científicos han demostrado que la graviola contiene sustancias como la acetogenina que son efectivas para tratar tumores cancerosos, especialmente en pulmón, mama y próstata. La acetogenina actúa de forma selectiva matando células cancerosas sin dañar las sanas y es 10,000 veces más efectiva que la adriamicina usada en quimioterapia. La graviola se presenta como una buena alternativa complementaria
Apache Sirona is an open source monitoring solution for Java applications. It provides simple Gauge and Counter objects to collect metrics. Gauges measure values like memory usage and thread counts, while Counters aggregate metrics like response times and concurrency levels. Metrics can be stored in memory, Cassandra, or Graphite. A central Collector webapp is available to view aggregated reports from multiple instances. Sirona uses a plugin architecture and aims to integrate monitoring natively into applications without external dependencies.
Este documento ofrece recomendaciones de alimentos y sus beneficios para la salud para diferentes problemas de salud como dolor de cabeza, fiebre, derrame cerebral, insomnio, asma, artritis, estómago revuelto, infección en la vejiga, huesos, falta de memoria, resfriados, tos, cáncer de mama, cáncer de pulmón, úlceras, diarrea, endurecimiento de arterias, alta presión sanguínea, irregularidades en los niveles de azúcar en la sangre y más
The document contains sample exam questions for the CompTIA certification. It includes multiple choice questions covering a wide range of networking topics such as networking standards, protocols, devices, network topologies, OSI model layers and more. The questions are designed to test knowledge of fundamental networking concepts.
The document discusses the evolution of live preview web design environments. Early editors were basic word processors and visual editors like Adobe PageMill and Microsoft FrontPage provided more capabilities but were still difficult for non-developers. Modern tools like Tumblr and Squarespace improved ease of use but lacked features. The author wanted to build a front-end editor for WordPress that was both full-featured and intuitive for designers and publishers to use. They created PressWork, which integrated layouts, colors, fonts, and social media panels into a friendly interface that takes advantage of modern web technologies.
The document outlines the speakers and topics at the 2015 UX Munich conference, including efficient design processes that contribute to products, lean design approaches like crafting and building together, prototyping with different focuses and branding, creating flexible modules instead of pixel-perfect screens, knowing your skills and potentials, having an attitude and philosophy, learning from failures, and making your employees happy at work.
Virtual events offer companies opportunities but also risks if not planned correctly. The pros of virtual events include improved branding, increased engagement and attendance, and reduced costs compared to in-person events. However, the cons can include reduced interaction quality if the virtual format is not acknowledged, hesitance from slow technology adopters, and an outdated approach from hosting teams unfamiliar with virtual events. Successful virtual events require planning across five elements - the platform, media, content, people involved, and their interactions.
El documento presenta una serie de reflexiones sobre temas como el valor de las cosas, la riqueza, el equilibrio, el éxito, las creencias, la felicidad y la búsqueda del propósito en la vida. Algunas de las ideas principales son que la carencia, no la abundancia, es lo que nos hace valorar las cosas; la riqueza va más allá del dinero; debemos dejar fluir las cosas y mantener el equilibrio; y nuestra misión es cambiarnos a nosotros mismos.
The document discusses Olivier Lamy's role at the Apache Software Foundation where he maintains Jenkins infrastructure and is a committer. It provides details about the Apache Foundation's use of Jenkins for continuous integration across its 100+ projects involving 2500 committers. Specifically, it describes the ASF's common builds and Sonar Jenkins instances that run builds, including technical specifications of the common builds system with 20 nodes building projects across various operating systems.
The document discusses rules for using the library. It states that the library is a place for study, investigation, and learning. Children are learning to use the library, while older students must set a good example by following rules such as placing bags in lockers upon entrance, remaining quiet, not using electronics, and being respectful of others. Following the rules properly maintains the library as a productive learning environment.
La profesora Jane Plant tuvo 5 tumores de mama a pesar de someterse a tratamientos médicos convencionales. Al investigar por qué el cáncer de mama es raro en China, descubrió que las mujeres chinas no consumen leche de vaca, al ser incapaces de digerirla. Cuando eliminó los lácteos de su dieta, su quinto tumor desapareció rápidamente. Más de 60 mujeres con cáncer de mama que siguieron su consejo también vieron desaparecer sus tumores. Plant cree que la relación entre el
The document provides a 4 step tutorial for importing KEGG pathways from the KEGG database into Cytoscape. The steps include: 1) clicking "Import Data from KEGG" and selecting KEGG pathways, 2) leaving default options and clicking next, 3) selecting Homo sapiens and clicking next, 4) giving a name and folder location for the downloaded files which will include a file mapping genes to pathways and another with pathway annotations.
This tutorial explains how to import a data matrix from IntOGen containing p-values for significantly up-regulated genes in different tumor morphology types. It involves selecting "Onco Combinations" and "upreg" to download a continuous data matrix file with p-values for each gene-tumor type comparison, and two additional files annotating the genes and tumor types. Once downloaded, the files provide information on significantly upregulated genes across different tumor morphologies.
Este documento é uma transcrição da música "La Plegaria" de Céline Dion, Andrea Bocelli e Luciano Pavarotti. Em três frases, o documento resume a mensagem da música como sendo uma oração pedindo a Deus para guiar as pessoas com Sua graça, dar-lhes fé para que sejam salvos e levar-los a um lugar seguro quando as sombras encherem seus dias.
1ra clase cómo optimizar la busqueda en googlePaola Padilla
Este documento proporciona instrucciones sobre cómo optimizar búsquedas en Google mediante el uso de filetype, site y comillas para enfocar la búsqueda. Recomienda usar filetype para buscar archivos de un tipo específico como ppt, swf, pdf o doc, usar site para buscar en un sitio web en particular, y usar comillas para buscar una frase exacta.
This document contains code for a web application that serves geographic vector data stored in a Postgres database. It includes code to:
1) Connect to a Postgres database and import vector data from a shapefile into a table with a geometry column.
2) Define routes in a Sinatra application to serve pre-rendered web pages with the vector data visualized using SVG and embedded in HTML.
3) Include JavaScript code to pan and zoom the vector data visualization in the browser.
The document discusses various techniques for improving web applications, including:
1. Enabling in-place AJAX reloading of pages using jQuery.
2. Optimizing page loads by only rendering necessary content for AJAX requests.
3. Adding hash URLs to enable back-button functionality when using AJAX.
4. Improving cross-browser compatibility by detecting browsers and conditional loading of styles.
El documento presenta un "menú cuaresmal" con alimentos y bebidas espirituales recomendadas para la Cuaresma, incluyendo la caridad, la atención a los desamparados, la alegría y el perdón, en contraste con vicios como los chismes y la envidia que se deben evitar. El autor anónimo finalmente recomienda sobre todo "el alimento espiritual" de recibir el cuerpo y la sangre de Cristo para tener vida eterna, de acuerdo con Juan 6:54-56.
1. Waves can transfer energy without transferring matter. The document discusses different types of waves including transverse, longitudinal, plane, and sound waves. It also covers key wave concepts such as amplitude, wavelength, frequency, speed, and direction of propagation.
2. The document discusses various wave phenomena including reflection, refraction, diffraction, and interference. Activities are suggested to observe and analyze these phenomena using tools like ripple tanks and computer simulations. Formulas related to speed, wavelength and frequency are also introduced.
3. The document covers additional topics related to waves and oscillations including standing waves, resonance, and applications to sound waves and the electromagnetic spectrum. Learning outcomes focus on describing, analyzing and solving problems involving different types
This document provides steps to explore and customize the results of an enrichment analysis in a heatmap visualization tool. It describes how to sort and filter rows and columns, change the labels to use more descriptive names instead of IDs, and modify the color scale to better represent p-value results. The goal is to interactively investigate and understand the relationships between enriched gene sets and conditions from the analysis.
El documento habla sobre los beneficios de la graviola para tratar el cáncer. Estudios científicos han demostrado que la graviola contiene sustancias como la acetogenina que son efectivas para tratar tumores cancerosos, especialmente en pulmón, mama y próstata. La acetogenina actúa de forma selectiva matando células cancerosas sin dañar las sanas y es 10,000 veces más efectiva que la adriamicina usada en quimioterapia. La graviola se presenta como una buena alternativa complementaria
Apache Sirona is an open source monitoring solution for Java applications. It provides simple Gauge and Counter objects to collect metrics. Gauges measure values like memory usage and thread counts, while Counters aggregate metrics like response times and concurrency levels. Metrics can be stored in memory, Cassandra, or Graphite. A central Collector webapp is available to view aggregated reports from multiple instances. Sirona uses a plugin architecture and aims to integrate monitoring natively into applications without external dependencies.
Este documento ofrece recomendaciones de alimentos y sus beneficios para la salud para diferentes problemas de salud como dolor de cabeza, fiebre, derrame cerebral, insomnio, asma, artritis, estómago revuelto, infección en la vejiga, huesos, falta de memoria, resfriados, tos, cáncer de mama, cáncer de pulmón, úlceras, diarrea, endurecimiento de arterias, alta presión sanguínea, irregularidades en los niveles de azúcar en la sangre y más
The document contains sample exam questions for the CompTIA certification. It includes multiple choice questions covering a wide range of networking topics such as networking standards, protocols, devices, network topologies, OSI model layers and more. The questions are designed to test knowledge of fundamental networking concepts.
The document discusses the evolution of live preview web design environments. Early editors were basic word processors and visual editors like Adobe PageMill and Microsoft FrontPage provided more capabilities but were still difficult for non-developers. Modern tools like Tumblr and Squarespace improved ease of use but lacked features. The author wanted to build a front-end editor for WordPress that was both full-featured and intuitive for designers and publishers to use. They created PressWork, which integrated layouts, colors, fonts, and social media panels into a friendly interface that takes advantage of modern web technologies.
The document outlines the speakers and topics at the 2015 UX Munich conference, including efficient design processes that contribute to products, lean design approaches like crafting and building together, prototyping with different focuses and branding, creating flexible modules instead of pixel-perfect screens, knowing your skills and potentials, having an attitude and philosophy, learning from failures, and making your employees happy at work.
Virtual events offer companies opportunities but also risks if not planned correctly. The pros of virtual events include improved branding, increased engagement and attendance, and reduced costs compared to in-person events. However, the cons can include reduced interaction quality if the virtual format is not acknowledged, hesitance from slow technology adopters, and an outdated approach from hosting teams unfamiliar with virtual events. Successful virtual events require planning across five elements - the platform, media, content, people involved, and their interactions.
El documento presenta una serie de reflexiones sobre temas como el valor de las cosas, la riqueza, el equilibrio, el éxito, las creencias, la felicidad y la búsqueda del propósito en la vida. Algunas de las ideas principales son que la carencia, no la abundancia, es lo que nos hace valorar las cosas; la riqueza va más allá del dinero; debemos dejar fluir las cosas y mantener el equilibrio; y nuestra misión es cambiarnos a nosotros mismos.
The document discusses Olivier Lamy's role at the Apache Software Foundation where he maintains Jenkins infrastructure and is a committer. It provides details about the Apache Foundation's use of Jenkins for continuous integration across its 100+ projects involving 2500 committers. Specifically, it describes the ASF's common builds and Sonar Jenkins instances that run builds, including technical specifications of the common builds system with 20 nodes building projects across various operating systems.
The document discusses rules for using the library. It states that the library is a place for study, investigation, and learning. Children are learning to use the library, while older students must set a good example by following rules such as placing bags in lockers upon entrance, remaining quiet, not using electronics, and being respectful of others. Following the rules properly maintains the library as a productive learning environment.
La profesora Jane Plant tuvo 5 tumores de mama a pesar de someterse a tratamientos médicos convencionales. Al investigar por qué el cáncer de mama es raro en China, descubrió que las mujeres chinas no consumen leche de vaca, al ser incapaces de digerirla. Cuando eliminó los lácteos de su dieta, su quinto tumor desapareció rápidamente. Más de 60 mujeres con cáncer de mama que siguieron su consejo también vieron desaparecer sus tumores. Plant cree que la relación entre el
The document provides a 4 step tutorial for importing KEGG pathways from the KEGG database into Cytoscape. The steps include: 1) clicking "Import Data from KEGG" and selecting KEGG pathways, 2) leaving default options and clicking next, 3) selecting Homo sapiens and clicking next, 4) giving a name and folder location for the downloaded files which will include a file mapping genes to pathways and another with pathway annotations.
This tutorial explains how to import a data matrix from IntOGen containing p-values for significantly up-regulated genes in different tumor morphology types. It involves selecting "Onco Combinations" and "upreg" to download a continuous data matrix file with p-values for each gene-tumor type comparison, and two additional files annotating the genes and tumor types. Once downloaded, the files provide information on significantly upregulated genes across different tumor morphologies.
Este documento é uma transcrição da música "La Plegaria" de Céline Dion, Andrea Bocelli e Luciano Pavarotti. Em três frases, o documento resume a mensagem da música como sendo uma oração pedindo a Deus para guiar as pessoas com Sua graça, dar-lhes fé para que sejam salvos e levar-los a um lugar seguro quando as sombras encherem seus dias.
1ra clase cómo optimizar la busqueda en googlePaola Padilla
Este documento proporciona instrucciones sobre cómo optimizar búsquedas en Google mediante el uso de filetype, site y comillas para enfocar la búsqueda. Recomienda usar filetype para buscar archivos de un tipo específico como ppt, swf, pdf o doc, usar site para buscar en un sitio web en particular, y usar comillas para buscar una frase exacta.
This document contains code for a web application that serves geographic vector data stored in a Postgres database. It includes code to:
1) Connect to a Postgres database and import vector data from a shapefile into a table with a geometry column.
2) Define routes in a Sinatra application to serve pre-rendered web pages with the vector data visualized using SVG and embedded in HTML.
3) Include JavaScript code to pan and zoom the vector data visualization in the browser.
The document discusses various techniques for improving web applications, including:
1. Enabling in-place AJAX reloading of pages using jQuery.
2. Optimizing page loads by only rendering necessary content for AJAX requests.
3. Adding hash URLs to enable back-button functionality when using AJAX.
4. Improving cross-browser compatibility by detecting browsers and conditional loading of styles.
ESRI Dev Meetup: Building Distributed JavaScript Map WidgetsAllan Glen
This document discusses building distributed JavaScript map widgets. It describes embedding maps as widgets that can be copied and pasted to deploy on different sites and allow interaction between maps and web pages. Typical code is shown for embedding a map. The steps involved are bootstrapping external resources, building out the DOM structure, and enabling communication, often through JSONP to avoid cross-domain issues. Examples are provided of different map widgets embedded on pages.
Das Web Wird Mobil - Geolocation und Location Based ServicesStephan Schmidt
Vortrag auf der International PHP Conference 2012 Spring Edition zu Geolocation im Browser und Location Based Services wie Google Places und Foursquare
An introduction to jQuery. How to access elements, what you can then do with them, how to create elements, a bit of AJAX and some JSON. Given as a lecture in the fh ooe in Hagenberg, Austria in December 2011.
Mobile Application Development for the Web DeveloperCraig Johnston
Craig Johnston will take you on a tour of platform-neutral mobile application development with HTML, CSS and JavaScript, using code examples and lessons learned from Geekend’s own mobile app, Nine Inch Nails and nbc.com. The session includes implementations of HTML5, CSS3 and Javascript technologies wrapped in native applications. This session is geared toward web developers and designers starting out in mobile development, focusing on iPhone, iPad and Android devices.
JQuery Flot is a charting library that allows creating line, bar, and pie charts. It works across many browsers from IE6+ and has plugins for additional chart types. The document discusses using Flot to display time-series data with tabs, radio buttons, and tooltips. Code examples are provided for building the charts, handling interactions, and blocking elements to indicate loading.
The document discusses using Google Maps APIs for open web applications, providing code examples for basic map display, markers, geocoding, and directions. It also covers performance tips, like using clustering for large datasets, and resources for additional documentation and examples.
Is your web app drowning in a sea of JavaScript? Has your client-side codebase grown from "a snippet here and there" to "more JavaScript than HTML"? Do you find yourself writing one-off snippets instead of generalized components? You're not the only one. Learn about a handful of strategies you can use to keep your JavaScript codebase lean, modular, and flexible. We'll cover all the major pain points — MVC, templates, persisting state, namespacing, graceful error handling, client/server communication, and separation of concerns. And we'll cover how to do all this incrementally so that you don't have to redo everything from scratch.
This document compares jQuery and Prototype JavaScript libraries. It provides examples of common tasks like selecting elements, creating elements, handling events, and animations. Key differences are shown such as jQuery using $() and Prototype using $$(). The document also discusses plugins, references, and waiting for the DOM to load.
Using jQuery allows developers to:
1) Fix cross-browser problems and solve CSS shortcomings and limitations by extending CSS functionality with JavaScript.
2) Solve "real world" problems like creating hover effects, animations, and interactions that are not possible with CSS alone.
3) Benefit from a large community and ecosystem that continues to improve and expand jQuery's capabilities.
AngularJS: The Bridge Between Today and Tomorrow's Web (Todd Motto)Future Insights
Browsers are exciting. JavaScript libraries make them even more exciting. We’ll see what’s in store for the future of the web and how AngularJS is making huge strides to bringing it to us today. Angular pushes the limits of what’s possible in current and emerging technologies, exploring upcoming and recently landed APIs with regular new releases. This rapid cycle to push the web forward is increasingly making Angular the framework of choice for client-side MVW engineering. We’ll look at ES6, two way data-binding, upcoming Web Components, including ShadomDOM, Custom Elements, differences from Polymer, and how Angular fits in the picture.
This document summarizes the AlphaStreaming architecture which allows querying Wolfram Alpha from Chrome extensions and Google Wave and storing the results in CouchDB. It uses Node.js, Pusher, Rack, and CouchDB. Chrome extensions and Wave robots send queries to Rack which publishes to Pusher. Node.js subscribes to Pusher and stores results in CouchDB. Node.js then retrieves results from CouchDB to display. The frontend site and usage so far are also listed along with contact details.
The document discusses using the Block Element Modifier (BEM) methodology to structure the stylesheets for front-end Rails applications. It covers dividing stylesheets into import, global, layout and block folders, using Sass and mixins to organize CSS, and integrating BEM naming conventions into HTML and CSS code. The goal is to build maintainable, reusable CSS by treating elements as standalone blocks that can be combined without depending on surrounding code or markup.
Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece CoLab Athens
Google provides mapping and geospatial APIs and services like Maps API, Fusion Tables, and Latitude that allow developers to display base maps, overlay data, and build location-aware applications. These services can be used to organize web information geographically, access Google mapping data and services, and allow users to interact with maps. Google is focusing on improving these APIs and services to support new features, better performance on mobile, and new data management and analytics capabilities.
Building Evented Single Page ApplicationsSteve Smith
Building single page applications has always seemed like a dark art. Guess what? It's not. The key is really simple—let the URL dictate everything. I'll show how to use the window location's hash in combination with jQuery's event system to drive your entire application, from link clicks to form submissions to history management and beyond.
Building evented single page applicationsSteve Smith
Building single page applications has always seemed like a dark art. Guess what? It's not. The key is really simple—let the URL dictate everything. I'll show how to use the window location's hash in combination with jQuery's event system to drive your entire application, from link clicks to form submissions to history management and beyond.
This document is the HTML source code for a Flickr photo page. It contains metadata like the page title, description, and keywords. It also includes JavaScript code for handling user interactions like clicking and scrolling on the page.
This document is the HTML source code for a Flickr photo page. It contains metadata like the page title, description, and keywords. It also includes JavaScript code for handling user interactions like clicking and scrolling on the page.
(BDT401) Big Data Orchestra - Harmony within Data Analysis Tools | AWS re:Inv...Amazon Web Services
This document discusses using various AWS services like Kinesis, CloudSearch, DynamoDB, Redshift and EMR for processing streaming data and performing analytics. It provides code snippets for initializing the services, ingesting and analyzing data using Spark on EMR, and scaling the infrastructure as needed. It also discusses updating event data in DynamoDB based on geospatial proximity and lists SDKs for interacting with AWS services from different programming languages.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Revolutionizing the Digital Landscape: Web Development Companies in Indiaamrsoftec1
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
2. Alicia Duffy
Designer & Front-End Developer
@bedsheet / aliciad@petaf.org
Ben Bond
PHP Developer
@benniestacks / bennyb@petaf.org
Norfolk, VA / www.peta.org
Saturday, November 23, 13
3. THE CATALYST:
peta2's Vegan Campus Map
Project
Requirements:
• Each school is a
WordPress post
• School provides
their address
• Color-coded map
by ranking
• Must be responsive
and mobile-friendly
Saturday, November 23, 13
6. Find zip code meta, get coordinates
Javascript / field-geocode.js
jQuery.fn.codeAddress = function () {
! var geocoder = new google.maps.Geocoder();
! var zip = $'input[name="zip_code"]').attr('value');
! if(zip != '') {
! ! geocoder.geocode( { 'address': zip},
function(results, status) {
!
if (status == google.maps.GeocoderStatus.OK) {
var coordinates =
results[0].geometry.location.lng() + ", " +
results[0].geometry.location.lat();
$'input[name="coordinates"]').attr('value',
coordinates);
!
} else {
!
! alert("Geocode failed: " + status);
!
}
});
! }
}$(document).codeAddress();
Saturday, November 23, 13
7. After ZIP is entered, get coordinates
Javascript / field-geocode.js (..continued)
var typingTimer;
Text
var doneTypingInterval = 1000; // 1 second
!
$("input#zip_code").keyup(function(){
typingTimer = setTimeout(function() {
$(document).codeAddress();
}, doneTypingInterval);
});
$("input#zip_code").keydown(function(){
clearTimeout(typingTimer);
});!
Saturday, November 23, 13
18. Customize Map Markers
• Awesome Leaflet Markers
https://github.com/lvoogdt/
Leaflet.awesome-markers
• Colorful & retina-proof markers for Leaflet
• Can use a taxonomy or meta field to
differentiate markers
• Uses web fonts for the icons
Saturday, November 23, 13
21. Generic Map Plugin
A starting off point for making maps in WordPress
https://github.com/aliciaduffy/generic-map
•
•
Creates location post type and custom taxonomy
•
Generates an updated geoJSON object daily, w/
option to manually refresh
•
Adds a [leaflet-map] shortcode to easily drop the
map onto any page
Adds ZIP code and latitude/longitude custom meta
fields
Saturday, November 23, 13