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.
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.
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!
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.
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.
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.
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.
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!
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.
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.
How to Issue and Activate Free SSL using Let's EncryptMayeenul Islam
How to issue and activate Free SSL Certificate on a shared hosting from cPanel using SSH access, PHP ACME client, and cPanel SSL/TLS widget.
Get the Video here:
https://www.youtube.com/watch?v=bk868eeiN8w
Fronteers 2012 - Lessons learned from building a SAAS appGoodbytes
This is the slide deck I used to give a talk at the Belgian Fronteers meetup at Microsoft Zaventem in 2012. The talk covered the personal lessons I learned while building a SAAS application.
As CSS3 adds support for rich styling in standards-based web applications, style sheet markup can quickly get out of control! Many CSS effects today require repetitive rules to cover the proprietary browser CSS prefixes. LESS for CSS is an open source framework that makes modern CSS more manageable. With support for variables, mix-ins, nested CSS rules, and operations, LESS finally makes complex CSS easy to maintain. In this session, you will discover how LESS can be easily adopted in any ASP.NET project and learn about tools that make it easy to work with LESS in Visual Studio 2010.
Squeeze Maximum Performance From Your Joomla WebsiteSiteGround.com
Basic and advanced tips and tricks to optimize your Joomla website in order to achieve maximum performance - a presentation by Tenko Nikolov for JoomlaDay Chicago 2012.
Bruce Lawson: Progressive Web Apps: the future of Appsbrucelawson
Native Apps, like Flash, are a bridging technology. Progressive Web Apps are a new suite of technologies that combine the user experience of native, with the immediacy and reach of the web. Learn why we have them, and how to make them.
Building responsively allows us to create flexible user interfaces that support the widest possible audience with a single front-end codebase. But in embracing the ever-increasing contexts in which our sites are used, performance and accessibility must remain our highest priorities; we must continually question each code addition, and improve our delivery and application techniques to ensure they’re best serving users’ needs.
This talk will explore the challenges of creating fast and broadly-accessible websites and offer approaches that dramatically improve performance, usability, access, and sustainability.
Why speed is something developers should be in charge of? Product people rarely know what to ask “Can you make this faster?” Invest in speed, It’s one of the best things to spend your time on.
Applications of click chemistry in drug discoveryrita martin
his article focus mainly on click chemistry mechanisms and its applications, click chemistry is an easy way to generate substances quickly and reliably by joining small units together, with this ease of use mechanism, click chemistry as found its applications in various technologies especially in drug discovery ,medicinal chemistry, enzyme activity, chemistry natural products, material science, polymers, nanotechnology and bioconjugation
How to Issue and Activate Free SSL using Let's EncryptMayeenul Islam
How to issue and activate Free SSL Certificate on a shared hosting from cPanel using SSH access, PHP ACME client, and cPanel SSL/TLS widget.
Get the Video here:
https://www.youtube.com/watch?v=bk868eeiN8w
Fronteers 2012 - Lessons learned from building a SAAS appGoodbytes
This is the slide deck I used to give a talk at the Belgian Fronteers meetup at Microsoft Zaventem in 2012. The talk covered the personal lessons I learned while building a SAAS application.
As CSS3 adds support for rich styling in standards-based web applications, style sheet markup can quickly get out of control! Many CSS effects today require repetitive rules to cover the proprietary browser CSS prefixes. LESS for CSS is an open source framework that makes modern CSS more manageable. With support for variables, mix-ins, nested CSS rules, and operations, LESS finally makes complex CSS easy to maintain. In this session, you will discover how LESS can be easily adopted in any ASP.NET project and learn about tools that make it easy to work with LESS in Visual Studio 2010.
Squeeze Maximum Performance From Your Joomla WebsiteSiteGround.com
Basic and advanced tips and tricks to optimize your Joomla website in order to achieve maximum performance - a presentation by Tenko Nikolov for JoomlaDay Chicago 2012.
Bruce Lawson: Progressive Web Apps: the future of Appsbrucelawson
Native Apps, like Flash, are a bridging technology. Progressive Web Apps are a new suite of technologies that combine the user experience of native, with the immediacy and reach of the web. Learn why we have them, and how to make them.
Building responsively allows us to create flexible user interfaces that support the widest possible audience with a single front-end codebase. But in embracing the ever-increasing contexts in which our sites are used, performance and accessibility must remain our highest priorities; we must continually question each code addition, and improve our delivery and application techniques to ensure they’re best serving users’ needs.
This talk will explore the challenges of creating fast and broadly-accessible websites and offer approaches that dramatically improve performance, usability, access, and sustainability.
Why speed is something developers should be in charge of? Product people rarely know what to ask “Can you make this faster?” Invest in speed, It’s one of the best things to spend your time on.
Applications of click chemistry in drug discoveryrita martin
his article focus mainly on click chemistry mechanisms and its applications, click chemistry is an easy way to generate substances quickly and reliably by joining small units together, with this ease of use mechanism, click chemistry as found its applications in various technologies especially in drug discovery ,medicinal chemistry, enzyme activity, chemistry natural products, material science, polymers, nanotechnology and bioconjugation
audio, video and canvas in HTML5 - standards>next Manchester 29.09.2010Patrick Lauke
Part II of the standards-next.org workshop on HTML5 with Bruce Lawson, concentrating on audio, video and canvas (plus hints of additional HTML5 API niceness)
In this lecture, I provide an overview of what it takes to create amazing Web Apps : rich media, the Canvas API, local storage and offline persistence are covered.
The Rich Standard: Getting Familiar with HTML5Todd Anglin
HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
5. HTML5
“... extending the language to better support Web
applications, since that is one of the directions the Web
is going in and is one of the areas least well served by
HTML so far.
This puts HTML in direct competition with other
technologies intended for applications deployed over the
Web, in particular Flash and Silverlight” - Ian Hickson
http://lists.w3.org/Archives/Public/public-html/2009Jan/0215.html
12. <figure>
● “ to annotate illustrations, diagrams, photos, code listings, etc, that
are referred to from the main content of the document”
<figure>
<img src=bruce.png alt=””>
<figcaption>
Bruce Lawson in summer dress
<small>Photo copyright Bruce's mum</small>
</figcaption>
</figure>
13. Example of <figure>
Bruce Lawson in summer dress
Photo copyright Bruce's mum
•
14. HTML5 forms (“Webforms 2”)
Do what people want to do without scripting, so
● Easier to write
● Controls look the same across sites, so better UX
● Built-in validation
● Less to download
Demonstration
15. Canvas
Immediate graphics mode without plugins
Retro-specced, hence accessibility concerns
Native support in Opera, Safari, Firefox and Chrome
Demonstration
16. What does this code do?
<object width="425" height="344">
<param name="movie"
value="http://www.example.com/v/LtfQg4KkR88&hl=en
&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed
src="http://www.example.com/v/LtfQg4KkR88&hl=en&f
s=1" type="application/x-shockwave-flash"
allowfullscreen="true" width="425"
height="344"></embed>
</object>
18. Advantages of native <video>
● Keyboard accessible out of the box (potentially)
● Is part of the page – can be styled by CSS
● Can script own controls (show code!)
● Can draw on the video
● Can manipulate video data (SVG/ copy to canvas)
19. Video (accessibility)
● Captions/ subtitles – no standardised way (yet).
● Bruce hack:
<video></video>
<div class=transcript>
<p>Hello, Good Evening and Welcome</p>
<p>Tonight on the Jeremy Kyle show ...</p>
....
</div>
21. Video (accessibility)
<p>
<span data-begin=1 data-end=2.4>Hello, Good
Evening</span>
<span data-begin=3 data-end=3.6> and Welcome.</span>
</p>
22. Video (accessibility)
function timeupdate() {
var v = document.querySelector('video');
var now = v.currentTime; …}
<video width=600 src=synergy.ogv
ontimeupdate=timeupdate()>
Demonstrate captions
Demonstrate simultaneous translation
