The document discusses semantic HTML5 and how it differs from traditional HTML. Semantic HTML5 uses newer elements like <header>, <footer>, <nav>, <article>, and <section> that more accurately describe the content they contain. This makes the code more readable for humans and machines. It allows content to be structured into logical document outlines and hierarchies without using generic <div> elements. While browser support for all new elements may not be complete, techniques like HTML5 shiv can help older browsers recognize them. The document also covers some new form input types and attributes introduced in HTML5.
Findability Bliss Through Web StandardsAarron Walter
Connecting with your audience is objective number one for any website. Findability—the discipline of helping users discover the content they seek—not only helps businesses get their message out, but it improves the user experience, too. The secret to attaining findability bliss, both with search engines and beyond, lies in the wisdom of web standards.
HTML und CSS für Designer / HTML & CSS for designers (PUBKON 2014)Michaela Lehr
Slides zum Talk "HTML und CSS für Designer" für PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Beispiel-Projekt auf Codepen.io: http://codepen.io/Fischaela/details/seKiH/
Beispiel-Projekt auf Github: https://github.com/Fischaela/Pubkon-2014
--
Slides to my talk "HTML & CSS for designers" for PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Example project on codepen.io: http://codepen.io/Fischaela/details/seKiH/
Example project on Github: https://github.com/Fischaela/Pubkon-2014
Findability Bliss Through Web StandardsAarron Walter
Connecting with your audience is objective number one for any website. Findability—the discipline of helping users discover the content they seek—not only helps businesses get their message out, but it improves the user experience, too. The secret to attaining findability bliss, both with search engines and beyond, lies in the wisdom of web standards.
HTML und CSS für Designer / HTML & CSS for designers (PUBKON 2014)Michaela Lehr
Slides zum Talk "HTML und CSS für Designer" für PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Beispiel-Projekt auf Codepen.io: http://codepen.io/Fischaela/details/seKiH/
Beispiel-Projekt auf Github: https://github.com/Fischaela/Pubkon-2014
--
Slides to my talk "HTML & CSS for designers" for PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Example project on codepen.io: http://codepen.io/Fischaela/details/seKiH/
Example project on Github: https://github.com/Fischaela/Pubkon-2014
The Advanced Internet Marketing Training Programme Digital Marketing Course provided by DIDM comes along with a guarantee 100% job security and placement as well as lifetime job assistance is also provided.
How to build a Joomla template that is technically optimised for seo? Use the right tags and create a source-ordered xhtml-css design. Learn how with this presentation.
What is HTML? How do we Write it? Check out this Quick Guide from Web Courses...Carl Heaton
Carl from Web Courses Bangkok takes you through what makes up HTML, where did it come from, how to write it and some important things to remember when choosing your file names.
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone developmentEstelle Weyl
Wouldn't it be cool to be able to use CSS3 and HTML5 unfettered by the lack of support in IE? Mobile developers for smart phones get to do just that!
When developing for iPhones, iPods, iPads and Android devices—mobile devices using webkit browsers—we can use CSS animations, transforms, multiple background images, rounded corners, text and box shadows, CSS columns, and HTML5 form elements.
In this session we'll use some CSS3 features learned in earlier session to create a native looking iPhone web app. We'll also cover some CSS UI and HTML5 form elements that will help you get up to speed on developing for mobile webkit. You don't have to wait any longer to use CSS3!
Introductory talk on Deliverance for Word Plone Day 2010 Boston. For this presentation, both a Plone site and Wordpress site were themed using Deliverance.
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.
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.
HTML all tags .........its to much helpful for beginners Nimrakhan89
An HTML tag is a special word or letter surrounded by angle brackets, < and >. You use tags to create HTML elements , such as paragraphs or links. Many elements have an opening tag and a closing tag — for example, a p (paragraph) element has a <p> tag, followed by the paragraph text, followed by a closing </p> tag.
How I learned to stop worrying and love the .htaccess fileRoxana Stingu
An introduction to .htaccess and what this file can do to help with SEO.
Redirects:
- Mod_alias and mod_rewrite
- Most common redirect types (domain migrations, subdomain to folder and folder renaming and how to deal with duplicate content).
Indexing & Crawling:
- Set HTTP headers for canonicals and meta robots for non-HTML files.
Website speed:
- Gzip and Deflate
- Cache control
The Advanced Internet Marketing Training Programme Digital Marketing Course provided by DIDM comes along with a guarantee 100% job security and placement as well as lifetime job assistance is also provided.
How to build a Joomla template that is technically optimised for seo? Use the right tags and create a source-ordered xhtml-css design. Learn how with this presentation.
What is HTML? How do we Write it? Check out this Quick Guide from Web Courses...Carl Heaton
Carl from Web Courses Bangkok takes you through what makes up HTML, where did it come from, how to write it and some important things to remember when choosing your file names.
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone developmentEstelle Weyl
Wouldn't it be cool to be able to use CSS3 and HTML5 unfettered by the lack of support in IE? Mobile developers for smart phones get to do just that!
When developing for iPhones, iPods, iPads and Android devices—mobile devices using webkit browsers—we can use CSS animations, transforms, multiple background images, rounded corners, text and box shadows, CSS columns, and HTML5 form elements.
In this session we'll use some CSS3 features learned in earlier session to create a native looking iPhone web app. We'll also cover some CSS UI and HTML5 form elements that will help you get up to speed on developing for mobile webkit. You don't have to wait any longer to use CSS3!
Introductory talk on Deliverance for Word Plone Day 2010 Boston. For this presentation, both a Plone site and Wordpress site were themed using Deliverance.
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.
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.
HTML all tags .........its to much helpful for beginners Nimrakhan89
An HTML tag is a special word or letter surrounded by angle brackets, < and >. You use tags to create HTML elements , such as paragraphs or links. Many elements have an opening tag and a closing tag — for example, a p (paragraph) element has a <p> tag, followed by the paragraph text, followed by a closing </p> tag.
How I learned to stop worrying and love the .htaccess fileRoxana Stingu
An introduction to .htaccess and what this file can do to help with SEO.
Redirects:
- Mod_alias and mod_rewrite
- Most common redirect types (domain migrations, subdomain to folder and folder renaming and how to deal with duplicate content).
Indexing & Crawling:
- Set HTTP headers for canonicals and meta robots for non-HTML files.
Website speed:
- Gzip and Deflate
- Cache control
Second atelier gratuit autour des technologies HTML5 / CSS3 / Javascript organisé par La Coopérative des Tilleuls.
Au menu cette fois-ci une initiation à l'intégration web grâce aux feuilles de style CSS.
Après avoir appris lors du premier atelier à créer et à structurer des pages web grâce à HTML, nous verrons comment les mettre en forme avec les feuilles de style en cascade CSS.
Nous découvrirons ensembles :
- les fondements du langage CSS (syntaxe, cascade, sélecteurs)
- quelques balises et attributs HTML utiles pour la CSS
- le formatage de texte (police, couleur, gras, italique...)
- le positionnement des éléments
- les couleurs et images de fond
alphorm.com - Formation HTML5, CSS 3 et JavaScript (70-480)Alphorm
Formation complète ici http://www.alphorm.com/tutoriel/formation-en-ligne-html5-css-3-et-javascript-70-480
Cette vidéo/tutorial fait partie de la Formation HTML5, CSS 3 et JavaScript (70-480). Elle est réalisée par Chamseddine OUERHANI pour http://www.alphorm.com. Vous pouvez retrouver toute la formation ici http://www.alphorm.com/formation/formation-html5-css-3-et-javascript-70-480
Voici le plan de cette vidéo/tutorial :
Vue d'ensemble de HTML et CSS
Créer et styler une page HTML5
Introduction à JavaScript
Créer des formulaires pour collecter des données et valider les entrées utilisateurs
Communiquer avec une source de données distante
Styler HTML5 en utilisant CSS3
Créer des objets et des méthodes en utilisant JavaScript
Créer des pages interactives en utilisant les API HTML5
Ajouter le support du mode hors ligne aux
applications
Implémenter une interface utilisateur
adaptative
Créer des graphiques avancés
Animer l'interface utilisateur
Implémenter la communication temps-réel
avec les Web Sockets
Créer un processus Web Worker
Bonne formation.
HTML5 - Sémantique, structure et nouveaux élémentsRémy Savard
Utiliser la prochaine révision majeure d’HTML afin d’améliorer le balisage de vos documents Web. HTML5 arrive avec tout un arsenal de nouvelles fonctionnalités et plusieurs d’entre elles peuvent être utilisées dès maintenant. Syntaxe, nouveaux éléments sémantiques, formualires enrichis et accessibilité seront quelques uns des sujets détaillés.
Beaucoup d’incompréhensions accompagnent les nouveaux et excitants langages HTML5 et CSS3.
Raphaël se propose de vous en faire découvrir les grandes lignes, de démêler le vrai du faux et les nombreuses idées reçues : “HTML5 c'est encore trop tôt”, “On ne peut pas faire de HTML5 sans CSS3”, “Avec HTML5, je devrai tout réapprendre depuis zéro”, “CSS3 ne fonctionne pas sur IE”, “CSS3 c'est que de la décoration”, etc.
Pamela - Brining back the pleasure of hand-written HTML - Montréal Python 8spierre
Pamela allows you to write HTML faster by provider a CSS-savvy Python-inspired syntax that will reduce the risk of errors and make you more productive !
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
Contains description regarding major semantic elements <article><aside><nav><section>
HTML expands to Hyper Text Markup Language. It is NOT a styling language, you have CSS for that purpose. So stop abusing the existence of HTML.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
4. Semantic HTML
means
your markup
describes
it’s content
without presenting
it
5. Definition
• HTML where specific elements are used
• HTML where elements are not misused
• HTML with no presentation information
6. Semantic HTML is a
• Not Boolean
• Not always objective
• A continuum Text
7. Example
Unsemantic Semantic
<body>
<body background="css/bg.png">
<div id="header">
<font face="Calibri”><center>
<h1>The Awesome Blog of Awesome</
<table width="800" bgcolor="#FFFFFF" border="10"
h1>
bordercolor="#FFFFFF">
<tr><td>
<table width="100%" bgcolor="#f0f0f0"
Text
Text
Text
<p class="tagline">
Awesome is a State of Mind
</p>
border="0“>
</div>
<tr>
<td><h1>
<font face="Palatino Linotype">The
Awesome Blog of Awesome</font>
</h1></td>
</tr>
<tr>
<td align="right"><p>
<i>Awesome is a State of Mind</i>
</p></td>
</tr>
</table>
9. HTML5 adds more
<body>
<header>
<h1>The Awesome Blog of Awesome</h1>
<p>Awesome is a State of Mind</p>
</header>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Blog</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
15. Header
Previously
<div id="header">
<h1>The Awesome Blog of Awesome</h1>
<p class="tagline">Awesome is a State of Mind</p>
</div>
Text
Text
Text
HTML 5
<header>
<hgroup>
<h1>The Awesome Blog of Awesome</h1>
<h2>Awesome is a State of Mind</h2>
</hgroup>
</header>
19. Effect of hgroup
Without With
H1 – Awesome Blog of Awesome H1 – Awesome Blog of Awesome
H2 - Awesome is a State of Mind H2 - Recent Posts
H2 - Recent Posts
TextH3 I Made a Post Thingie
Text
Text
H3 I Made a Post Thingie H3 My Thoughts are made manifest
H3 My Thoughts are made manifest
21. Outlines
• Outlines seem really important to the
people who push semantic HTML 5
• Are they really important?
• Today: No
• Tomorrow: Who knows?
• But this is a semantically correct way of
reducing classes and extraneous divs
30. Nav
Previously HTML 5
<div class="post”> <article>
<div class="postheader"> <header>
<h3><a href="">I Scream My Thoughts</a></h3> <h1><a href="">I Scream My Thoughts</a></h1>
<p class="date">August 10, 2011</p>
</div>
Text
Text
Text
<time>August 10, 2011</time>
</header>
<p>You probably haven't heard of them duis</p> <p>You probably haven't heard of them duis </p>
</div> </article>
31. Article
PREVIOUSLY
<div class="post”>
<div class="postheader">
<h3><a href="">I Scream My Thoughts</a></h3>
<p class="date">August 10, 2011</p>
</div>
Text
Text
<p>You probably haven't heard of them duis</p>
Text
</div>
HTML5
<article>
<header>
<h1><a href="">I Scream My Thoughts</a></h1>
<time>August 10, 2011</time>
</header>
<p>You probably haven't heard of them duis </p>
</article>
49. Content
Previously HTML 5
<div class=”content”> <div class=”content”>
<div class="post”> <article>
... ...
</div> </article>
<div class="post”>
...
Text
<article>
Text
Text
...
</div> </article>
<div class="post”> <article>
... ...
</div> <article>
</div> </div>
50. Also correct
Previously HTML 5
<div class=”content”> <section class=”content”>
<div class="post”> <article>
... ...
</div> </article>
<div class="post”>
...
Text
<article>
Text
Text
...
</div> </article>
<div class="post”> <article>
... ...
</div> <article>
</div> </section>
51. Umm
That’s great, but
frankly not that
much of a
difference.
How is this
better?
52. Benefit 1
Before HTML 5
</div> </div>
</div> </article>
</div> Text
</section>
Text
Text
<div id=“footer”> <footer>
</div> </footer>
</body> </body>
66. spellcheck
<p contenteditable="true" spellcheck="spellcheck" class="comment">Comment</p>
Allows user editable field to trigger the browser’s spellcheck
interface
Uses?
•No one spellchecks anything they post on the web
•But you will have the moral high ground to point out on your site they
could have.
73. URL
<input type=“url” name=“url” />
Provides validation
Provides url keyboard on iOS
devices.
Chart from - http://wufoo.com/html
74. Number
<input type=“number” name=“cost” />
Provides keypad on iOS and Android
devices.
Provides a stepper on desktops
Takes attributes:
Min/Max
Step
Chart from - http://wufoo.com/html
77. Range
<input type=“range” name=“volume” />
Provides a set of values
The slider allows you to pick
one
Not terribly precise
Takes attributes:
Min/Max
Step
Chart from - http://wufoo.com/html
78. Date
<input type=“date” name=“dob” />
Provides validation
On Opera
Displays a data picker
On Safari/Chrome
Displays ticker
IE
Dashes your hopes and
dreams the way only IE
can Chart from - http://wufoo.com/html
80. Output
<output />
Semantically correct placeholder for calculated values.
Can also be used a label for input type=“slider”
Chart from - http://wufoo.com/html
81. Meter
<meter min=“0” max=“20” value=“12”>12cm</meter>
Basically a Bar Chart of results
Chart from - http://wufoo.com/html
85. On Tableless designs
Don’t use tables for
layout, use CSS.
Tables are for tabular
Zeldman
data.
They are just one of the
tools in your toolkit.
Holzschlag
Shea
Icons by:
http://www.ngenworks.com/
86. What people heard
Don’t use tables
Tables are for
Zeldman
tools.
Holzschlag
Shea
Icons by:
http://www.ngenworks.com/
87. I’m not saying
Don’t use div’s when
there are semantic
elements that make
sense.
Div’s are still good for
denoting things that
have no semantic
equivalent
88. I’m not saying
Don’t use div’s when
there are semantic
elements that make
sense.
Div’s are still good for
denoting things that
have no semantic
equivalent
108. For Future Reference
• HTML 5 General
• http://www.diveintohtml5.net
• http://html5doctor.com
• HTML5 Semantics
• http://www.diveintohtml5.net/semantics.html
• HTML 5 Forms
• http://wufoo.com/html5
• http://www.diveintohtml5.net/forms.html
• HTML Status
• http://caniuse.com
109. Follow up?
• Preso will be up at:
- http://slideshare.net/tpryan
• Feel free to contact me
- terry.ryan@adobe.com
Text
- http://terrenceryan.com
- Twitter: @tpryan
- github: tpryan