Toronto HTML5 User Group Meet Up #2's presentation deck revolving around Application Development with HTML5. This deck gives an overview and analysis of various HTML5 elements and some real-world application examples. Additionally, we examine CSS3 and where it is today.
Tools for Entrepreneurs: Create. Collaborate. Communicate.Sara Rosso
I created this presentation for entrepreneurs who need online tools to make their ideas happen (I gave it earlier this year at the Professional Women's Association in Milan).
The presentation "Tools for Entrepreneurs: Create. Collaborate. Communicate." started out as a way to explain very technical things to non-technical people, but I quickly realized that most people when approaching technology get intimidated by the "What's DNS? Do I need a dedicated server?" kind of questions and therefore feel they can't understand technology.
I feel that this technology intimidation is really due to the fact that they don't really own their idea, and better understanding it will guide any decisions they have to make with their idea moving forward.
So I focus on how to further refine your idea so you can move it forward, even with help, by having a better mastery over what you need and what your users need. I also cover some techniques and tools for collaborating with developers, external consultants, and other remote workers. Then, I briefly touch on communication strategies online and how your site won't be the only place communication happens but it should be the digital hub with the most useful and authoritative information about your company, and how you can develop a communication strategy that spans several types of networks.
The appendix includes some open source software alternatives for growing a business on a bootstrap budget.
Web design training , Web Design Training In KolkataW3webschool
W3webschool trusted and best Digital Marketing Training,Web Design Training,SEO Training,Php Training center Kolkata,India.
https://www.w3webschool.com/web-design/
Website Development for Crowdfunding Campaign / Roadmap to Success or FailureAurum IT
Is there a recipe for success in crowdfunding campaign?
There is, but no recipe guarantees success, though it helps you move towards it. Those who think crowdfunding is easy money, tend to be disappointed once the actual work on the campaign kicks in. Crowdfunding is only one of the funding options, and it requires an enormous effort from the team to be successful. Building a web page and campaign page is our speciality, but that is only one part of the complex project.
Het vermogen van de 5 pijlers - Gerry DietvorstSanne Verhagen
De vijf pijlers zijn een compleet nieuwe denkrichting in het pensioendenken. Met de toevoeging van Human Capital en Eigen vermogen op het pensioen, kan het pensioendenken een andere richting in gaan. De vijf pijlers zijn een van de onderwerpen die de Pensioen Expeditie in haar debat met u wil voeren.
Doe mee met de discussie in meld je aan voor de LinkedIn Groep: PensioenExpeditie
Application Development with HTML5 (Microsoft TechDays 2011 - DEV302)Nathaniel Bagnell
Microsoft TechDays 2011's DEV302 Presentation, Application Development with HTML5. This was presented in Fall 2011 in Vancouver, Montreal, and Toronto for the Microsoft TechDays 2011 conference.
Tools for Entrepreneurs: Create. Collaborate. Communicate.Sara Rosso
I created this presentation for entrepreneurs who need online tools to make their ideas happen (I gave it earlier this year at the Professional Women's Association in Milan).
The presentation "Tools for Entrepreneurs: Create. Collaborate. Communicate." started out as a way to explain very technical things to non-technical people, but I quickly realized that most people when approaching technology get intimidated by the "What's DNS? Do I need a dedicated server?" kind of questions and therefore feel they can't understand technology.
I feel that this technology intimidation is really due to the fact that they don't really own their idea, and better understanding it will guide any decisions they have to make with their idea moving forward.
So I focus on how to further refine your idea so you can move it forward, even with help, by having a better mastery over what you need and what your users need. I also cover some techniques and tools for collaborating with developers, external consultants, and other remote workers. Then, I briefly touch on communication strategies online and how your site won't be the only place communication happens but it should be the digital hub with the most useful and authoritative information about your company, and how you can develop a communication strategy that spans several types of networks.
The appendix includes some open source software alternatives for growing a business on a bootstrap budget.
Web design training , Web Design Training In KolkataW3webschool
W3webschool trusted and best Digital Marketing Training,Web Design Training,SEO Training,Php Training center Kolkata,India.
https://www.w3webschool.com/web-design/
Website Development for Crowdfunding Campaign / Roadmap to Success or FailureAurum IT
Is there a recipe for success in crowdfunding campaign?
There is, but no recipe guarantees success, though it helps you move towards it. Those who think crowdfunding is easy money, tend to be disappointed once the actual work on the campaign kicks in. Crowdfunding is only one of the funding options, and it requires an enormous effort from the team to be successful. Building a web page and campaign page is our speciality, but that is only one part of the complex project.
Het vermogen van de 5 pijlers - Gerry DietvorstSanne Verhagen
De vijf pijlers zijn een compleet nieuwe denkrichting in het pensioendenken. Met de toevoeging van Human Capital en Eigen vermogen op het pensioen, kan het pensioendenken een andere richting in gaan. De vijf pijlers zijn een van de onderwerpen die de Pensioen Expeditie in haar debat met u wil voeren.
Doe mee met de discussie in meld je aan voor de LinkedIn Groep: PensioenExpeditie
Application Development with HTML5 (Microsoft TechDays 2011 - DEV302)Nathaniel Bagnell
Microsoft TechDays 2011's DEV302 Presentation, Application Development with HTML5. This was presented in Fall 2011 in Vancouver, Montreal, and Toronto for the Microsoft TechDays 2011 conference.
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...Wolf Loescher
You've heard the buzz words, you've drunk the Kool-Aid™, now you're ready to bring your existing web site kicking and screaming into the Century of the Fruit Bat. Join Wolf Loescher and Bertine Buchan as they magically transform a clunky, hack ridden site into a standards compliant, SEO-friendly, accessible, cross-browser compatible, model web citizen...right before your very eyes!
Attendees should have a basic working knowledge of HTML, CSS, and JavaScript.
Brought to you by the number 5 and the letter W.
See the presentation captured live on YouTube:
https://www.youtube.com/watch?v=WN_ViAKjS7U
Palestra apresentada no EDTED de SP sobre HTML 5 e CSS 3. Tema: "Realize mais com HTML 5 e CSS 3". Público super bacana!
Qualquer pergunta, sugestão, etc entre em contato: @leobalter ou leo@balter.com.br
MOTODEV Studio, Motorola’s powerful IDE based on the popular Eclipse framework, offers developers a fast and easy way to create applications across Motorola's Android products. This presentation provides an overview of MOTODEV Studio for Android along with practical tips for getting started with Android development.
HTML 5 overview: The new markup, CSS3 basics and JavaScript APIs.
Layout tags, video and geolocation demos: http://bit.ly/iefpjF
Date: June 28, 2011
Presenter: Vangos Pterneas (http://vangos.eu)
Our UX experts use a set of UX heuristics to evaluate and understand business goals. Thus applying user-centered design practices to generate cohesive, predictive and desirable designs
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...Wolf Loescher
You've heard the buzz words, you've drunk the Kool-Aid™, now you're ready to bring your existing web site kicking and screaming into the Century of the Fruit Bat. Join Wolf Loescher and Bertine Buchan as they magically transform a clunky, hack ridden site into a standards compliant, SEO-friendly, accessible, cross-browser compatible, model web citizen...right before your very eyes!
Attendees should have a basic working knowledge of HTML, CSS, and JavaScript.
Brought to you by the number 5 and the letter W.
See the presentation captured live on YouTube:
https://www.youtube.com/watch?v=WN_ViAKjS7U
Palestra apresentada no EDTED de SP sobre HTML 5 e CSS 3. Tema: "Realize mais com HTML 5 e CSS 3". Público super bacana!
Qualquer pergunta, sugestão, etc entre em contato: @leobalter ou leo@balter.com.br
MOTODEV Studio, Motorola’s powerful IDE based on the popular Eclipse framework, offers developers a fast and easy way to create applications across Motorola's Android products. This presentation provides an overview of MOTODEV Studio for Android along with practical tips for getting started with Android development.
HTML 5 overview: The new markup, CSS3 basics and JavaScript APIs.
Layout tags, video and geolocation demos: http://bit.ly/iefpjF
Date: June 28, 2011
Presenter: Vangos Pterneas (http://vangos.eu)
Our UX experts use a set of UX heuristics to evaluate and understand business goals. Thus applying user-centered design practices to generate cohesive, predictive and desirable designs
Zapbuild Technology, is an Enterprise Business Solutions Provider. We can conceive, design, develop and implement an enterprise application of any magnitude and on any platform. We are globally accepted, as evidenced by the faith reposed by multiple clients.
HTML5- The Boosting Era of Web DevelopmentMobilePundits
HTML5 development is a developing field nowadays as a result of the tremendous assortment of mixture and local applications that might be made utilizing it. Truth be told, it is popular in a substantial go of divisions from financial services to retail to social insurance. Developers can think of single applications that offer a ton of helpful characteristics, being greatly unpredictable in nature. A confirmation to its prevalence is that it has surpassed Flash in fame.
SEF 2014 - Responsive Design in SharePoint 2013Marc D Anderson
Presented with Christian Ståhl
Everyone is talking about responsive design. But are you really ready to bring SharePoint to mobile and tablets? While you may have an idea of what your site will look like when finished, there are many basic concepts and pitfalls that aren’t always outlined in the “How To’s”.
In this session, we will go through foundational steps to planning a responsive SharePoint site including how to handle a hybrid content scenario that uses publishing and team sites. You will learn what tools and templates can make your life easier during design, build and testing. If you are excited about the capability of bringing SharePoint to any device but not sure where to start, check out this session to get the foundational understanding of the concept, best practices and examples to get you started.
Flash was a multimedia software platform developed by Adobe (formerly Macromedia) that was widely used for web development in the late 1990s and early 2000s. It allowed developers to create interactive and animated content for websites. However, Flash has been largely deprecated and is no longer supported by modern web browsers, including Google Chrome, Mozilla Firefox, Microsoft Edge, and others. Adobe officially ended support for Flash Player on December 31, 2020.
ProtoTech Solutions develop custom software applications in areas of CAD/CAM/CAE/PLM/PDM and have decades of man years of expertise in 3D visualization on desktop/mobile/cloud. We have developed applications in 3D Mobile apps, 3D graphics, Data Exchange apps, CAD Plugins, web based 3D apps,etc.. We are a team of 50+ highly skilled engineers.
A New Development Platform Connecting BIM to Anything
Mr. Xiaodong LIANG China Manager, Developer Technical Service Department (DevTech) Autodesk Inc
HKIBIM Annual Conference 2017
Theme: Transforming BIM to Action
Date: 22-Nov-2017 (Wed)
Time: 9:00 a.m. – 4:30 p.m.
Venue: Grand Ballroom I-III, Level 6, Royal Plaza Hotel, Hong Kong
Organizers:
The Hong Kong Institute of Building Information Modelling (HKIBIM)
http://www.hkibim.org
HKIBIM Annual Conference 2017 is the 8th Annual Conference organized by the Hong Kong Institute of Building Information Modelling (HKIBIM). It is the premier annual event for experienced professionals to demonstrate the practical use of Building Information Modelling (BIM) processes using real cases. The speakers are encouraged to illustrate lessons learned in practical projects so that more professionals from different disciplines can improve their productivity through efficient use of BIM and advance practical knowledge. This is an exciting opportunity to share your knowledge and experience with the larger BIM community.
With upcoming frameworks, powerful development tools and evolving technologies, this year looks very promising for web developers.
Here are our thoughts on the top web development trends for 2016.
6 Essential Tools for Frontend and Backend Development to Use in 2023.pdfIntegrated IT Solutions
With the rise of digitalization, websites have become a need for businesses. As a result of this advancement, we can now use the power of well-tested libraries to simplify our products and have access to more responsive design options. Developers can use Web Development Tools to deal with a range of technologies.
Web development tools are intended to make the development lifecycle for web developers easier and faster without sacrificing performance. Developers can use web designing tools to create a responsive design.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
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.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Toronto HTML5 User Group Meet Up #2 – Application Development with HTML 5
1. TORONTO HTML5 USER GROUP
Meet up #2 – Application Development with HTML 5
2. Company Overview
Digiflare is a full service digital agency that successfully integrates creative
ideas with new technology. We help brands discover new opportunities that
enhance and expand their businesses through interactive experiences on the
web, mobile devices and emerging digital platforms.
Strategy Creative Technology
› Social Media › Brand Strategy & Activation › Mobile & Slate Apps
› Competitive Analysis › Information Architecture › HTML5 Development
› Persona Development › Usability Studies › Web Development
› Website Analytics › Interaction Design › SharePoint Development
› Search Engine Optimization › Web Design › Facebook & Twitter
3. User Experience Form Factors
Desktop / Tablet Web Mobile
We define UX by: › Easy to use
› Engage the audience
› Empower the user
› Emotional connection
4. Award Winning Digital Marketing Practice
› Gold Competency for Digital Marketing with
Microsoft
› BlackBerry Alliance Select Tier Partner
› Virtual Technical Roles
› Brand & Advertising
› Digital Marketing
› Most Valuable Professional
› SharePoint
› Preferred Small Agency of Record for Microsoft
6. About Us
› www.digiflare.com
› chris.ching@digiflare.com
› nathaniel.bagnell@digiflare.com
› We are web and mobile developers
› HTML5 demos by Brandon Satrom at
userinexperience.com
7. Agenda
› Defining HTML5
› Utilizing HTML5 Technologies
› Don’t Forget The Older Browsers!
› Spicing It Up With CSS3
› Make Your Life Easier With Tools
› HTML5 and Beyond
› Getting Started
9. Defining HTML5
› What do people think when they hear
“HTML5”?
› A set of specifications
› A goal toward a more open web
› What is an “HTML5” application?
15. HTML5 Technologies
› Provide rich app capability without
proprietary plugins
› Semantic elements
› Canvas
› Geolocation
› Local storage
› Video & audio
16. Semantic Elements
› More descriptive markup
› Allows programs to extract data
› Header
› Article
› Time
› Nav
› Footer
› … & more
18. Canvas
› A drawable surface to render
graphs, images, shapes dynamically via
JavaScript
› Described by 2-d coordinate system
› Paths
› fillRect
› fillText
› createLinearGradient
› drawImage
29. Video & Audio
› Video and audio elements in markup
› Can be styled via CSS and controls
accessible through JavaScript
› Specify fallbacks for compatibility
33. Modernizr
› http://www.modernizr.com/
› JavaScript library that helps identify
supported features in the user’s browser
› Allows graceful degradation
35. CSS3
› Quick CSS Primer
› CSS Specifications
› Milestones in CSS
› CSS3 In Depth
› Quick jQuery Primer
› Demos and Examples
36. Quick CSS Primer
› CSS stands for
Cascading Style
Sheets
› CSS is used to apply
styling to mark-up
elements
› With presentation
separate from
content, the pages
become more flexible
37. CSS Specification Stages
› The CSS specification goes through “stages”
from the W3C.
› CSS3’s module’s stages varies significantly
› The only modules to have recommendation
stage are Selectors Level 3, Colour, and
Namespaces.
› Progress is relatively quick; a little over a
year ago there was no modules at the
Recommendation stage; only Selectors Level
3 was a Proposed Recommendation
38. Milestones in CSS: CSS1
› The CSS1 specification
became a W3C
Recommendation in
December 1996
› In the year 2000, Internet
Explorer 5.0 for Mac was the
first browser to fully support
the CSS1 specification
› CSS1 brought fourth
primitive design attributes
such as controlling
fonts, colouring, aligning of
text and
elements, margins, borders,
and padding
39. Milestones in CSS: CSS2
› The CSS2 specification became a W3C
recommendation in May 1998
› CSS2 brought fourth improved printing
abilities, Aural CSS (to assist visually disabled
users by applying style sheets to oral
presentations), and position attributes
40. Milestones in CSS: CSS2.1
› CSS 2.1 built upon CSS2; with its main goal being to
correct a few errors found in CSS2
› CSS 2.1 reflected and focused on features that were
widely implemented for both HTML and XML.
› CSS 2.1 just became a Recommendation in June of
2011
41. Milestones in CSS: CSS3
› CSS3 brings forth a lot of exciting new features, in a
different approach than previous iterations.
› Like 2.0 to 2.1, CSS3 builds on top of 2.1
› Let’s examine CSS3 in depth…
42. CSS3 In Depth: What It Has To Offer
› CSS3 contains vast array of new and improved
capabilities, most which go beyond just simple aesthetics.
› New changes have been implemented across almost every
aspect of webpage styling scenarios, from fonts to media
queries to animations and transitions
› Instead of having one monolithic release, CSS3 features have
been broken down into modules.
43. CSS3 In Depth: Why Modules?
› CSS3 is being released in
modules, instead of one
monolithic release
› W3C can bring modules up to the
Recommendation Level (REC) at
different times, based on their
priority
› Browser developers can
implement CSS3 piece by
piece, this helps speed up the
overall implementation process
44. CSS3 In Depth: Why Modules?
› Some technologies and browsers do not need to support the
full CSS3 specification.
› Text-reader only browsers do not need to wait and support
background and borders to be CSS3 compatible, just as a
visual-only browser does not need to support aural
properties.
› Developers have the option of creating tailored subsets of
CSS3 by selecting which modules they want to fully support.
45. CSS Modules
› Currently 52 modules, though this can change as the
specification matures
› There are three priorities of completion; high, medium, and
low
› Priorities are set based on community input and real-world
application
› Each module is logically organized. i.e. anything to do with
selectors is in the Selectors module
46. CSS3 In Depth: Current Support
IE9: A- FF 6.0.2 A- V. 14 - A V. 11.51: B+ V 5.1 - A
V8:D V5: B+ V13: A- V10: B- V4:B
V7:D- V4: B+ V12: A- V9: C
V6:F V3.6: B V11: A- V8: C
Based off historical support on a per-property basis; calculated to present then categorized by a standard grade letter.
So, how can we do CSS3 stuff now, and have all users experience it?...
47. Implementing CSS3 Today
› Build your site with the bare minimums first
› All required functionality should be there
› Required structural and visual elements implemented
› Add on visual value afterward with Progressive Enhancement
› Alternatively, you can do it in reverse – graceful degradation
› What if I need near consistent experience across the majority
of browsers?
48. Implementing CSS3 Today
› Browser Fallbacks
› Implement required functionally natively first
› Provide “fallbacks” to browsers that do not support the
functionality natively
› Fallbacks can be done with
› JavaScript alternatives
› Proprietary functionality (i.e. IE’s “Filter”)
› Conditional statements (and comments for IE!)
› Pseudo effects (i.e. extra markup, images, etc.)
49. Quick jQuery Primer
› We will use jQuery and several plug-ins to replicate CSS3
features that may not be supported in some of your target
browsers.
› jQuery is a JavaScript library that allows you to quickly develop
JavaScript based solutions
› It has great cross browser support including IE6+, FF2+, Safari
3+, and Opera 9+. So, let’s get in to some demos!
51. CSS3 Closing Statements
› CSS3 will bring fourth a wealth of features that will make web
development easier and more efficient
› I estimate it will be three years until you can safely use CSS3 without fall-
backs, taking into consideration user adoption of modern day browsers
› Until then, use alternatives such as the jQuery examples shown here to
have a consistent user experience, or have the site enhance
progressively/degrade gracefully
› Don’t wait for CSS3 to become a full recommendation, at the
least, experiment with CSS3 today in subtle ways, i.e. text-shadows
55. Future of HTML5
› With each new browser release, support
for the HTML5 specification is growing
› A work in progress:
First Published Candidate
Working Draft Last Call Recommendation
Working Draft Recommendation
57. Multi-Platform/Screen Support
› Increasing support for JavaScript and HTML5
as a multi-platform technology
› Develop rich applications for
Mobile, Tablet, Desktop screens with
frameworks
› Sencha Touch
› jQuery
59. Next Steps
› Implement some of the features we talked
about today on your own
› Continue learning more about HTML5 and
then expand your knowledge on JavaScript
and jQuery
› Identify opportunities around you to utilize
HTML5 technologies
60. Resources
› Diveintohtml5.org
› Initializr.com
› Html5boilerplate.com
› Css3please.com
› Caniuse.com
(A great resource for any web dev)
› Modernizr.com
› Html5labs.com
› http://labs.adobe.com/technologies/edge/
(Upcoming IDE to build HTML5, CSS3, and JS Web Content)
› chris.ching@digiflare.com and
nathaniel.bagnell@digiflare.com
› Twitter: nathaniel401, chriswching
61. Thank you!
› Stay tuned to the Toronto HTML5 User Group page for dates on our
upcoming sessions.
› Questions or comments?
› chris.ching@digiflare.com and
nathaniel.bagnell@digiflare.com
› Twitter: nathaniel401, chriswching