Enhancing your catalogue with open source
•Download as PPT, PDF•
1 like•936 views
Presentation on using Open Source tools to enhance your library's online catalogue. From Haggis and Mash.
Report
Share
Report
Share
Recommended
Scratch
This ia a presentation to tell you all about scratch (not the dj thing). this was an assignment given by my teacher.
An introduction to juice
The document introduces Juice, an open source JavaScript library that makes it easy for non-technical users to add functionality and extensions to online public access catalogs (OPACs). Juice allows innovations to be reused across systems by componentizing extensions. The document provides instructions for adding Juice to different OPAC systems, including VuFind and Talis Prism, and includes examples of how to write Juice extensions.
Bootstrap 3 in Joomla!
De basis en een stukje meer... Bootstrap 3 in Joomla!
In deze presentatie legt Hans Kuijpers tijdens Joomladagen 2015 #jd15nl uit hoe je Bootstrap 3 framework verwerkt in Joomla en waar je op moet letten.
A New Hope – the web strikes back
The document discusses the evolution of the web from progressive web apps to native mobile apps and back again to progressive web apps. It notes that early mobile web faced issues like small screens, poor connectivity and unreliable browsers, leading to the rise of native apps. However, app distribution issues like slow updates and the "walled garden" approach of app stores have led to a renewed interest in progressive web apps that work offline but do not require app stores, allowing for more open distribution like the original web.
Joomla 3 JLayout's - Joomladay Netherlands 2014 #jd14nl
It is extremely common that parts of pages within a Joomla! website are replicated across several views, or even across several extensions. So what does Joomla! contain that could potentially make our lives easier to manage these repeating entities?
JLayouts enters the room...
Joomla's superb JLayout structure was added to Joomla! v3 to help solve this very problem. Having the ability to use different layout's and associated data across views and extensions is such an awesome addition to Joomla!, but have you used it?
Philip will be explaining JLayouts, what it is, how it works & where you could possibly be missing a trick in your front-end development of Joomla! websites.
Building a PWA - For Everyone Who Is Scared To
This document provides an overview of building progressive web apps (PWAs). It discusses the key technologies needed for PWAs including manifest files, service workers, and app shells. It provides examples of how to add a manifest to enable installable web apps, how to cache assets using service workers, and how to send push notifications. While Safari and iOS do not fully support these technologies yet, the document notes they are being developed for future releases.
Progressive web and the problem of JavaScript
1. The document discusses the debate around relying on JavaScript for web applications and progressive enhancement.
2. It argues that while JavaScript can break, the web has evolved to focus more on capable client-side devices rather than availability of JavaScript.
3. It suggests embracing new paradigms like components and functional programming to build high quality, error-handling code rather than avoiding JavaScript.
My Site Was Hacked!
You wake up one morning and your business website has been hacked. What do you do? We have 10 strategic tips.
Recommended
Scratch
This ia a presentation to tell you all about scratch (not the dj thing). this was an assignment given by my teacher.
An introduction to juice
The document introduces Juice, an open source JavaScript library that makes it easy for non-technical users to add functionality and extensions to online public access catalogs (OPACs). Juice allows innovations to be reused across systems by componentizing extensions. The document provides instructions for adding Juice to different OPAC systems, including VuFind and Talis Prism, and includes examples of how to write Juice extensions.
Bootstrap 3 in Joomla!
De basis en een stukje meer... Bootstrap 3 in Joomla!
In deze presentatie legt Hans Kuijpers tijdens Joomladagen 2015 #jd15nl uit hoe je Bootstrap 3 framework verwerkt in Joomla en waar je op moet letten.
A New Hope – the web strikes back
The document discusses the evolution of the web from progressive web apps to native mobile apps and back again to progressive web apps. It notes that early mobile web faced issues like small screens, poor connectivity and unreliable browsers, leading to the rise of native apps. However, app distribution issues like slow updates and the "walled garden" approach of app stores have led to a renewed interest in progressive web apps that work offline but do not require app stores, allowing for more open distribution like the original web.
Joomla 3 JLayout's - Joomladay Netherlands 2014 #jd14nl
It is extremely common that parts of pages within a Joomla! website are replicated across several views, or even across several extensions. So what does Joomla! contain that could potentially make our lives easier to manage these repeating entities?
JLayouts enters the room...
Joomla's superb JLayout structure was added to Joomla! v3 to help solve this very problem. Having the ability to use different layout's and associated data across views and extensions is such an awesome addition to Joomla!, but have you used it?
Philip will be explaining JLayouts, what it is, how it works & where you could possibly be missing a trick in your front-end development of Joomla! websites.
Building a PWA - For Everyone Who Is Scared To
This document provides an overview of building progressive web apps (PWAs). It discusses the key technologies needed for PWAs including manifest files, service workers, and app shells. It provides examples of how to add a manifest to enable installable web apps, how to cache assets using service workers, and how to send push notifications. While Safari and iOS do not fully support these technologies yet, the document notes they are being developed for future releases.
Progressive web and the problem of JavaScript
1. The document discusses the debate around relying on JavaScript for web applications and progressive enhancement.
2. It argues that while JavaScript can break, the web has evolved to focus more on capable client-side devices rather than availability of JavaScript.
3. It suggests embracing new paradigms like components and functional programming to build high quality, error-handling code rather than avoiding JavaScript.
My Site Was Hacked!
You wake up one morning and your business website has been hacked. What do you do? We have 10 strategic tips.
Introduction to PhoneGap and PhoneGap Build
Writing applications for phones has been a daunting task since every platform uses it's own language and API's. PhoneGap will solve this problem for you by utilizing the browser capabilities. In this session we will see how we can turn a web based application into a native app. We will also look at posibilites to integrate native functionality, like the camera or accelerometer, in our application. The final part of the presentation is about deployment of these applications. Adobe offers a cloud based service called PhoneGap Build which easily builds your application for all platforms.
AngularJS for Legacy Apps
This document provides instructions for integrating AngularJS into an existing legacy HTML application. It describes how to add an Angular "micro-app" by specifying a container div with Angular directives like ng-app and ng-controller. The Angular code, including a module, controller, and function calls from the legacy code, can be kept separate. Template views can also be added using ng-view and routing configuration. The process is described as relatively simple and allowing incremental integration of Angular without rewriting the entire application.
Don't Over-React - just use Vue!
Vue.js is a JavaScript framework that provides two-way binding between DOM and JavaScript, a template language for declarative rendering, and supports installation via npm, direct download, or a script tag. It allows defining where rendering will occur, setting up data, and rendering data to the DOM. Components provide reusability through templates, logic, and styles. Additional features include routing, state management with Vuex, and use of the Vue CLI for scaffolding single file components.
That's crazy! how to build single page web apps
The document discusses building single page web apps and provides tips for doing so efficiently. It recommends using templating to build markup on demand, destroying and rebuilding elements, and managing data through tombstoning, on-demand loading, and purging stale data. It also recommends libraries like Backbone.js, Upshot.js, Navigation.js, and Knockout.js and discusses using local storage and deferred loading of content to improve performance of single page apps.
State of jQuery '09
This document summarizes John Resig's presentation on the state of jQuery in 2009. It discusses recent releases of jQuery including versions 1.3, 1.3.1, and 1.3.2. It also outlines improvements to performance, features being added in upcoming versions, growing adoption on large sites, increasing traffic to jQuery.com, financial donations supporting development, and plans for conferences and community events.
Tools that help and speed up RWD dev
Tools that help speed up responsive web development include HTML5 boilerplates to avoid duplicating code, frameworks like Bootstrap and Foundation that provide grid systems and styles, and tools for testing designs across screen sizes like browser plugins and emulators for simulating mobile devices. Common responsive design testing tools include browser plugins that allow resizing the viewport, online services that emulate different devices, and emulators for iOS, Android and other mobile platforms provided by their respective developers. Frameworks aid development through grid systems and prototyping, while testing tools help ensure responsive designs work well on varied screen sizes.
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Using a Joostrap template, Philip will be explaining & demoing how you wire frame a website right in your browser and why it will save you load's of time.
There are no fancy plugins here! This is wire framing for your client, built directly in your browser & saving you untold hours messing around in other software.
It is so hard sometimes, trying to get across to a client with a few drawings how the functionality of something could work. Wire framing directly in the browser gives your client a working wireframe/prototype where they can interact with links, pages & concepts. Not only that, but after client approval, you just have to style your working wireframe/prototype or switch to the template that is using the same module positions... It's a win win situation!
Using HTML5 sensibly
HTML5 is hot right now and a lot is being said about it. It is time to take a look at what it means to apply it on the web and see how things work out. Turns out we still have a lot to fix and we need your help.
Leveling up your JavaScipt - DrupalJam 2017
This document contains the transcript of a presentation by Chris Heilmann on web development. Some of the key points discussed include:
- The benefits of progressive enhancement and using HTML, CSS, and JavaScript together to build robust and accessible websites.
- How limitations in early design can foster creativity.
- The importance of error handling and defensive coding practices.
- Embracing new technologies like Service Workers and Manifests to build Progressive Web Apps.
- Rethinking the idea that JavaScript is unreliable and should not be depended on, as modern browsers have made it a capable tool.
Multimedia on the web - HTML5 video and audio
A lecture given at MIT in Boston about the benefits and technicalities of open web standards for Video and Audio. Lots of examples how to manipulate live video using CSS3 and Canvas.
_s v. genesis
The document discusses various approaches to building WordPress themes including using blank theme starters like _s or frameworks like Genesis. It outlines the basic steps to build a theme from scratch or with one of these bases including setting up the file structure and templates, adding stylesheets, and developing the front page template. Resources for additional information on theming with blank starters or Genesis are also provided.
Accessible Javascript with and without WAI ARIA
The document discusses making JavaScript accessible. It states that JavaScript content should be at least as accessible without JavaScript, nothing should be withheld from non-JavaScript users, and assistive technologies should be able to use the page. It emphasizes that websites must work without JavaScript first, and that CSS should not be used for interaction or hiding content. The document then introduces WAI-ARIA as a way to add semantics and meaning to elements for screen readers through roles, properties, and live regions. It encourages using WAI-ARIA but also not relying on it exclusively.
Dress Your WordPress with Child Themes
A discussion of how to build a child theme for WordPress, given at WordCamp Montreal on July 10, 2011.
Front-End Performance Starts On the Server
The document discusses optimizing websites for mobile by taking a responsive design with server-side components approach. Some key points include:
- Mobile websites are often slower than desktop due to network latency, bandwidth constraints and device processing power.
- Responsive design helps but does not fully optimize sites for mobile as it does not reduce unnecessary downloading.
- A responsive design with server-side components (RESS) approach can reduce downloading by serving optimized content tailored for each device from the server.
- RESS utilizes device detection to identify the requesting device and serve the most efficient content and styles for that device from the server.
Taking your Web App for a walk
What strategies can you take to bring a web application to a mobile device? Six steps from pure HTML/CSS all the way to almost native applications.
Progressive Web Apps - Goto Chicago 2017
The document discusses the challenges facing the progressive web and introduces progressive web apps (PWAs) as a solution. PWAs are built using modern web standards to provide native app-like experiences through features like push notifications, offline support, and app installation. They address issues with native apps like high installation friction, lack of control for publishers, and app store policies. PWAs are gaining adoption from companies like Alibaba and Housing.com who saw increases in user engagement metrics after implementing PWAs. The document outlines the core components of PWAs and provides an overview of browser and platform support.
All the small things… - Awwwards 2016
Chris Heilmann gave a talk celebrating beautiful web sites but noted that many sites could be more optimized. He highlighted that the average site is over 2 MB in size, with images making up over 1 MB of that. Many sites use unnecessary libraries, send high resolution images to all devices, and include autoplay videos without checking connection speed. However, newer browser capabilities like Flexbox, Service Workers, and camera/microphone access provide opportunities. Sites should cut unnecessary code, optimize images, and leverage new technologies to create accessible experiences for all types of users on today's capable browsers.
BETTER THAN GOOGLE
This advertisement promotes a new web browser called Entireweb that claims to be better than Google. It encourages trying the browser which is described as new, fast and easy to use. A link is provided to access the browser's affiliate panel.
Build a Better Editing Experience with Advanced Custom Fields - #WCTO16
This document discusses how Advanced Custom Fields (ACF) can be used to build a better editing experience in WordPress. It explains that ACF allows you to create custom fields, field groups, and flexible content to simplify editing screens and extend WordPress functionality. Both free and pro versions of ACF are covered, with the pro version including features like repeaters, flexible content, and theme options. Examples of how to output ACF fields in templates are provided. Finally, potential applications of ACF like for restaurants, real estate sites, and more are listed.
Html5 and beyond the next generation of mobile web applications - Touch Tou...
The document discusses upcoming features in HTML5 and beyond for developing mobile web applications, including offline web apps using the Application Cache, storing data locally using Web Storage, geolocation APIs, device orientation, camera access using getUserMedia, and media queries for responsive design. It provides code examples and encourages further reading on mobile web best practices.
Retrofitting Adaptive Designs
The document discusses retrofitting an existing web interface called Prism to be mobile-friendly. It describes adapting the interface with an adaptive layer using CSS media queries and JavaScript to adjust layout for small screens. When building for mobile, only essential elements are kept visible, with non-essential elements hidden but revealed as needed. Specific lessons learned include using specificity in CSS, avoiding hacks, and only including necessary functionality for mobile to cope with smaller screens and stubby fingers.
Web Apps and Responsive Design for Libraries
This document discusses responsive web design for libraries. It argues that responsive web design, which creates a single website that adapts to different screen sizes through flexible grids and media queries, is the best approach for libraries to take for their mobile presence. Native apps, separate mobile sites, and other approaches each have drawbacks, as they require more maintenance and do not allow for a unified experience across all devices. The document advocates for a responsive design that can provide a quality experience on any device using existing web skills.
More Related Content
What's hot
Introduction to PhoneGap and PhoneGap Build
Writing applications for phones has been a daunting task since every platform uses it's own language and API's. PhoneGap will solve this problem for you by utilizing the browser capabilities. In this session we will see how we can turn a web based application into a native app. We will also look at posibilites to integrate native functionality, like the camera or accelerometer, in our application. The final part of the presentation is about deployment of these applications. Adobe offers a cloud based service called PhoneGap Build which easily builds your application for all platforms.
AngularJS for Legacy Apps
This document provides instructions for integrating AngularJS into an existing legacy HTML application. It describes how to add an Angular "micro-app" by specifying a container div with Angular directives like ng-app and ng-controller. The Angular code, including a module, controller, and function calls from the legacy code, can be kept separate. Template views can also be added using ng-view and routing configuration. The process is described as relatively simple and allowing incremental integration of Angular without rewriting the entire application.
Don't Over-React - just use Vue!
Vue.js is a JavaScript framework that provides two-way binding between DOM and JavaScript, a template language for declarative rendering, and supports installation via npm, direct download, or a script tag. It allows defining where rendering will occur, setting up data, and rendering data to the DOM. Components provide reusability through templates, logic, and styles. Additional features include routing, state management with Vuex, and use of the Vue CLI for scaffolding single file components.
That's crazy! how to build single page web apps
The document discusses building single page web apps and provides tips for doing so efficiently. It recommends using templating to build markup on demand, destroying and rebuilding elements, and managing data through tombstoning, on-demand loading, and purging stale data. It also recommends libraries like Backbone.js, Upshot.js, Navigation.js, and Knockout.js and discusses using local storage and deferred loading of content to improve performance of single page apps.
State of jQuery '09
This document summarizes John Resig's presentation on the state of jQuery in 2009. It discusses recent releases of jQuery including versions 1.3, 1.3.1, and 1.3.2. It also outlines improvements to performance, features being added in upcoming versions, growing adoption on large sites, increasing traffic to jQuery.com, financial donations supporting development, and plans for conferences and community events.
Tools that help and speed up RWD dev
Tools that help speed up responsive web development include HTML5 boilerplates to avoid duplicating code, frameworks like Bootstrap and Foundation that provide grid systems and styles, and tools for testing designs across screen sizes like browser plugins and emulators for simulating mobile devices. Common responsive design testing tools include browser plugins that allow resizing the viewport, online services that emulate different devices, and emulators for iOS, Android and other mobile platforms provided by their respective developers. Frameworks aid development through grid systems and prototyping, while testing tools help ensure responsive designs work well on varied screen sizes.
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Using a Joostrap template, Philip will be explaining & demoing how you wire frame a website right in your browser and why it will save you load's of time.
There are no fancy plugins here! This is wire framing for your client, built directly in your browser & saving you untold hours messing around in other software.
It is so hard sometimes, trying to get across to a client with a few drawings how the functionality of something could work. Wire framing directly in the browser gives your client a working wireframe/prototype where they can interact with links, pages & concepts. Not only that, but after client approval, you just have to style your working wireframe/prototype or switch to the template that is using the same module positions... It's a win win situation!
Using HTML5 sensibly
HTML5 is hot right now and a lot is being said about it. It is time to take a look at what it means to apply it on the web and see how things work out. Turns out we still have a lot to fix and we need your help.
Leveling up your JavaScipt - DrupalJam 2017
This document contains the transcript of a presentation by Chris Heilmann on web development. Some of the key points discussed include:
- The benefits of progressive enhancement and using HTML, CSS, and JavaScript together to build robust and accessible websites.
- How limitations in early design can foster creativity.
- The importance of error handling and defensive coding practices.
- Embracing new technologies like Service Workers and Manifests to build Progressive Web Apps.
- Rethinking the idea that JavaScript is unreliable and should not be depended on, as modern browsers have made it a capable tool.
Multimedia on the web - HTML5 video and audio
A lecture given at MIT in Boston about the benefits and technicalities of open web standards for Video and Audio. Lots of examples how to manipulate live video using CSS3 and Canvas.
_s v. genesis
The document discusses various approaches to building WordPress themes including using blank theme starters like _s or frameworks like Genesis. It outlines the basic steps to build a theme from scratch or with one of these bases including setting up the file structure and templates, adding stylesheets, and developing the front page template. Resources for additional information on theming with blank starters or Genesis are also provided.
Accessible Javascript with and without WAI ARIA
The document discusses making JavaScript accessible. It states that JavaScript content should be at least as accessible without JavaScript, nothing should be withheld from non-JavaScript users, and assistive technologies should be able to use the page. It emphasizes that websites must work without JavaScript first, and that CSS should not be used for interaction or hiding content. The document then introduces WAI-ARIA as a way to add semantics and meaning to elements for screen readers through roles, properties, and live regions. It encourages using WAI-ARIA but also not relying on it exclusively.
Dress Your WordPress with Child Themes
A discussion of how to build a child theme for WordPress, given at WordCamp Montreal on July 10, 2011.
Front-End Performance Starts On the Server
The document discusses optimizing websites for mobile by taking a responsive design with server-side components approach. Some key points include:
- Mobile websites are often slower than desktop due to network latency, bandwidth constraints and device processing power.
- Responsive design helps but does not fully optimize sites for mobile as it does not reduce unnecessary downloading.
- A responsive design with server-side components (RESS) approach can reduce downloading by serving optimized content tailored for each device from the server.
- RESS utilizes device detection to identify the requesting device and serve the most efficient content and styles for that device from the server.
Taking your Web App for a walk
What strategies can you take to bring a web application to a mobile device? Six steps from pure HTML/CSS all the way to almost native applications.
Progressive Web Apps - Goto Chicago 2017
The document discusses the challenges facing the progressive web and introduces progressive web apps (PWAs) as a solution. PWAs are built using modern web standards to provide native app-like experiences through features like push notifications, offline support, and app installation. They address issues with native apps like high installation friction, lack of control for publishers, and app store policies. PWAs are gaining adoption from companies like Alibaba and Housing.com who saw increases in user engagement metrics after implementing PWAs. The document outlines the core components of PWAs and provides an overview of browser and platform support.
All the small things… - Awwwards 2016
Chris Heilmann gave a talk celebrating beautiful web sites but noted that many sites could be more optimized. He highlighted that the average site is over 2 MB in size, with images making up over 1 MB of that. Many sites use unnecessary libraries, send high resolution images to all devices, and include autoplay videos without checking connection speed. However, newer browser capabilities like Flexbox, Service Workers, and camera/microphone access provide opportunities. Sites should cut unnecessary code, optimize images, and leverage new technologies to create accessible experiences for all types of users on today's capable browsers.
BETTER THAN GOOGLE
This advertisement promotes a new web browser called Entireweb that claims to be better than Google. It encourages trying the browser which is described as new, fast and easy to use. A link is provided to access the browser's affiliate panel.
Build a Better Editing Experience with Advanced Custom Fields - #WCTO16
This document discusses how Advanced Custom Fields (ACF) can be used to build a better editing experience in WordPress. It explains that ACF allows you to create custom fields, field groups, and flexible content to simplify editing screens and extend WordPress functionality. Both free and pro versions of ACF are covered, with the pro version including features like repeaters, flexible content, and theme options. Examples of how to output ACF fields in templates are provided. Finally, potential applications of ACF like for restaurants, real estate sites, and more are listed.
Html5 and beyond the next generation of mobile web applications - Touch Tou...
The document discusses upcoming features in HTML5 and beyond for developing mobile web applications, including offline web apps using the Application Cache, storing data locally using Web Storage, geolocation APIs, device orientation, camera access using getUserMedia, and media queries for responsive design. It provides code examples and encourages further reading on mobile web best practices.
What's hot (20)
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Build a Better Editing Experience with Advanced Custom Fields - #WCTO16
Build a Better Editing Experience with Advanced Custom Fields - #WCTO16
Html5 and beyond the next generation of mobile web applications - Touch Tou...
Html5 and beyond the next generation of mobile web applications - Touch Tou...
Viewers also liked
Retrofitting Adaptive Designs
The document discusses retrofitting an existing web interface called Prism to be mobile-friendly. It describes adapting the interface with an adaptive layer using CSS media queries and JavaScript to adjust layout for small screens. When building for mobile, only essential elements are kept visible, with non-essential elements hidden but revealed as needed. Specific lessons learned include using specificity in CSS, avoiding hacks, and only including necessary functionality for mobile to cope with smaller screens and stubby fingers.
Web Apps and Responsive Design for Libraries
This document discusses responsive web design for libraries. It argues that responsive web design, which creates a single website that adapts to different screen sizes through flexible grids and media queries, is the best approach for libraries to take for their mobile presence. Native apps, separate mobile sites, and other approaches each have drawbacks, as they require more maintenance and do not allow for a unified experience across all devices. The document advocates for a responsive design that can provide a quality experience on any device using existing web skills.
The Geo-aware Parent
The document discusses building a web application called the Geo-Aware Parent to help parents find child-friendly places near their location. It covers using Pylons and other tools to build the prototype, geocoding locations, using geolocation APIs and formulas to determine user locations, and integrating it into a blog site for new parents. The final application allows parents to search for nearby places from a simple interface on their site.
David Copperfield
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive functioning. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.
Chapter 05analisis valor presente
This document discusses present worth analysis and cash flow calculations. It identifies the cash inflows and outflows of different projects, including savings from labor, salvage values, capital expenditures, and operating costs. It then calculates the present worth, payback period, discounted payback period, and net present worth of the various projects using interest rates ranging from 6% to 18% to determine which projects should be accepted.
Viewers also liked (6)
Similar to Enhancing your catalogue with open source
Techniques For A Modern Web UI (With Notes)
I recently gave this presentation to my department at work. It is a relatively brief introduction to several modern web UI patterns.
Building Web Hack Interfaces
A presentation for Dundee University's Hack Day explaining the technologies to use and how to hack your own APIs by using Yahoo! Pipes and scraping RSS feeds.
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
Progressive Enhancement 2.0 (Conference Agnostic)
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!
TPR4
1) The document discusses how to make web applications accessible to users with JavaScript disabled or who are using older browsers or mobile devices.
2) It recommends coding the basic page structure for the "lowest common denominator" and then using DOM scripting and JavaScript libraries to enhance the experience for newer browsers and devices.
3) The document provides tips on understanding your audience, adding accessibility features like links to turn off advanced options, and using techniques like yellow highlighting to help low-sighted users follow changes to the page.
TPR4
1) The document discusses making web applications accessible to users with JavaScript disabled or who are using older browsers/mobile devices (1.0 users).
2) It provides examples of problems that can arise if a site requires JavaScript, like not being able to add an event on a site that uses JavaScript for that functionality.
3) The document suggests coding sites like it was 1999 by following web standards and building a functional site without JavaScript, then enhancing it with JavaScript if available rather than requiring it.
jQuery For Developers Stack Overflow Dev Days Toronto
The document provides an overview of jQuery, a popular JavaScript library. It discusses who uses jQuery, what jQuery is and its benefits. It also covers core jQuery concepts, the jQuery API, plugins, jQuery UI, and announcements about upcoming jQuery conferences and a new jQuery podcast.
Intro to jQuery - LUGOR - Part 1
This document discusses jQuery, a popular JavaScript library. It provides an overview of jQuery, including what it is, why it is useful, its core concepts and API. It also discusses jQuery plugins and how to create a basic jQuery plugin in 6 steps.
NU Web Steering Committee - Oct 11 - Web Performance
The document discusses various techniques for improving website performance and speed. It recommends prioritizing speed to provide a better user experience with slow networks or expensive data plans. Specific techniques mentioned include minimizing HTTP requests through combining and compressing CSS and JavaScript files, leveraging HTML5 features like application caching, optimizing images, and deferring unnecessary JavaScript loading. The document emphasizes that performance impacts both users and search engines like Google.
Beyond web services: supporting mashup artists at Yahoo!
The document provides an overview of the tools and resources available from Yahoo! to help developers build web applications and mashups, including Yahoo! User Interface Library (YUI), Pipes for visually combining web data sources, design patterns, and access to Yahoo! experts. It highlights several examples of mashups built using these resources and encourages developers to build their own mashups using the "ingredients" Yahoo! provides.
Stefan Judis "Did we(b development) lose the right direction?"
Keeping up with the state of web technology is one of the biggest challenges for us developers today. We invent new tools; we define new best practices, everything’s new, always... And we do all that for good user experience! We do all that to build the best possible web – it’s all about our users.
But is it, really? Or do developers like to play with technology secretly loving the new and shiny? Or do we only pretend that it’s about users, and behind closed doors, it’s developer experience that matters to us? Did we lose direction? Is it time for a critical look at the state of the web and the role JavaScript plays in it?
Now you see me... Adaptive Web Design and Development
Progressive enhancement is still an important approach for building responsive websites and web applications. While JavaScript can now be assumed to be widely available, progressive enhancement avoids single points of failure and improves performance by loading critical content first before non-essential enhancements. The distinction between websites and applications is also blurred, so progressive techniques remain applicable to most digital experiences on the web.
JavaScript Library Overview
The document discusses different approaches to using JavaScript libraries, including plug-and-play widgets, libraries that require some coding, and writing raw JavaScript from scratch. It then examines popular open-source JavaScript libraries like Prototype, jQuery, Yahoo UI, and Dojo, comparing their features, functionality, and widgets. The ideal library should have a robust core feature set along with user interface widgets, active development and support, and good documentation.
Hacking the Mid-End (Great Lakes Ruby Bash Edition)
The document discusses hacking the "mid-end" of web applications, which is defined as the layer between the front-end and back-end that focuses on abstraction. It provides examples of solving "mid-end" problems by building functionality without JavaScript first, then adding an interactive JavaScript layer. Specific techniques mentioned include helpers, partials, jQuery, and making the user interface faster, more accessible, intuitive and responsive.
jQuery and_drupal
This document discusses using jQuery with Drupal. It provides an overview of jQuery and its benefits over JavaScript. It then discusses guidelines for using jQuery in Drupal modules and themes, such as adding JavaScript files with drupal_add_js() and defining behaviors. Examples are given of simple DOM manipulation with JavaScript, jQuery, and best practices for jQuery in Drupal.
Performance as UX with Justin Howlett
Performance is important for user experience. While some myths exist around performance, such as XML being much slower than JSON, tests show they are essentially identical. Easy techniques can improve performance, such as using content delivery networks and image compression. Emerging standards like HTTP 2.0, server-side push, and WebSockets allow pushing data to clients. Frameworks like MessagePack provide smaller binary serialization. Proper use of threading, reusing elements, preloading, and prioritizing content can also boost performance. The perception of speed matters - even 100ms delays impact user behavior.
Open and Accessible UI
From Flourish 2009 conference in Chicago (http://flourishconf.com). Discussing the value of accessibility and universality for web UIs.
JavaScript Libraries (Kings of Code)
The document discusses various JavaScript libraries including Prototype, jQuery, Yahoo UI, and Dojo. It compares the libraries across categories like core functionality, widgets, architecture, licensing, browser support, development, and documentation. The core functionality discussed includes DOM manipulation, events, AJAX, and animations. Popular widgets provided by the libraries include drag and drop, trees, grids, modal dialogs, tabbed panes, menus/toolbars, datepickers and sliders. The document also covers considerations for the libraries like licensing, browser support, ongoing development, and quality of documentation and tutorials.
Mashup Y! widget
The document discusses mashups and widgets. It defines mashups as combinations of content from multiple sources and describes different types of mashups, including music, videos, and web applications. It then introduces the concept of the "mashup pyramid" which categorizes tools for creating mashups from high-level graphical tools to low-level platforms and APIs. The document also defines widgets as single-function applications and discusses different types of desktop, web, mobile, and physical widgets. It provides steps for creating a basic RSS widget and discusses widget packaging formats.
JavaScript Library Overview
The document discusses JavaScript libraries and compares several popular options. It covers the core functionality that libraries should provide, including DOM manipulation, events, AJAX, and animations. It also discusses user interface widgets and components commonly included in libraries. Popular open source libraries like Prototype, jQuery, Yahoo UI, Dojo, and Mootools are described and compared in terms of their features, architecture, community, and other qualities. The document provides an overview to help developers choose a JavaScript library.
Similar to Enhancing your catalogue with open source (20)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
jQuery For Developers Stack Overflow Dev Days Toronto
jQuery For Developers Stack Overflow Dev Days Toronto
NU Web Steering Committee - Oct 11 - Web Performance
NU Web Steering Committee - Oct 11 - Web Performance
Beyond web services: supporting mashup artists at Yahoo!
Beyond web services: supporting mashup artists at Yahoo!
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
Now you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and Development
Hacking the Mid-End (Great Lakes Ruby Bash Edition)
Hacking the Mid-End (Great Lakes Ruby Bash Edition)
Recently uploaded
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
Slides from a Capitol Technology University webinar held June 20, 2024. The webinar featured Dr. Donovan Wright, presenting on the Department of Defense Digital Transformation.
Temple of Asclepius in Thrace. Excavation results
The temple and the sanctuary around were dedicated to Asklepios Zmidrenus. This name has been known since 1875 when an inscription dedicated to him was discovered in Rome. The inscription is dated in 227 AD and was left by soldiers originating from the city of Philippopolis (modern Plovdiv).
Bossa N’ Roll Records by Ismael Vazquez.
Bossa N Roll Records presentation by Izzy Vazquez for Music Retail and Distribution class at Full Sail University
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
(A Free eBook comprising 3 Sets of Presentation of a selection of Puzzles, Brain Teasers and Thinking Problems to exercise both the mind and the Right and Left Brain. To help keep the mind and brain fit and healthy. Good for both the young and old alike.
Answers are given for all the puzzles and problems.)
With Metta,
Bro. Oh Teik Bin 🙏🤓🤔🥰
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...Nguyen Thanh Tu Collection
https://app.box.com/s/nrwz52lilmrw6m5kqeqn83q6vbdp8yzpA Visual Guide to 1 Samuel | A Tale of Two Hearts
These slides walk through the story of 1 Samuel. Samuel is the last judge of Israel. The people reject God and want a king. Saul is anointed as the first king, but he is not a good king. David, the shepherd boy is anointed and Saul is envious of him. David shows honor while Saul continues to self destruct.
Wound healing PPT
This document provides an overview of wound healing, its functions, stages, mechanisms, factors affecting it, and complications.
A wound is a break in the integrity of the skin or tissues, which may be associated with disruption of the structure and function.
Healing is the body’s response to injury in an attempt to restore normal structure and functions.
Healing can occur in two ways: Regeneration and Repair
There are 4 phases of wound healing: hemostasis, inflammation, proliferation, and remodeling. This document also describes the mechanism of wound healing. Factors that affect healing include infection, uncontrolled diabetes, poor nutrition, age, anemia, the presence of foreign bodies, etc.
Complications of wound healing like infection, hyperpigmentation of scar, contractures, and keloid formation.
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف أحرف الخلاف للقراء العشرةأعد أحرف الخلاف بالتلوين وصلا سمير بسيوني غفر الله له
Educational Technology in the Health Sciences
Plenary presentation at the NTTC Inter-university Workshop, 18 June 2024, Manila Prince Hotel.
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as discipline
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher, Director of Education and Skills at the OECD presents at the launch of PISA 2022 Volume III - Creative Minds, Creative Schools on 18 June 2024.
220711130083 SUBHASHREE RAKSHIT Internet resources for social science
Internet resources for social science
Accounting for Restricted Grants When and How To Record Properly
In this webinar, member learned how to stay in compliance with generally accepted accounting principles (GAAP) for restricted grants.
HYPERTENSION - SLIDE SHARE PRESENTATION.
IT WILL BE HELPFULL FOR THE NUSING STUDENTS
IT FOCUSED ON MEDICAL MANAGEMENT AND NURSING MANAGEMENT.
HIGHLIGHTS ON HEALTH EDUCATION.
Recently uploaded (20)
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
220711130088 Sumi Basak Virtual University EPC 3.pptx
220711130088 Sumi Basak Virtual University EPC 3.pptx
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
220711130083 SUBHASHREE RAKSHIT Internet resources for social science
220711130083 SUBHASHREE RAKSHIT Internet resources for social science
Accounting for Restricted Grants When and How To Record Properly
Accounting for Restricted Grants When and How To Record Properly
Enhancing your catalogue with open source
- 1. Open Source Interface Enhancement Matt Machell Talis and The Juice Project
- 2. Big J, little j - What begins with J?
- 3. Javascript, jQuery and Juice begin that way!
- 8. We will use it here or there, we will use it anywhere!
- 9. Bundled with Microsoft and Nokia tools. Used on estimated 41% of top 10,000 websites (source Builtwith) Used in Prism 3, Blacklight, Twitter and many others
- 12. Plugins
- 13. So how can this help your catalogue? US National Archives : http://www.flickr.com/photos/usnationalarchives/3873932255/
- 17. It's Easier to Extend Browser-side
- 20. Juice! Photo Credit: David Hall http://www.flickr.com/photos/moonhouse/5013228330/
- 22. It's Easier to Extend Browser-side
- 26. Now : Fun stuff * * Friendly Web Designer May Be Required For Actual Fun
- 27. I wish our OPAC had previews!
- 32. Think about what's really needed
- 34. Building Blocks