This document provides a summary of new features in HTML5 and CSS3, including new HTML5 elements like <header>, <article>, and <figure>, new form controls like <datetime> and <range>, drag and drop APIs, local storage, and Canvas drawing. For CSS3, it covers new properties for color like rgba(), hsla(), opacity, multiple background images, border styling with border-radius and box-shadow, and text overflow.
A presentation to Refresh DC about the emerging HTML 5 and CSS 3 standards, namely about aspects that are beginning to become applicable to web design and development. Given by Jason Garber and M. Jackson Wilkinson.
This document discusses the history and evolution of HTML standards from 1991 to 2009. It outlines the major releases of HTML and related technologies like CSS and JavaScript. It then describes some of the new features introduced in HTML5, including new multimedia elements like <video> and <audio>, the canvas element for drawing graphics, storage APIs, and various form input types. The document concludes that HTML5 introduces significant improvements over HTML4, bringing multimedia, threads, drag and drop, and persistent storage without additional plugins. While still a work in progress, modern browsers already support many HTML5 features.
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...Jim Birch
The goal of this presentation is to explain how to minimize the markup that Drupal outputs, and gain complete control over the what and the where of the markup.
Using the system described herein, we can coerce the HTML output of Drupal to match provided designs, or pre-existing HTML Layouts. We are not forced to try to make the Drupal default HTML output look like the design.
For more information, please visit my long form blog post about the subject here:
http://jimbir.ch/blog/using-fences-page-manager-optimize-html-markup-drupal-7
Tackling Umbraco: Case Study on NFL Ops Site Designmcampolongo
This document provides an overview of the design process for a new website created for the NFL Football Operations division. Key points include:
- The site was designed to differentiate itself from NFL.com and honor the history of football while showcasing innovation.
- An extensive design process included style tiles, mood boards, typography and photography tests to establish visual identity.
- The navigation drew inspiration from other NFL properties but was tested in various formats to create a flexible design optimized for different devices.
- Templates and content blocks were created to structure information in a logical and manageable way for both users and future editors.
- The Archetype package was leveraged to create reusable content modules that
The document discusses the features of HTML5 including:
1) New elements such as <video>, <audio>, and <canvas> that allow embedding multimedia directly into webpages.
2) Block-level elements like <article>, <section>, <aside>, <header>, <footer>, and <nav> that help define page structure and outlines.
3) Associated technologies enabled by HTML5 including geolocation, offline storage, and CSS3 features for animations, gradients and rounded corners.
Moving from classic web development to a CMS like Umbraco:
- A CMS allows editing of content directly in the browser rather than uploading files, and stores content in a database rather than HTML files.
- With a CMS, the URL contains a key to the associated database record rather than directly linking to files.
- For development, you interact with the CMS interface rather than directly editing files, abstracting the underlying technical details.
Este documento resume la historia de la radio musical desde sus orígenes hasta la actualidad, describiendo la evolución tecnológica de los formatos musicales y las diferentes categorías de emisoras de radio. También explica los procesos de selección musical y los roles de los DJ en las distintas estaciones.
A presentation to Refresh DC about the emerging HTML 5 and CSS 3 standards, namely about aspects that are beginning to become applicable to web design and development. Given by Jason Garber and M. Jackson Wilkinson.
This document discusses the history and evolution of HTML standards from 1991 to 2009. It outlines the major releases of HTML and related technologies like CSS and JavaScript. It then describes some of the new features introduced in HTML5, including new multimedia elements like <video> and <audio>, the canvas element for drawing graphics, storage APIs, and various form input types. The document concludes that HTML5 introduces significant improvements over HTML4, bringing multimedia, threads, drag and drop, and persistent storage without additional plugins. While still a work in progress, modern browsers already support many HTML5 features.
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...Jim Birch
The goal of this presentation is to explain how to minimize the markup that Drupal outputs, and gain complete control over the what and the where of the markup.
Using the system described herein, we can coerce the HTML output of Drupal to match provided designs, or pre-existing HTML Layouts. We are not forced to try to make the Drupal default HTML output look like the design.
For more information, please visit my long form blog post about the subject here:
http://jimbir.ch/blog/using-fences-page-manager-optimize-html-markup-drupal-7
Tackling Umbraco: Case Study on NFL Ops Site Designmcampolongo
This document provides an overview of the design process for a new website created for the NFL Football Operations division. Key points include:
- The site was designed to differentiate itself from NFL.com and honor the history of football while showcasing innovation.
- An extensive design process included style tiles, mood boards, typography and photography tests to establish visual identity.
- The navigation drew inspiration from other NFL properties but was tested in various formats to create a flexible design optimized for different devices.
- Templates and content blocks were created to structure information in a logical and manageable way for both users and future editors.
- The Archetype package was leveraged to create reusable content modules that
The document discusses the features of HTML5 including:
1) New elements such as <video>, <audio>, and <canvas> that allow embedding multimedia directly into webpages.
2) Block-level elements like <article>, <section>, <aside>, <header>, <footer>, and <nav> that help define page structure and outlines.
3) Associated technologies enabled by HTML5 including geolocation, offline storage, and CSS3 features for animations, gradients and rounded corners.
Moving from classic web development to a CMS like Umbraco:
- A CMS allows editing of content directly in the browser rather than uploading files, and stores content in a database rather than HTML files.
- With a CMS, the URL contains a key to the associated database record rather than directly linking to files.
- For development, you interact with the CMS interface rather than directly editing files, abstracting the underlying technical details.
Este documento resume la historia de la radio musical desde sus orígenes hasta la actualidad, describiendo la evolución tecnológica de los formatos musicales y las diferentes categorías de emisoras de radio. También explica los procesos de selección musical y los roles de los DJ en las distintas estaciones.
This document provides an overview of HTML5 and CSS3 features. It discusses new HTML5 elements like <header>, <nav>, <article>, and <aside> that provide semantic structure. It also covers new HTML5 form controls, APIs, and structural changes. For CSS3, it outlines new properties for color, backgrounds, borders, text effects and multi-column layout. The document is intended to bring developers up to speed on the latest web standards.
- IE9 provides faster performance for HTML5 features like video and audio as well as CSS3 capabilities. It supports standards like HTML5, CSS3, SVG and DOM more completely than previous versions of IE.
- Microsoft is actively involved in the relevant standards bodies to help drive the evolution of web standards. Interoperable markup and a standards-aligned approach are priorities for IE9.
- IE9 features hardware-accelerated rendering for graphics-intensive HTML5 capabilities, improving performance significantly over IE8 for sites using these new features.
This document discusses optimizing jQuery and front-end performance. It covers minimizing HTTP requests, file size, and blocking behavior to improve dependency loading. It discusses optimizing initial page rendering through proper asset ordering, lazy loading, and reducing flash of unstyled content. It also discusses minimizing reflows and repaints as well as JavaScript optimizations to improve post-load responsiveness. The document provides an overview of jQuery internals and techniques for optimizing jQuery code.
HTML5 and the Open Web Platform - Web Technologies (1019888BNR)Beat Signer
The document discusses the history and features of HTML and HTML5. It provides an overview of HTML, including common tags and document structure. It then covers the evolution of HTML standards over time, from early versions to HTML5. Key features of HTML5 are described, such as new semantic elements, forms, video/audio playback, and the canvas element for drawing with JavaScript.
Silverlight is a Microsoft technology that allows for building rich interactive web applications. It provides capabilities for media playback, animation, and graphics. Developers can use .NET languages like C# to build Silverlight applications, taking advantage of tools like Visual Studio and Expression Blend. Silverlight applications can run across browsers and platforms and provide users with engaging experiences beyond traditional websites.
HTML5 introduces several new features including new semantic elements, support for embedded video and audio, canvas element for 2D/3D graphics, offline web applications, and drag and drop. It also removes some older HTML elements. HTML5 is still a work in progress but is supported by all major browsers. It aims to make web pages more compatible with new technologies and reduce the need for browser plug-ins.
The document discusses responsive web design (RWD), which allows websites to automatically adapt to different screen sizes through flexible grids and images, and media queries. RWD uses fluid layouts where elements are sized using relative units like percentages. It also leverages CSS3 media queries to apply different styling for various devices. The document provides an overview of RWD and examples of how to structure HTML and CSS for a responsive design that can accommodate diverse screen sizes. It also lists resources for learning more about this approach to building adaptive and mobile-friendly websites.
This document summarizes and compares four popular JavaScript frameworks: Backbone.js, AngularJS, Ember.js, and Knockout.js. It covers key areas like how easy it is to get started with a "Hello World" example, dependencies, data binding capabilities, routing support, how views are defined, testing support, data handling, documentation/community support, and third party integration capabilities.
Javascript Frameworks Comparison - Angular, Knockout, Ember and BackboneDeepu S Nath
Introduction and Comparison of polpular JS Frameworks Knockout, Ember, Angular and Backbone. The presentation descrobes How and when to select each framework.
HTML5 and the Open Web Platform - Web Technologies (1019888BNR)Beat Signer
The document discusses the history and features of HTML and HTML5. It provides an overview of HTML, including common tags and document structure. It then covers the evolution of HTML over time, from early versions to modern standards like HTML5. The document also describes some of the new features introduced in HTML5, such as enhanced multimedia support, forms, and the canvas element for drawing graphics.
This document provides an introduction and overview of Ruby on Rails, including: its history and initial release in 2004; the Model-View-Controller architecture and included components; installing and setting up a basic Rails application; scaffolding a product catalog with CRUD functionality; adding validation, testing, and pushing the application to Heroku for deployment. It then demonstrates expanding the application by adding a shopping cart and checkout functionality using additional scaffolds, models, and controllers.
Bootstrap 5 introduces several major changes including removing jQuery, switching to vanilla JavaScript, adding responsive font sizes, dropping support for older browsers like Internet Explorer 10 and 11, changing the gutter width unit to rem, removing unnecessary classes like card decks, optimizing the navbar component, switching from Jekyll to Hugo for documentation, updating various classes, introducing a new SVG icon library, and providing tools to assist with migrating to the new version.
HTML5: An Introduction To Next Generation Web DevelopmentTilak Joshi
HTML5 is the next generation web development standard that improves upon HTML4 and XHTML. It focuses on features rather than syntax, and includes new elements like <article> and <section>, native audio/video support, drawing APIs, geolocation, drag and drop, web forms 2.0, and more. HTML5 aims to improve multimedia capabilities while keeping code readable by humans and machines. It is supported by all major browsers, though support for specific features may vary, and polyfills can help with backwards compatibility.
Acquia Platform Update: New Features and CapabilitiesAcquia
More and more organizations are discovering that it’s not always the best product or lowest price that wins over customers, clients, or consistents...it’s the best experience. It’s why enterprises are expected to spend more than $2,000,000,000 to transform digital experiences by 2020.
It’s also why every quarter, we add new enhancements and capabilities to the Acquia platform to help our customers and partners build and deliver the best experiences. Our quarterly Acquia Platform Update is <strong>the</strong> place to go to get the details on all the new features, benefits and use cases you can start taking advantage of, RIGHT NOW.
Tom Wentworth, SVP of Product Marketing, and M.J. Johnson, Sr. Director of Product Marketing, will cover all of the new Acquia Platform enhancements and capabilities that were released in Q2, in addition to what is on our product roadmap.
You’ll walk away with:
-The latest info on new Acquia capabilities introduced in the past quarter for developers to build faster, operations teams to manage effectively, and marketers to connect with key audiences.
-Insight into the current state of Acquia's open platform for building, hosting and innovating digital experiences and websites.
-The chance to ask a live panel of product experts questions to understand the current and future state of Acquia's Digital Experience Platform.
HTML5ではないサイトを HTML5へ - Change HTML5 from Not HTML5.Sadaaki HIRAI
This document provides an overview of HTML5, including its history and specifications. It discusses key HTML5 features such as Web Storage, microdata, media queries, canvas, web fonts, and data URLs. Examples are given for many of these features. The document concludes by thanking the reader for changing their view of HTML5 from "Not HTML5" to recognizing it as HTML5.
The document discusses the history and evolution of web browsers and standards. It notes that early browsers in the 1990s included Mosaic and Netscape Navigator. In the late 1990s, Internet Explorer and Netscape competed using both open and closed standards. HTML5 was developed in the 2000s to better support web applications and add new elements like video. The document also discusses approaches to making websites mobile-friendly, including responsive design using viewport meta tags and media queries.
The document provides an overview of HTML5 including:
- A history of HTML versions leading to the development of HTML5.
- Instructions for getting started with HTML5 including browser compatibility and development tools.
- New HTML5 structural tags like <header>, <nav>, <section>, and <article>.
- Enhanced form features in HTML5 like email, URL, number, and date field types.
- Multimedia additions like playing audio and video natively in the browser.
- Scripting APIs including Canvas for drawing graphics, local storage for client-side data, and Geolocation for detecting the user's location.
Talk by Tomas Lin on Building Killer RIAs with Flex and Grails at the Groovy ...Skills Matter
Adobe Flex is a Rich Internet Application framework that allows developers to build robust and powerful applications for the web and the desktop. In this talk, Tomas Lin discusses the major technologies and tools available within the Grails / Flex ecosystem and dive into building a simple and fun application using the Flex plugin, BlazeDS, Grails and Flash Builder 4.
Find the podcast of this talk here:
http://skillsmatter.com/podcast/java-jee/building-killer-rias-with-flex-and-grails/zx-489
How to Add Chatter in the odoo 17 ERP ModuleCeline George
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
How to Make a Field Mandatory in Odoo 17Celine George
In Odoo, making a field required can be done through both Python code and XML views. When you set the required attribute to True in Python code, it makes the field required across all views where it's used. Conversely, when you set the required attribute in XML views, it makes the field required only in the context of that particular view.
This document provides an overview of HTML5 and CSS3 features. It discusses new HTML5 elements like <header>, <nav>, <article>, and <aside> that provide semantic structure. It also covers new HTML5 form controls, APIs, and structural changes. For CSS3, it outlines new properties for color, backgrounds, borders, text effects and multi-column layout. The document is intended to bring developers up to speed on the latest web standards.
- IE9 provides faster performance for HTML5 features like video and audio as well as CSS3 capabilities. It supports standards like HTML5, CSS3, SVG and DOM more completely than previous versions of IE.
- Microsoft is actively involved in the relevant standards bodies to help drive the evolution of web standards. Interoperable markup and a standards-aligned approach are priorities for IE9.
- IE9 features hardware-accelerated rendering for graphics-intensive HTML5 capabilities, improving performance significantly over IE8 for sites using these new features.
This document discusses optimizing jQuery and front-end performance. It covers minimizing HTTP requests, file size, and blocking behavior to improve dependency loading. It discusses optimizing initial page rendering through proper asset ordering, lazy loading, and reducing flash of unstyled content. It also discusses minimizing reflows and repaints as well as JavaScript optimizations to improve post-load responsiveness. The document provides an overview of jQuery internals and techniques for optimizing jQuery code.
HTML5 and the Open Web Platform - Web Technologies (1019888BNR)Beat Signer
The document discusses the history and features of HTML and HTML5. It provides an overview of HTML, including common tags and document structure. It then covers the evolution of HTML standards over time, from early versions to HTML5. Key features of HTML5 are described, such as new semantic elements, forms, video/audio playback, and the canvas element for drawing with JavaScript.
Silverlight is a Microsoft technology that allows for building rich interactive web applications. It provides capabilities for media playback, animation, and graphics. Developers can use .NET languages like C# to build Silverlight applications, taking advantage of tools like Visual Studio and Expression Blend. Silverlight applications can run across browsers and platforms and provide users with engaging experiences beyond traditional websites.
HTML5 introduces several new features including new semantic elements, support for embedded video and audio, canvas element for 2D/3D graphics, offline web applications, and drag and drop. It also removes some older HTML elements. HTML5 is still a work in progress but is supported by all major browsers. It aims to make web pages more compatible with new technologies and reduce the need for browser plug-ins.
The document discusses responsive web design (RWD), which allows websites to automatically adapt to different screen sizes through flexible grids and images, and media queries. RWD uses fluid layouts where elements are sized using relative units like percentages. It also leverages CSS3 media queries to apply different styling for various devices. The document provides an overview of RWD and examples of how to structure HTML and CSS for a responsive design that can accommodate diverse screen sizes. It also lists resources for learning more about this approach to building adaptive and mobile-friendly websites.
This document summarizes and compares four popular JavaScript frameworks: Backbone.js, AngularJS, Ember.js, and Knockout.js. It covers key areas like how easy it is to get started with a "Hello World" example, dependencies, data binding capabilities, routing support, how views are defined, testing support, data handling, documentation/community support, and third party integration capabilities.
Javascript Frameworks Comparison - Angular, Knockout, Ember and BackboneDeepu S Nath
Introduction and Comparison of polpular JS Frameworks Knockout, Ember, Angular and Backbone. The presentation descrobes How and when to select each framework.
HTML5 and the Open Web Platform - Web Technologies (1019888BNR)Beat Signer
The document discusses the history and features of HTML and HTML5. It provides an overview of HTML, including common tags and document structure. It then covers the evolution of HTML over time, from early versions to modern standards like HTML5. The document also describes some of the new features introduced in HTML5, such as enhanced multimedia support, forms, and the canvas element for drawing graphics.
This document provides an introduction and overview of Ruby on Rails, including: its history and initial release in 2004; the Model-View-Controller architecture and included components; installing and setting up a basic Rails application; scaffolding a product catalog with CRUD functionality; adding validation, testing, and pushing the application to Heroku for deployment. It then demonstrates expanding the application by adding a shopping cart and checkout functionality using additional scaffolds, models, and controllers.
Bootstrap 5 introduces several major changes including removing jQuery, switching to vanilla JavaScript, adding responsive font sizes, dropping support for older browsers like Internet Explorer 10 and 11, changing the gutter width unit to rem, removing unnecessary classes like card decks, optimizing the navbar component, switching from Jekyll to Hugo for documentation, updating various classes, introducing a new SVG icon library, and providing tools to assist with migrating to the new version.
HTML5: An Introduction To Next Generation Web DevelopmentTilak Joshi
HTML5 is the next generation web development standard that improves upon HTML4 and XHTML. It focuses on features rather than syntax, and includes new elements like <article> and <section>, native audio/video support, drawing APIs, geolocation, drag and drop, web forms 2.0, and more. HTML5 aims to improve multimedia capabilities while keeping code readable by humans and machines. It is supported by all major browsers, though support for specific features may vary, and polyfills can help with backwards compatibility.
Acquia Platform Update: New Features and CapabilitiesAcquia
More and more organizations are discovering that it’s not always the best product or lowest price that wins over customers, clients, or consistents...it’s the best experience. It’s why enterprises are expected to spend more than $2,000,000,000 to transform digital experiences by 2020.
It’s also why every quarter, we add new enhancements and capabilities to the Acquia platform to help our customers and partners build and deliver the best experiences. Our quarterly Acquia Platform Update is <strong>the</strong> place to go to get the details on all the new features, benefits and use cases you can start taking advantage of, RIGHT NOW.
Tom Wentworth, SVP of Product Marketing, and M.J. Johnson, Sr. Director of Product Marketing, will cover all of the new Acquia Platform enhancements and capabilities that were released in Q2, in addition to what is on our product roadmap.
You’ll walk away with:
-The latest info on new Acquia capabilities introduced in the past quarter for developers to build faster, operations teams to manage effectively, and marketers to connect with key audiences.
-Insight into the current state of Acquia's open platform for building, hosting and innovating digital experiences and websites.
-The chance to ask a live panel of product experts questions to understand the current and future state of Acquia's Digital Experience Platform.
HTML5ではないサイトを HTML5へ - Change HTML5 from Not HTML5.Sadaaki HIRAI
This document provides an overview of HTML5, including its history and specifications. It discusses key HTML5 features such as Web Storage, microdata, media queries, canvas, web fonts, and data URLs. Examples are given for many of these features. The document concludes by thanking the reader for changing their view of HTML5 from "Not HTML5" to recognizing it as HTML5.
The document discusses the history and evolution of web browsers and standards. It notes that early browsers in the 1990s included Mosaic and Netscape Navigator. In the late 1990s, Internet Explorer and Netscape competed using both open and closed standards. HTML5 was developed in the 2000s to better support web applications and add new elements like video. The document also discusses approaches to making websites mobile-friendly, including responsive design using viewport meta tags and media queries.
The document provides an overview of HTML5 including:
- A history of HTML versions leading to the development of HTML5.
- Instructions for getting started with HTML5 including browser compatibility and development tools.
- New HTML5 structural tags like <header>, <nav>, <section>, and <article>.
- Enhanced form features in HTML5 like email, URL, number, and date field types.
- Multimedia additions like playing audio and video natively in the browser.
- Scripting APIs including Canvas for drawing graphics, local storage for client-side data, and Geolocation for detecting the user's location.
Talk by Tomas Lin on Building Killer RIAs with Flex and Grails at the Groovy ...Skills Matter
Adobe Flex is a Rich Internet Application framework that allows developers to build robust and powerful applications for the web and the desktop. In this talk, Tomas Lin discusses the major technologies and tools available within the Grails / Flex ecosystem and dive into building a simple and fun application using the Flex plugin, BlazeDS, Grails and Flash Builder 4.
Find the podcast of this talk here:
http://skillsmatter.com/podcast/java-jee/building-killer-rias-with-flex-and-grails/zx-489
How to Add Chatter in the odoo 17 ERP ModuleCeline George
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
How to Make a Field Mandatory in Odoo 17Celine George
In Odoo, making a field required can be done through both Python code and XML views. When you set the required attribute to True in Python code, it makes the field required across all views where it's used. Conversely, when you set the required attribute in XML views, it makes the field required only in the context of that particular view.
How to Fix the Import Error in the Odoo 17Celine George
An import error occurs when a program fails to import a module or library, disrupting its execution. In languages like Python, this issue arises when the specified module cannot be found or accessed, hindering the program's functionality. Resolving import errors is crucial for maintaining smooth software operation and uninterrupted development processes.
Executive Directors Chat Leveraging AI for Diversity, Equity, and InclusionTechSoup
Let’s explore the intersection of technology and equity in the final session of our DEI series. Discover how AI tools, like ChatGPT, can be used to support and enhance your nonprofit's DEI initiatives. Participants will gain insights into practical AI applications and get tips for leveraging technology to advance their DEI goals.
How to Manage Your Lost Opportunities in Odoo 17 CRMCeline George
Odoo 17 CRM allows us to track why we lose sales opportunities with "Lost Reasons." This helps analyze our sales process and identify areas for improvement. Here's how to configure lost reasons in Odoo 17 CRM
How to Build a Module in Odoo 17 Using the Scaffold MethodCeline George
Odoo provides an option for creating a module by using a single line command. By using this command the user can make a whole structure of a module. It is very easy for a beginner to make a module. There is no need to make each file manually. This slide will show how to create a module using the scaffold method.
The simplified electron and muon model, Oscillating Spacetime: The Foundation...RitikBhardwaj56
Discover the Simplified Electron and Muon Model: A New Wave-Based Approach to Understanding Particles delves into a groundbreaking theory that presents electrons and muons as rotating soliton waves within oscillating spacetime. Geared towards students, researchers, and science buffs, this book breaks down complex ideas into simple explanations. It covers topics such as electron waves, temporal dynamics, and the implications of this model on particle physics. With clear illustrations and easy-to-follow explanations, readers will gain a new outlook on the universe's fundamental nature.
Strategies for Effective Upskilling is a presentation by Chinwendu Peace in a Your Skill Boost Masterclass organisation by the Excellence Foundation for South Sudan on 08th and 09th June 2024 from 1 PM to 3 PM on each day.
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
This presentation was provided by Steph Pollock of The American Psychological Association’s Journals Program, and Damita Snow, of The American Society of Civil Engineers (ASCE), for the initial session of NISO's 2024 Training Series "DEIA in the Scholarly Landscape." Session One: 'Setting Expectations: a DEIA Primer,' was held June 6, 2024.
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar Kanvaria
15. structuralelements
BrowserSupport:structuralelements
Provides new semantic vocabulary
for parts of a page previously
served by DIVs with ID and Class
attributes.
IE requires some workarounds
using JavaScript to make these
elements work.
HEADER
ARTICLE
FOOTER
ASIDE
NAV
SECTION
Sunday, July 19, 2009
17. audio&video
BrowserSupport:audio&video
Allows for associating captions
with embedded content, including
videos, audio, or images.
Opera, Chrome, and Firefox all
support the Ogg Theora video
format natively, while Safari and
Chrome support H.264.
<video src="test.ogg" autoplay="autoplay"
controls="controls">
Your browser does not support the video
element. This could also include object and
embed codes for legacy browsers.
</video>
Sunday, July 19, 2009
18. OTHERELEMENTS
METER Contained content is a measurement, like length.
PROGRESS
TIME
COMMAND
DATAGRID
OUTPUT
RUBY
Contains current process toward a goal, like a percentage.
Time
Represents something a command a user may execute.
Represents data. Non-tabular or otherwise.
Displays the output of a program or process.
Allows input of rubi/ruby annotations for Asian languages.
Sunday, July 19, 2009
20. FORMCONTROLS
DATETIME Allows input of a date and a time.
DATETIME-LOCAL
NUMBER
RANGE
EMAIL
URL
COLOR
Allows input of a date and a time, in local time.
Allows input of a number.
Input is verified to be within a range.
Confirms the input to be a valid email.
Ensures input is a valid URL.
Provides a mechanism for the user to input an RGB color.
Sunday, July 19, 2009
22. HTML5doctype
BrowserSupport:HTML5doctype
The HTML 5 doctype is way
easier than any other doctype.
Evar.
Just type the parts you remember,
and you’ll probably be right.
<!DOCTYPE html>
Sunday, July 19, 2009
23. HTML5&XHTML5
BrowserSupport:HTML5doctype
HTML 5 supports the standard
HTML syntax (formerly SGML),
but also allows for an XML-based
variant XHTML5.
Since it’s XML, XHTML should
be served as application/xml or
application/xhtml+xml. Warning:
this means browsers freak if there’s
an error.
<html>
vs.
<html xmlns="http://
www.w3.org/1999/xhtml">
Sunday, July 19, 2009
24. Block-LevelLinks
BrowserSupport:Block-levelLinks
You can now wrap links around
block-level elements, rather than
having to create links around
every element inside the block
element.
This is useful for lists of articles
that include multiple elements,
callouts with a single action, etc.
<li>
<a href="page.html">
<img src="pic.jpg">
<h3>Title</h3>
<p>Text</p>
</a>
</li>
Sunday, July 19, 2009
26. Drag&DropAPI
BrowserSupport:DragandDropAPI
Allows objects (images and links,
by default) to be dragged and then
dropped onto a target.
The target is enabled by canceling
the ‘dragover’ (for sane browsers)
or ‘dragenter’ (for IE) events for
the drop target. Then listen for a
‘drop’ event which contains a
‘dataTransfer’ object with info.
+
Sunday, July 19, 2009
28. Cross-DocumentMessaging
BrowserSupport:Cross-DocMessaging
This allows non-hostile documents
on different domains to simply
communicate with each other.
The sending document can call
postMessage() on the window
object of the receiving document,
while the receiving document listens
for a ‘message’ event.
MAIN DOCUMENT
FOREIGN
IFRAME
Sunday, July 19, 2009
29. SimpleClientStorage
BrowserSupport:SimpleClientStorage
The sessionStorage DOM attribute
stores session data for a single
window, like cookies on crack.
The localStorage DOM attribute
allows each site to store megabytes
of data across sessions to improve
performance.
Both methods store only strings.
<input
type="checkbox"
onchange="
localStorage.insurance=checked
"
/>
Sunday, July 19, 2009
30. StructuredClientStorage
BrowserSupport:StructuredClientStorage
HTML 5’s Web Storage module
provides an SQL server within the
client, accessible using Javascript. It
uses fairly standard SQL queries
for both reading and writing.
There’s a lot to be explained about
the built-in SQL server, so go
check out the docs for more
information.
tx.executeSql(
‘SELECT * FROM Notes’,
[],
function(tx, rs) {
for(var i = 0;
i < rs.rows.length; i++) {
renderNote(rs.rows[i]);
}
Sunday, July 19, 2009
31. OfflineApplicationCaching
BrowserSupport:OfflineApplicationCaching
Allow the client to refer directly to
its cache, authoritatively, for
certain resources, even if the
browser is offline.
Resources listed in the “network”
section are never cached.
<html manifest=”/cache.manifest”>
CACHE MANIFEST
index.html
help.html
style/default.css
images/logo.png
images/backgound.png
NETWORK:
server.cgi
Sunday, July 19, 2009
32. Canvas
BrowserSupport:canvas
Provides an API for drawing
directly in the browser window,
using instructions that define
vector-based shapes and lines.
This allows SVG-like graphics to be
created on the fly in the browser,
with fallback content (like Flash?)
provided to legacy browsers.
<canvas id="canvas" width="150" height="150">
fallback content
</canvas>
function draw() {
var canvas = document.getElementById("canvas");
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect (10, 10, 55, 50);
ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
ctx.fillRect (30, 30, 55, 50);
}
}
Sunday, July 19, 2009
35. opacity
BrowserSupport:opacity
Adjusts the opacity of the selected
element’s presentation on screen.
Takes values between 0.0 (fully
transparent) and 1.0 (fully
opaque)
div { color: #f00; opacity: 1.0; }
div { color: #f00; opacity: 0.5; }
Sunday, July 19, 2009
36. RGBAColor
BrowserSupport:RGBAcolor
Like RGB color definitions, but
allows a fourth field, defining the
alpha value of the color being
applied.
Like opacity, the alpha value is
between 0.0 (fully transparent)
and 1.0 (fully opaque).
div { color: rgb(0,255,0); }
div { color: rgba(0,255,0,0.5); }
Sunday, July 19, 2009
37. HSL/AColor
BrowserSupport:HSL/Acolor
HSL color definitions accept three
arguments: hue is a degree on a
color wheel (0-360), saturation
is a percentage, and lightness is a
percentage.
HSLA is like HSL color, but
allows a fourth field, defining the
alpha value of the color being
applied. See RGBA.
div { color: hsl(240,50%,50%); }
div { color: hsla(240,50%,50%,0.5); }
Sunday, July 19, 2009
39. background-size
BrowserSupport:background-size
Defines the size at which the
browser should display the specified
background image. Accepts all
normal size definitions as width
followed by height.
In shorthand, this appears after
background-position values.
div { background-size: 100px 65px; }
div { background-size: 400px 65px; }
Sunday, July 19, 2009
40. background: url(body-top.png) top left no-repeat,
url(body-bottom.png) bottom left no-repeat,
url(body-middle.png) left repeat-y;
background-image
BrowserSupport:background-image
Allows for multiple images to be
specified. The first image specified
is layered closest to the top of the
screen, and subsequent images are
layered beneath.
Sunday, July 19, 2009
42. border: 5px solid #000;
border-color: #000 transparent transparent #000;
border-color
BrowserSupport:border-color
Allows for multiple border colors
to be specified, one pixel at a time.
The last specified color is repeated
if necessary.
This cannot be used in the border
shorthand syntax.
Sunday, July 19, 2009
43. border-image: url(button.png) 0 12 0 12 stretch
stretch;
border-image
BrowserSupport:border-image
Allows the border to be represented
by an image, by defining which
parts of the image should be used
for the edges, and which should be
repeated in the main part of the
element.
This is difficult to represent
completely, so go look it up.
border-image: url(border.png) 27 27 27 27 round
round;
Sunday, July 19, 2009
44. border-radius: 10px;
border-radius
BrowserSupport:border-radius
Curves the corners of the border
using the radius given, often in
pixels. This can be given to all
corners, or only to individual
corners as specified.
Firefox refers to individual corners
like “border-radius-topright”
while Safari (correctly) refers to it
as “border-top-right-radius”.
border-top-right-radius: 10px;
Sunday, July 19, 2009
45. box-shadow: 10px 10px 10px #333;
box-shadow
BrowserSupport:box-shadow
Creates a drop shadow beneath the
selected element.
The first argument is the horizontal
offset, the second is the vertical
offset, the third is the blur radius,
and the final argument is the color
to be used as the shadow.
Sunday, July 19, 2009
47. text-overflow: ellipsis;
text-overflow
BrowserSupport:text-overflow
If text overflows the available
space, the text-overflow property
defines what happens.
The value “ellipsis” appends an
ellipsis character at the overflow
point.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam purus nunc, auctor et accumsan ut, aliquam
vel leo. Quisque dignissim tincidunt rhoncus. Duis
sed velit rutrum lorem rutrum faucibus. Nam tincidunt
eros at arcu vestibulum egestas. Donec fringilla,
turpis in auctor luctus, orci orci vestibulum lacus,
a tristique felis erat non diam. Morbi dolor massa,
elementum ac iaculis quis, iaculis sed neque. Aliquam
erat volutpat. Aliquam porttitor auctor massa sit
amet ultrices. Maecenas quis nunc nibh, sit amet
hendrerit leo. Donec a massa eget velit consectetur
fermentum aliquet et eros. Vestibulum volutpat, est
vitae dapibus congue, nibh augue vehicula lacutus es…
Sunday, July 19, 2009
48. text-shadow: 10px 10px 10px #333;
text-shadow
BrowserSupport:text-shadow
Creates a drop shadow beneath the
selected text.
The first argument is the horizontal
offset, the second is the vertical
offset, the third is the blur radius,
and the final argument is the color
to be used as the shadow. Multiple
shadow definitions may be
separated using commas.
This is sample text.
Sunday, July 19, 2009
49. column-width: 200px;
column-gap: 20px;
column-width&column-gap
BrowserSupport:column-width/column-gap
Breaks flowing text into multiple
columns, based on the width of the
container. Column width defines
the width of each column, and
column-gap defines the gap
between columns.
Column-count can be specified in
lieu of column-width.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nam purus nunc, auctor et
accumsan ut, aliquam vel leo. Quisque
dignissim tincidunt rhoncus. Duis sed velit
rutrum lorem rutrum faucibus. Nam tincidunt
eros at arcu vestibulum egestas. Donec
fringilla, turpis in auctor luctus, orci orci
vestibulum lacus, a tristique felis erat non
diam. Morbi dolor massa, elementum ac
iaculis quis, iaculis sed neque. Aliquam erat
volutpat. Aliquam porttitor auctor massa sit
amet ultrices. Maecenas quis nunc nibh, sit
amet hendrerit leo. Donec a massa eget velit
consectetur fermentum aliquet et eros.
Vestibulum volutpat, est vitae dapibus
congue, nibh augue vehicula lacus, vel
semper dolor odio in libero. Curabitur vitae
sem consequat purus fermentum tincidunt.
Donec vestibulum felis ut metus ultrices a
vulputate felis rhoncus eum ivolonortis
quisque dignissim tincidunt rhoncus. Duis sed
velit rutrum lorem rutrum faucibus. Nam
tincidunt eros at arcu vestibulum egestas.
Donec fringilla, turpis in auctor luctus, orci
orci vestibulum lacus, a tristique felis erat non
diam. Morbi dolor massa, elementum ac
iaculis quis, iaculis sed neque. Aliquam erat
volutpat. Aliquam porttitor auctor massa sit
amet ultrices. Maecenas quis nunc nibh, sit
amet hendrerit leo. Donec a massa eget velit
consectetur fermentum aliquet et eros.
Vestibulum volutpat, est vitae dapibus
congue, nibh augue vehicula lacus, vel
semper dolor odio in libero. Curabitur vitae
sem consequat purus fermentum tincidunt.
Donec vestibulum felis ut metus ultrices a
vulputate felis rhoncus eum ivolonortis
Sunday, July 19, 2009
50. @font-face {
font-family: Helvy;
src: local("Helvetica Neue Bold"),
local("HelveticaNeue-Bold"),
url(MgOpenModernaBold.ttf);
font-weight: bold;
}
p.specialFont { font-family: Helvy, sans-serif; }
@font-face
BrowserSupport:column-width/column-gap
Allows a font file to be associated
with a font name for later use in
font-family declarations.
IE supports only .eot Embedded
OpenType files, while the other
browsers support any TTF and
OTF font files.
Sunday, July 19, 2009
52. rotate
BrowserSupport:rotate
Rotates the selected element at the
defined angle, defined in degrees.
The rotation doesn’t affect layout,
and elements that are transformed
are treated similarly to
position:relative.
transform: rotate(30deg);
Sunday, July 19, 2009
53. scale
BrowserSupport:scale
Scales the element in question
based on the specified unit-less
numbers given for the X and Y
axes. If only one number is given, it
is applied to both axes.
transform: scale(0.5,2.0);
Sunday, July 19, 2009
54. skew
BrowserSupport:scale
Skews the element around the X
and Y axes by the specified angles,
in degrees. If it’s only one number,
the Y axis is assumed to be zero. transform: skew(-30deg);
Sunday, July 19, 2009
55. translate
BrowserSupport:translate
Moves the object along each axis by
the length specified. The unit can
be anything accepted as a length in
CSS, such as px, em, percentages,
etc.
transform: translate(30px, 0);
Sunday, July 19, 2009
56. 3DTRANSFORMATIONS
PERSPECTIVE The distance, in pixels, of the z=0 plane from the viewer.
MATRIX3D
ROTATE3D
SCALE3D
TRANSLATE3D
Allows creation of a 3d transformation matrix.
Rotate the matched element in three dimensions.
Performs a three-dimensional scale operation.
Allows the matched element to be moved along three axes.
Sunday, July 19, 2009