Internet Explorer 8 features a completely rewritten rendering engine authored to the CSS 2.1 spec. It also features an updated scripting engine, meaning better adherence to those standards as well. In this session, Aaron Gustafson will talk about IE8's new standards mode, what the browser is capable of doing, and what it means for the future of the Web.
Nick will explore the best practices of user experience by reviewing some of the most popular and highly trafficked websites today such as eBay, Amazon, Toyota, Flickr, Twitter, Netflix and more. Nick will identify and explain both good an bad experiences on these sites on the merits of visual design, information architecture, interaction, and ease of use. If there is time we will open the floor for audience submissions and to provide quick feedback and areas of improvement.
Delivering Critical Information and Services [JavaScript & Friends 2021]Aaron Gustafson
Early on, Internet access was considered a luxury. Those times have passed and the Internet, especially the Web, has become a necessity. Whether your users are trying to access their money, gather health information, attend class, apply for assistance, or any of the other hundreds (if not thousands) of critical tasks people do on the web, your site needs to be prepared to meet their needs. And it needs to work, no matter what.
In this session, I discuss the many challenges to delivering critical information and services as well as the steps you can take to overcome those challenges. He’ll explore ways to make sure you can meet users on a variety of devices—and not the just the latest and greatest high end ones folks are talking about; how to make it accessible to people with disabilities; and how to load—and load quickly—on limited- bandwidth connections.
Designing the Conversation [Beyond Tellerrand 2019]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
For the last three years, our industry has been coming to terms with Progressive Web Apps (PWAs) and what they mean for the work we do every day. Scores of articles, reams of documentation, and dozens of white papers touting the successes and failures in this space can really get your head spinning. It’s easy to get lost in the complexities of service workers, manifests, and oh so many JavaScript frameworks and toolkits. Aaron believes it’s time to take a step back and refocus our attention on what really matters: building great web experiences. In this session, you’ll learn how to apply modern web design and development best practices to your web projects. You’ll learn how to grow a project from a core, universally-accessible experience to a sophisticated Progressive Web App that ensures users will be able to access your product, no matter what.
Nick will explore the best practices of user experience by reviewing some of the most popular and highly trafficked websites today such as eBay, Amazon, Toyota, Flickr, Twitter, Netflix and more. Nick will identify and explain both good an bad experiences on these sites on the merits of visual design, information architecture, interaction, and ease of use. If there is time we will open the floor for audience submissions and to provide quick feedback and areas of improvement.
Delivering Critical Information and Services [JavaScript & Friends 2021]Aaron Gustafson
Early on, Internet access was considered a luxury. Those times have passed and the Internet, especially the Web, has become a necessity. Whether your users are trying to access their money, gather health information, attend class, apply for assistance, or any of the other hundreds (if not thousands) of critical tasks people do on the web, your site needs to be prepared to meet their needs. And it needs to work, no matter what.
In this session, I discuss the many challenges to delivering critical information and services as well as the steps you can take to overcome those challenges. He’ll explore ways to make sure you can meet users on a variety of devices—and not the just the latest and greatest high end ones folks are talking about; how to make it accessible to people with disabilities; and how to load—and load quickly—on limited- bandwidth connections.
Designing the Conversation [Beyond Tellerrand 2019]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
For the last three years, our industry has been coming to terms with Progressive Web Apps (PWAs) and what they mean for the work we do every day. Scores of articles, reams of documentation, and dozens of white papers touting the successes and failures in this space can really get your head spinning. It’s easy to get lost in the complexities of service workers, manifests, and oh so many JavaScript frameworks and toolkits. Aaron believes it’s time to take a step back and refocus our attention on what really matters: building great web experiences. In this session, you’ll learn how to apply modern web design and development best practices to your web projects. You’ll learn how to grow a project from a core, universally-accessible experience to a sophisticated Progressive Web App that ensures users will be able to access your product, no matter what.
Our industry is abuzz with talk about Progressive Web Apps (PWAs) and with good reason: they are a great way to improve the experiences our users have on our sites, especially when it comes to performance. Using Service Workers—a key component of PWAs—we can manage network requests and the cache to an incredibly granular degree. We can also totally abuse the privilege Service Workers grant us when it comes to writing files to disk.
In this session, Aaron Gustafson will discuss some of the potential pitfalls in implementing Service Workers, especially when it comes to managing heavy files like images and video. He’ll provide guidance on current best practices in cache management. And he’ll offer a few simple recipes you can put to use right away to deliver amazing experiences for your users that respect their data usage and disk space.
Adapting to Reality [Starbucks Lunch & Learn]Aaron Gustafson
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different, and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
Conversational Semantics for the Web [CascadiaJS 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, writing more appropriate copy, and (of course) building accessible experience. But experience is about more than just interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
PWA: Where Do I Begin? [Microsoft Ignite 2018]Aaron Gustafson
In this session, you'll learn how to apply modern best practices to grow your Progressive Web Apps fluidly from mobile devices all the way to large screen desktop environments. You’ll even learn how to lay the groundwork for reaching users of future form factors and “headless” UIs. We'll focus on design patterns that set you up for success on every device and across platforms and guarantee your users will be able to access your product, no matter what. Additional topics will include a primer on how your PWA can integrate more tightly with Windows 10—including how to distribute your PWA via the Store—and how to incorporate accessibility from the very beginning.
Designing the Conversation [Concatenate 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Designing the Conversation [Accessibility DC 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
We, as an industry, tend to have a pretty myopic view of experience. Those of us who work day-to-day in accessibility probably have a broader perspective than most, but I would argue that even we all fall short now and again when it comes to seeing the Web as others do.
Performance as User Experience [AEA SEA 2018]Aaron Gustafson
Aaron Gustafson
Author, Adaptive Web Design
Performance as User Experience
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Performance as User Experience [An Event Apart Denver 2017]Aaron Gustafson
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Over time, your users will become more accustomed to and interacting with their computers on the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
So how do you design a "headless" UI? That's easy: You design the conversation.
Conversation is at the root of every interaction we have, be it with another human being, a game, or with a website. This session will discuss how to design and implement a web application that will allow you to create a web page that will allow you to create HTML documents.
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
In this talk, Aaron will discuss and dissect several adaptive interfaces and demonstrate how they smartly morph to meet their users’ needs — slow connections, older browsers, narrow screens, and even no screens at all. He’ll also introduce you to a battle-tested tool for planning, discussing, building and testing adaptive interfaces.
Progressive Web Apps and the Windows Ecosystem [Build 2017]Aaron Gustafson
Whether at home or at work, the web plays an increasingly critical role in our daily lives. As we have become more dependent on accessing the tools it powers, we’ve also struggled to overcome some of its limitations—network connectivity, for instance. At Microsoft, we’ve long been interested in the power of the web for software development and we are even more excited for the future possibilities offered by progressive web apps (PWAs). In this session, we discuss what PWAs are, how they can be integrated into the development process of modern websites, the advantages and disadvantages of PWAs vs. native development, and what opportunities they present when installed alongside native apps in Windows.
Designing the Conversation [SmashingConf 2016]Aaron Gustafson
Users are gradually becoming more accustomed to and reliant on voice-based interactions, so enabling users to complete critical tasks without a visual user interface is crucial for the long-term success of websites. This session shows how designing such a “headless” user interface is equivalent to designing the conversation you want to have with your users. Learn how to ensure that the technological decisions you make with respect to HTML, CSS, and JavaScript respect and support that conversation.
The Features of Highly Effective Forms [SmashingConf NYC 2016]Aaron Gustafson
Web forms are complex beasts with many moving parts. That’s one of the reasons they're so challenging to build well. In this session, Aaron Gustafson will walk you through the process of creating a form—from planning to production—and give you sage advice for improvement. You’ll learn ways to keep forms focused, how to leverage HTML5 for better user interaction, and a variety of design techniques to enhance forms’ usability. Whether you have one form or a thousand, you’ll leave this session with a much better handle on how to take them from distressing to delightful!
Users are gradually becoming more accustomed to and reliant on voice-based interactions, so enabling users to complete critical tasks without a visual user interface is crucial for the long-term success of websites. This session shows how designing such a “headless” user interface is equivalent to designing the conversation you want to have with your users. Learn how to ensure that the technological decisions you make with respect to HTML, CSS, and JavaScript respect and support that conversation.
What is the TDS Return Filing Due Date for FY 2024-25.pdfseoforlegalpillers
It is crucial for the taxpayers to understand about the TDS Return Filing Due Date, so that they can fulfill your TDS obligations efficiently. Taxpayers can avoid penalties by sticking to the deadlines and by accurate filing of TDS. Timely filing of TDS will make sure about the availability of tax credits. You can also seek the professional guidance of experts like Legal Pillers for timely filing of the TDS Return.
What are the main advantages of using HR recruiter services.pdfHumanResourceDimensi1
HR recruiter services offer top talents to companies according to their specific needs. They handle all recruitment tasks from job posting to onboarding and help companies concentrate on their business growth. With their expertise and years of experience, they streamline the hiring process and save time and resources for the company.
Our industry is abuzz with talk about Progressive Web Apps (PWAs) and with good reason: they are a great way to improve the experiences our users have on our sites, especially when it comes to performance. Using Service Workers—a key component of PWAs—we can manage network requests and the cache to an incredibly granular degree. We can also totally abuse the privilege Service Workers grant us when it comes to writing files to disk.
In this session, Aaron Gustafson will discuss some of the potential pitfalls in implementing Service Workers, especially when it comes to managing heavy files like images and video. He’ll provide guidance on current best practices in cache management. And he’ll offer a few simple recipes you can put to use right away to deliver amazing experiences for your users that respect their data usage and disk space.
Adapting to Reality [Starbucks Lunch & Learn]Aaron Gustafson
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different, and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
Conversational Semantics for the Web [CascadiaJS 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, writing more appropriate copy, and (of course) building accessible experience. But experience is about more than just interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
PWA: Where Do I Begin? [Microsoft Ignite 2018]Aaron Gustafson
In this session, you'll learn how to apply modern best practices to grow your Progressive Web Apps fluidly from mobile devices all the way to large screen desktop environments. You’ll even learn how to lay the groundwork for reaching users of future form factors and “headless” UIs. We'll focus on design patterns that set you up for success on every device and across platforms and guarantee your users will be able to access your product, no matter what. Additional topics will include a primer on how your PWA can integrate more tightly with Windows 10—including how to distribute your PWA via the Store—and how to incorporate accessibility from the very beginning.
Designing the Conversation [Concatenate 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Designing the Conversation [Accessibility DC 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
We, as an industry, tend to have a pretty myopic view of experience. Those of us who work day-to-day in accessibility probably have a broader perspective than most, but I would argue that even we all fall short now and again when it comes to seeing the Web as others do.
Performance as User Experience [AEA SEA 2018]Aaron Gustafson
Aaron Gustafson
Author, Adaptive Web Design
Performance as User Experience
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Performance as User Experience [An Event Apart Denver 2017]Aaron Gustafson
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Over time, your users will become more accustomed to and interacting with their computers on the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
So how do you design a "headless" UI? That's easy: You design the conversation.
Conversation is at the root of every interaction we have, be it with another human being, a game, or with a website. This session will discuss how to design and implement a web application that will allow you to create a web page that will allow you to create HTML documents.
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
In this talk, Aaron will discuss and dissect several adaptive interfaces and demonstrate how they smartly morph to meet their users’ needs — slow connections, older browsers, narrow screens, and even no screens at all. He’ll also introduce you to a battle-tested tool for planning, discussing, building and testing adaptive interfaces.
Progressive Web Apps and the Windows Ecosystem [Build 2017]Aaron Gustafson
Whether at home or at work, the web plays an increasingly critical role in our daily lives. As we have become more dependent on accessing the tools it powers, we’ve also struggled to overcome some of its limitations—network connectivity, for instance. At Microsoft, we’ve long been interested in the power of the web for software development and we are even more excited for the future possibilities offered by progressive web apps (PWAs). In this session, we discuss what PWAs are, how they can be integrated into the development process of modern websites, the advantages and disadvantages of PWAs vs. native development, and what opportunities they present when installed alongside native apps in Windows.
Designing the Conversation [SmashingConf 2016]Aaron Gustafson
Users are gradually becoming more accustomed to and reliant on voice-based interactions, so enabling users to complete critical tasks without a visual user interface is crucial for the long-term success of websites. This session shows how designing such a “headless” user interface is equivalent to designing the conversation you want to have with your users. Learn how to ensure that the technological decisions you make with respect to HTML, CSS, and JavaScript respect and support that conversation.
The Features of Highly Effective Forms [SmashingConf NYC 2016]Aaron Gustafson
Web forms are complex beasts with many moving parts. That’s one of the reasons they're so challenging to build well. In this session, Aaron Gustafson will walk you through the process of creating a form—from planning to production—and give you sage advice for improvement. You’ll learn ways to keep forms focused, how to leverage HTML5 for better user interaction, and a variety of design techniques to enhance forms’ usability. Whether you have one form or a thousand, you’ll leave this session with a much better handle on how to take them from distressing to delightful!
Users are gradually becoming more accustomed to and reliant on voice-based interactions, so enabling users to complete critical tasks without a visual user interface is crucial for the long-term success of websites. This session shows how designing such a “headless” user interface is equivalent to designing the conversation you want to have with your users. Learn how to ensure that the technological decisions you make with respect to HTML, CSS, and JavaScript respect and support that conversation.
What is the TDS Return Filing Due Date for FY 2024-25.pdfseoforlegalpillers
It is crucial for the taxpayers to understand about the TDS Return Filing Due Date, so that they can fulfill your TDS obligations efficiently. Taxpayers can avoid penalties by sticking to the deadlines and by accurate filing of TDS. Timely filing of TDS will make sure about the availability of tax credits. You can also seek the professional guidance of experts like Legal Pillers for timely filing of the TDS Return.
What are the main advantages of using HR recruiter services.pdfHumanResourceDimensi1
HR recruiter services offer top talents to companies according to their specific needs. They handle all recruitment tasks from job posting to onboarding and help companies concentrate on their business growth. With their expertise and years of experience, they streamline the hiring process and save time and resources for the company.
Enterprise Excellence is Inclusive Excellence.pdfKaiNexus
Enterprise excellence and inclusive excellence are closely linked, and real-world challenges have shown that both are essential to the success of any organization. To achieve enterprise excellence, organizations must focus on improving their operations and processes while creating an inclusive environment that engages everyone. In this interactive session, the facilitator will highlight commonly established business practices and how they limit our ability to engage everyone every day. More importantly, though, participants will likely gain increased awareness of what we can do differently to maximize enterprise excellence through deliberate inclusion.
What is Enterprise Excellence?
Enterprise Excellence is a holistic approach that's aimed at achieving world-class performance across all aspects of the organization.
What might I learn?
A way to engage all in creating Inclusive Excellence. Lessons from the US military and their parallels to the story of Harry Potter. How belt systems and CI teams can destroy inclusive practices. How leadership language invites people to the party. There are three things leaders can do to engage everyone every day: maximizing psychological safety to create environments where folks learn, contribute, and challenge the status quo.
Who might benefit? Anyone and everyone leading folks from the shop floor to top floor.
Dr. William Harvey is a seasoned Operations Leader with extensive experience in chemical processing, manufacturing, and operations management. At Michelman, he currently oversees multiple sites, leading teams in strategic planning and coaching/practicing continuous improvement. William is set to start his eighth year of teaching at the University of Cincinnati where he teaches marketing, finance, and management. William holds various certifications in change management, quality, leadership, operational excellence, team building, and DiSC, among others.
LA HUG - Video Testimonials with Chynna Morgan - June 2024Lital Barkan
Have you ever heard that user-generated content or video testimonials can take your brand to the next level? We will explore how you can effectively use video testimonials to leverage and boost your sales, content strategy, and increase your CRM data.🤯
We will dig deeper into:
1. How to capture video testimonials that convert from your audience 🎥
2. How to leverage your testimonials to boost your sales 💲
3. How you can capture more CRM data to understand your audience better through video testimonials. 📊
Personal Brand Statement:
As an Army veteran dedicated to lifelong learning, I bring a disciplined, strategic mindset to my pursuits. I am constantly expanding my knowledge to innovate and lead effectively. My journey is driven by a commitment to excellence, and to make a meaningful impact in the world.
Cracking the Workplace Discipline Code Main.pptxWorkforce Group
Cultivating and maintaining discipline within teams is a critical differentiator for successful organisations.
Forward-thinking leaders and business managers understand the impact that discipline has on organisational success. A disciplined workforce operates with clarity, focus, and a shared understanding of expectations, ultimately driving better results, optimising productivity, and facilitating seamless collaboration.
Although discipline is not a one-size-fits-all approach, it can help create a work environment that encourages personal growth and accountability rather than solely relying on punitive measures.
In this deck, you will learn the significance of workplace discipline for organisational success. You’ll also learn
• Four (4) workplace discipline methods you should consider
• The best and most practical approach to implementing workplace discipline.
• Three (3) key tips to maintain a disciplined workplace.
Discover the innovative and creative projects that highlight my journey throu...dylandmeas
Discover the innovative and creative projects that highlight my journey through Full Sail University. Below, you’ll find a collection of my work showcasing my skills and expertise in digital marketing, event planning, and media production.
3.0 Project 2_ Developing My Brand Identity Kit.pptxtanyjahb
A personal brand exploration presentation summarizes an individual's unique qualities and goals, covering strengths, values, passions, and target audience. It helps individuals understand what makes them stand out, their desired image, and how they aim to achieve it.
Affordable Stationery Printing Services in Jaipur | Navpack n PrintNavpack & Print
Looking for professional printing services in Jaipur? Navpack n Print offers high-quality and affordable stationery printing for all your business needs. Stand out with custom stationery designs and fast turnaround times. Contact us today for a quote!
Memorandum Of Association Constitution of Company.pptseri bangash
www.seribangash.com
A Memorandum of Association (MOA) is a legal document that outlines the fundamental principles and objectives upon which a company operates. It serves as the company's charter or constitution and defines the scope of its activities. Here's a detailed note on the MOA:
Contents of Memorandum of Association:
Name Clause: This clause states the name of the company, which should end with words like "Limited" or "Ltd." for a public limited company and "Private Limited" or "Pvt. Ltd." for a private limited company.
https://seribangash.com/article-of-association-is-legal-doc-of-company/
Registered Office Clause: It specifies the location where the company's registered office is situated. This office is where all official communications and notices are sent.
Objective Clause: This clause delineates the main objectives for which the company is formed. It's important to define these objectives clearly, as the company cannot undertake activities beyond those mentioned in this clause.
www.seribangash.com
Liability Clause: It outlines the extent of liability of the company's members. In the case of companies limited by shares, the liability of members is limited to the amount unpaid on their shares. For companies limited by guarantee, members' liability is limited to the amount they undertake to contribute if the company is wound up.
https://seribangash.com/promotors-is-person-conceived-formation-company/
Capital Clause: This clause specifies the authorized capital of the company, i.e., the maximum amount of share capital the company is authorized to issue. It also mentions the division of this capital into shares and their respective nominal value.
Association Clause: It simply states that the subscribers wish to form a company and agree to become members of it, in accordance with the terms of the MOA.
Importance of Memorandum of Association:
Legal Requirement: The MOA is a legal requirement for the formation of a company. It must be filed with the Registrar of Companies during the incorporation process.
Constitutional Document: It serves as the company's constitutional document, defining its scope, powers, and limitations.
Protection of Members: It protects the interests of the company's members by clearly defining the objectives and limiting their liability.
External Communication: It provides clarity to external parties, such as investors, creditors, and regulatory authorities, regarding the company's objectives and powers.
https://seribangash.com/difference-public-and-private-company-law/
Binding Authority: The company and its members are bound by the provisions of the MOA. Any action taken beyond its scope may be considered ultra vires (beyond the powers) of the company and therefore void.
Amendment of MOA:
While the MOA lays down the company's fundamental principles, it is not entirely immutable. It can be amended, but only under specific circumstances and in compliance with legal procedures. Amendments typically require shareholder
VAT Registration Outlined In UAE: Benefits and Requirementsuae taxgpt
Vat Registration is a legal obligation for businesses meeting the threshold requirement, helping companies avoid fines and ramifications. Contact now!
https://viralsocialtrends.com/vat-registration-outlined-in-uae/
"𝑩𝑬𝑮𝑼𝑵 𝑾𝑰𝑻𝑯 𝑻𝑱 𝑰𝑺 𝑯𝑨𝑳𝑭 𝑫𝑶𝑵𝑬"
𝐓𝐉 𝐂𝐨𝐦𝐬 (𝐓𝐉 𝐂𝐨𝐦𝐦𝐮𝐧𝐢𝐜𝐚𝐭𝐢𝐨𝐧𝐬) is a professional event agency that includes experts in the event-organizing market in Vietnam, Korea, and ASEAN countries. We provide unlimited types of events from Music concerts, Fan meetings, and Culture festivals to Corporate events, Internal company events, Golf tournaments, MICE events, and Exhibitions.
𝐓𝐉 𝐂𝐨𝐦𝐬 provides unlimited package services including such as Event organizing, Event planning, Event production, Manpower, PR marketing, Design 2D/3D, VIP protocols, Interpreter agency, etc.
Sports events - Golf competitions/billiards competitions/company sports events: dynamic and challenging
⭐ 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐝 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬:
➢ 2024 BAEKHYUN [Lonsdaleite] IN HO CHI MINH
➢ SUPER JUNIOR-L.S.S. THE SHOW : Th3ee Guys in HO CHI MINH
➢FreenBecky 1st Fan Meeting in Vietnam
➢CHILDREN ART EXHIBITION 2024: BEYOND BARRIERS
➢ WOW K-Music Festival 2023
➢ Winner [CROSS] Tour in HCM
➢ Super Show 9 in HCM with Super Junior
➢ HCMC - Gyeongsangbuk-do Culture and Tourism Festival
➢ Korean Vietnam Partnership - Fair with LG
➢ Korean President visits Samsung Electronics R&D Center
➢ Vietnam Food Expo with Lotte Wellfood
"𝐄𝐯𝐞𝐫𝐲 𝐞𝐯𝐞𝐧𝐭 𝐢𝐬 𝐚 𝐬𝐭𝐨𝐫𝐲, 𝐚 𝐬𝐩𝐞𝐜𝐢𝐚𝐥 𝐣𝐨𝐮𝐫𝐧𝐞𝐲. 𝐖𝐞 𝐚𝐥𝐰𝐚𝐲𝐬 𝐛𝐞𝐥𝐢𝐞𝐯𝐞 𝐭𝐡𝐚𝐭 𝐬𝐡𝐨𝐫𝐭𝐥𝐲 𝐲𝐨𝐮 𝐰𝐢𝐥𝐥 𝐛𝐞 𝐚 𝐩𝐚𝐫𝐭 𝐨𝐟 𝐨𝐮𝐫 𝐬𝐭𝐨𝐫𝐢𝐞𝐬."
Attending a job Interview for B1 and B2 Englsih learnersErika906060
It is a sample of an interview for a business english class for pre-intermediate and intermediate english students with emphasis on the speking ability.
Attending a job Interview for B1 and B2 Englsih learners
What You Need To Know About IE8 and Standards
1. What you need to
know about IE8
and Standards
Aaron Gustafson
2. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
First, a little history...
2
WEBVISIONS - 23 MAY 2008
3. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE3 becomes the
1996 first browser to
support CSS
3
WEBVISIONS - 23 MAY 2008
4. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
1997
IE4 adds support
for DHTML
(gentlemen, start your pop-ups)
4
WEBVISIONS - 23 MAY 2008
5. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE5 for Windows
1998 improves CSS
support
5
WEBVISIONS - 23 MAY 2008
6. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
1998 but gets the box
model wrong
6
WEBVISIONS - 23 MAY 2008
7. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE5 for Mac
2000 introduces the
DOCTYPE switch
7
WEBVISIONS - 23 MAY 2008
8. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
and the most
2000 accurate CSS
engine to date
8
WEBVISIONS - 23 MAY 2008
9. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE5.5 for Windows
2000 adds even yet still
more CSS support
9
WEBVISIONS - 23 MAY 2008
10. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
2000 but still has the
box model wrong
10
WEBVISIONS - 23 MAY 2008
11. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE6 adds more CSS
2001 support & the
DOCTYPE switch
11
WEBVISIONS - 23 MAY 2008
12. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
2003 IE6 begins to
gather dust
12
WEBVISIONS - 23 MAY 2008
13. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE6 is rolled into a
2004 corner, where it
begins to smell
13
WEBVISIONS - 23 MAY 2008
14. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
It appears IE6
2005 will never die;
enter * html
14
WEBVISIONS - 23 MAY 2008
15. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE7 materializes
2006 with much better
standards support
15
WEBVISIONS - 23 MAY 2008
16. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
2006 and breaks a
bunch of sites
16
WEBVISIONS - 23 MAY 2008
17. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
IE8B1 debuts a
2008 completely new
rendering engine
microsoft.com/windows/products/winfamily/ie/ie8/
17
WEBVISIONS - 23 MAY 2008
18. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
with a focus on
2008 being standards-
compliant
microsoft.com/windows/products/winfamily/ie/ie8/
18
WEBVISIONS - 23 MAY 2008
19. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
So here we are
19
WEBVISIONS - 23 MAY 2008
20. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
What’s been fixed?
20
WEBVISIONS - 23 MAY 2008
21. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
hasLayout is history!!!
! IE8 has a completely new rendering engine built from the
ground up with CSS2.1 as its guiding principle.
! the old layout strategy was responsible for numerous bugs:
! content disappearing (and reappearing)
! content only half-rendering
! floats or positioning causing odd stuquot; to happen
! and much more...
for more on hasLayout:
!
http://msdn.microsoft.com/en-us/library/bb250481.aspx
21
WEBVISIONS - 23 MAY 2008
22. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
object fallbacks work now
<object data=quot;/img/test.tifquot; type=quot;image/tiffquot;>
<object data=quot;/img/test.pngquot; type=quot;image/pngquot;>
<object data=quot;/img/test.jpgquot; type=quot;image/jpegquot;>
<p>A photo of my cat.</p>
</object>
</object>
</object>
22
WEBVISIONS - 23 MAY 2008
23. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
object fallbacks work now
<object data=quot;/img/test.tifquot; type=quot;image/tiffquot;>
<object data=quot;/img/test.pngquot; type=quot;image/pngquot;>
<object data=quot;/img/test.jpgquot; type=quot;image/jpegquot;>
<p>A photo of my cat.</p>
</object>
</object>
</object>
test.tif
22
WEBVISIONS - 23 MAY 2008
24. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
object fallbacks work now
<object data=quot;/img/test.tifquot; type=quot;image/tiffquot;>
<object data=quot;/img/test.pngquot; type=quot;image/pngquot;>
<object data=quot;/img/test.jpgquot; type=quot;image/jpegquot;>
<p>A photo of my cat.</p>
</object>
</object>
</object>
test.png
22
WEBVISIONS - 23 MAY 2008
25. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
object fallbacks work now
<object data=quot;/img/test.tifquot; type=quot;image/tiffquot;>
<object data=quot;/img/test.pngquot; type=quot;image/pngquot;>
<object data=quot;/img/test.jpgquot; type=quot;image/jpegquot;>
<p>A photo of my cat.</p>
</object>
</object>
</object>
test.jpg
22
WEBVISIONS - 23 MAY 2008
26. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
object fallbacks work now
<object data=quot;/img/test.tifquot; type=quot;image/tiffquot;>
<object data=quot;/img/test.pngquot; type=quot;image/pngquot;>
<object data=quot;/img/test.jpgquot; type=quot;image/jpegquot;>
<p>A photo of my cat.</p>
</object>
</object>
</object>
A photo of my cat.
22
WEBVISIONS - 23 MAY 2008
27. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:hover, :focus & :active*
button {
background: #ccc;
border: 1px solid #333;
color: #333;
}
button:hover {
background: #999;
}
my button
* IE8b1 does not support this, but it is planned for the final release
23
WEBVISIONS - 23 MAY 2008
28. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:hover, :focus & :active*
button {
background: #ccc;
border: 1px solid #333;
color: #333;
}
button:hover {
background: #999;
}
my button
* IE8b1 does not support this, but it is planned for the final release
23
WEBVISIONS - 23 MAY 2008
29. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:hover, :focus & :active*
input:focus {
background: #fcfab0;
}
button:focus {
background: #999;
}
Email
Password
log in
* IE8b1 does not support this, but it is planned for the final release
24
WEBVISIONS - 23 MAY 2008
30. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:hover, :focus & :active*
input:focus {
background: #fcfab0;
}
button:focus {
background: #999;
}
Email bob@foo.com
Password ****************
log in
* IE8b1 does not support this, but it is planned for the final release
24
WEBVISIONS - 23 MAY 2008
31. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:hover, :focus & :active*
input:focus {
background: #fcfab0;
}
input:active {
background: #f00;
}
Email
Password
log in
* IE8b1 does not support this, but it is planned for the final release
25
WEBVISIONS - 23 MAY 2008
32. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:hover, :focus & :active*
input:focus {
background: #fcfab0;
}
input:active {
background: #f00;
}
Email
Password
log in
* IE8b1 does not support this, but it is planned for the final release
25
WEBVISIONS - 23 MAY 2008
33. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
list-style-type completed
Support for more values:
ol {
list-style-type: decimal-leading-zero;
}
26
WEBVISIONS - 23 MAY 2008
34. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
list-style-type completed
Support for more values:
ol {
list-style-type: lower-greek;
}
26
WEBVISIONS - 23 MAY 2008
35. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
list-style-type completed
Support for more values:
ol {
list-style-type: lower-roman;
}
26
WEBVISIONS - 23 MAY 2008
36. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
list-style-type completed
Support for more values:
ol {
list-style-type: upper-roman;
}
26
WEBVISIONS - 23 MAY 2008
37. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
list-style-type completed
Support for more values:
ol {
list-style-type: armenian;
}
26
WEBVISIONS - 23 MAY 2008
38. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
list-style-type completed
Support for more values:
ol {
list-style-type: georgian;
}
26
WEBVISIONS - 23 MAY 2008
39. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
background-position fixed
Fixed the bug where background positioning set in ems
failed to use the font size of the element it was applied to
as the baseline against which to calculate the distance
p{
background: url(img.jpg) 10em 0 repeat-y;
font-size: 2em;
}
Spec:
IE7-:
27
WEBVISIONS - 23 MAY 2008
40. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
white-space completed
Support for additional values:
<p>This is the test paragraph.
It has all kinds of odd tabs and spacing in the
HTML source code.</p>
p{
background: #999;
white-space: pre;
width: 100px;
}
28
WEBVISIONS - 23 MAY 2008
41. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
white-space completed
Support for additional values:
<p>This is the test paragraph.
It has all kinds of odd tabs and spacing in the
HTML source code.</p>
p{
background: #999;
white-space: pre-wrap;
width: 100px;
}
28
WEBVISIONS - 23 MAY 2008
42. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
white-space completed
Support for additional values:
<p>This is the test paragraph.
It has all kinds of odd tabs and spacing in the
HTML source code.</p>
p{
background: #999;
white-space: pre-line;
width: 100px;
}
28
WEBVISIONS - 23 MAY 2008
43. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
word-spacing with ems*
Corrected the error where if an element did not “have
layout”, font-size used to compute the value of word-
spacing is not the one specified on the box itself (as it shoud
be), but the one on the parent
p{
word-spacing: 1em;
font-size: 2em;
}
Spec:
IE7-:
* IE8b1 does not support this, but it is planned for the final release
29
WEBVISIONS - 23 MAY 2008
44. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Table styles
Various border-collapse fixes
!
Added support for border-spacing:
!
table {
border: 1px solid #000;
border-spacing: 10px;
}
td {
border: 1px solid #000;
padding: 10px;
}
30
WEBVISIONS - 23 MAY 2008
45. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Table styles
Added support for border-style: hidden:
!
table {
border: 1px solid #000;
border-collapse: collapse;
}
td {
border: 1px solid #000;
padding: 10px;
}
tr + tr td + td + td {
border-style: hidden;
}
31
WEBVISIONS - 23 MAY 2008
46. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Table styles
Added support for caption-side:
!
table {
border: 1px solid #000;
border-collapse: collapse;
caption-side: bottom;
}
td {
border: 1px solid #000;
padding: 10px;
}
caption {
font-size: .6em;
line-height: 2em;
}
32
WEBVISIONS - 23 MAY 2008
47. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Table styles
Added support for empty-cells*
!
table {
border: 1px solid #000;
border-spacing: 10px;
empty-cells: show;
}
td {
border: 1px solid #000;
padding: 10px;
}
* IE8b1 does not support this, but it is planned for the final release
33
WEBVISIONS - 23 MAY 2008
48. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Positioning oquot;sets*
Corrected the recalculation errors when using ems to oquot;set
an absolutely-positioned element:
pa{
position: absolute;
left: -999em;
}
p a:hover {
left: 0;
}
* IE8b1 does not support this, but it is planned for the final release
34
WEBVISIONS - 23 MAY 2008
49. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Positioning oquot;sets*
Corrected the recalculation errors when using ems to oquot;set
an absolutely-positioned element:
pa{
position: absolute;
left: -999em;
}
p a:hover {
left: 0;
}
* IE8b1 does not support this, but it is planned for the final release
34
WEBVISIONS - 23 MAY 2008
50. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Complete display support*
table, inline-table, table-row, table-row-group, table-
!
column, table-column-group, table-cell, table-caption
run-in:
!
p{
display: run-in;
}
p+p{
display: block;
}
* IE8b1 does not support this, but it is planned for the final release
35
WEBVISIONS - 23 MAY 2008
51. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Mended z-index
IE’s support for z-index incorrectly established a positioning
context even in the presence of the “auto” value.
div {
background: #cf9;
border: 1px solid #693;
position: relative;
}
div p {
background: #9cf;
border: 1px solid #369;
position: absolute;
right: 2em;
width: 10em;
height: 10em;
z-index: 1;
Example adapted from http://aplus.co.yu/lab/z-pos/
}
p + div p {
right: 8em;
height: 8em;
z-index: auto;
}
36
WEBVISIONS - 23 MAY 2008
52. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Fixed inheritance
IE wouldn’t inherit a value for a non-inheritable property,
even in the presence of the “inherit” keyword
div {
background: #cf9;
border: 1px solid #693;
position: relative;
}
div p {
border: inherit;
}
Spec:
IE7-:
37
WEBVISIONS - 23 MAY 2008
53. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Get what you ask for
<form name=quot;fooquot;>First</form>
<div id=quot;fooquot;>Second</div>
Running
var el = document.getElementById( 'foo' );
el.style.display = 'none';
Used to result in the form being hidden instead of the div.
38
WEBVISIONS - 23 MAY 2008
54. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
style is available via DOM...
<div id=quot;fooquot; style=quot;border: 1px solidquot;>Text here.</div>
Running
var el = document.getElementById( 'foo' );
alert( el.attributes['style'].value );
alert( el.getAttributeNode('style').value );
Both used to return null, now they return
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT:
1px solid; BORDER-BOTTOM: 1px solid
Note 1: CSS shorthand is expanded and properties are ALL CAPS.
Note 2: the attributes array doesn’t have a length in IE8b1.
39
WEBVISIONS - 23 MAY 2008
55. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
...almost*
<div id=quot;fooquot; style=quot;border: 1px solidquot;>Text here.</div>
Running
var el = document.getElementById( 'foo' );
alert( el.hasAttribute('style') );
Returns false when it obviously shouldn’t.
* This has been submitted as a bug.
40
WEBVISIONS - 23 MAY 2008
56. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Setting style works too
Running
var el = document.getElementById( 'foo' );
el.setAttribute( 'style', 'color: #f00;' );
Just remember that it overwrites the whole attribute.
Note: IE does not support setting event handlers this way:
el.setAttribute( 'onclick', 'alert('hello')' );
But that’s not a huge loss as there are better ways to write event
handlers.
41
WEBVISIONS - 23 MAY 2008
57. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Find by name now
<input type=quot;textquot; name=quot;fooquot; value=quot;textquot; />
Running
var el = document.getElementsByName( 'foo' )[0];
el.style.border = '1px solid #f00';
Note: IE’s implementation currently ignores custom elements.
42
WEBVISIONS - 23 MAY 2008
58. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Alright, so what’s new?
43
WEBVISIONS - 23 MAY 2008
59. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
legend is styleable!!!
The element can now be positioned
fieldset {
position: relative;
padding: 0 0 0 120px;
}
legend {
font-weight: bold;
width: 100px;
text-align: right;
position: absolute;
top: 0;
left: 0;
}
44
WEBVISIONS - 23 MAY 2008
60. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
legend is styleable!!!
And it can wrap!!!
legend {
width: 100px;
}
45
WEBVISIONS - 23 MAY 2008
61. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:lang is supported
Take the following example:
<dl class=quot;conversationquot;>
<dt>Whiny dude</dt>
<dd>Here's your hamburger. Anyway, as I was saying about how
bad my life is…</dd>
<dt>Other dude</dt>
<dd>Yum, burger. <abbr lang=quot;lolquot; title=quot;Ok, thank you,
goodbyequot;>kthxbye</abbr>. *leaves*</dd>
<dt>Whiny dude</dt>
<dd>I have no friends.</dd>
</dl>
Example adapted from http://www.urbandictionary.com/define.php?term=kthxbye
46
WEBVISIONS - 23 MAY 2008
62. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
:lang is supported
Apply a little CSS:
:lang(lol) {
font-style: italic;
}
And end up with
Example adapted from http://www.urbandictionary.com/define.php?term=kthxbye
46
WEBVISIONS - 23 MAY 2008
63. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Generated content, baby!
That’s right. In fact, we just used some:
<dl class=quot;conversationquot;>
<dt>Whiny dude</dt>
<dd>Here's your hamburger. Anyway, as I was saying about how
bad my life is…</dd>
...
.conversation dt:after {
content: ': ';
}
47
WEBVISIONS - 23 MAY 2008
64. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Generated content, baby!
You can also do images*:
#content p:first-child:after {
content: url(fancy-break.png);
display: block;
margin-top: .5em;
text-align: center;
width: auto;
}
* IE8b1 does not support this, but it is planned for the final release
48
WEBVISIONS - 23 MAY 2008
65. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Support for attr()
Can be fun to use with your generated content:
abbr[title]:after {
content: quot; (quot; attr(title) quot;)quot;;
}
Could also be useful in debugging:
[id]:hover:after {
color: #f00;
content: quot; [id=quot; attr(id) quot;]quot;;
}
49
WEBVISIONS - 23 MAY 2008
66. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
CSS can count now*
Using counters, you can do all sorts of interesting stuquot;.
body {
counter-reset: section;
}
h1:before {
content: counter(section) quot; quot;;
counter-increment: section;
}
h2:before {
content: counter(section) quot;.quot; counter(subsection) quot; quot;;
counter-increment: subsection;
}
h1 + h2 {
counter-reset: subsection;
}
h3:before {
content: counter(section) quot;.quot; counter(subsection) #
quot;.quot; counter(subsubsection) quot; quot;;
counter-increment: subsubsection;
}
h2 + h3 {
counter-reset: subsubsection;
}
* IE8b1 does not support this, but it is planned for the final release
50
WEBVISIONS - 23 MAY 2008
67. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
You can control quotes*
The quotes property provides access to which quotes are
generated into the document.
<p>Douglas Adams famously said <q>Flying is learning how to
throw yourself at the ground and miss.</q></p>
Applying some styles:
:lang(en) {
quotes: quot;201Cquot; quot;201Dquot; quot;2018quot; quot;2019quot;;
}
* IE8b1 does not support this, but it is planned for the final release
51
WEBVISIONS - 23 MAY 2008
68. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Control page breaks*
With widows and orphans:
!
@media print {
p{
widows: 3; /* at least 3 lines @ top of page */
orphans: 3; /* at least 3 lines @ bottom of page */
}
}
With page-break-inside:
!
@media print {
pre {
page-break-inside: avoid;
}
}
* IE8b1 does not support this, but it is planned for the final release
52
WEBVISIONS - 23 MAY 2008
69. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Control outlining
Outlines are like borders except they take up no space.
input:focus {
outline: 1px dotted #f00;
}
Could also be written as
input:focus {
outline-color: #f00;
outline-style: dotted;
outline-width: 1px;
}
53
WEBVISIONS - 23 MAY 2008
70. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Choose your box model
A little CSS3 action lets you choose between the content
(W3C) or border (IE) box model.
div {
background: #c63;
border: 10px solid #f00;
margin: 10px;
padding: 20px;
width: 300px;
}
div.border-box {
-ms-box-sizing: border-box;
}
54
WEBVISIONS - 23 MAY 2008
71. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Track page updates
IE8 introduces a proprietary new event called hashchange
that can be used to key into changes to the hash portion
(fragment) of a URL
Could be very useful for tracking changes in Ajax widgets.
window.onhashchange = function(){
alert( window.location.hash );
}
(use your own event listener adding script here)
55
WEBVISIONS - 23 MAY 2008
72. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Support for data: URIs
A means of including small data items inline as though they
were an external source.
So, instead of writing
#nav a {
background: url(arrow.png) center right no-repeat;
}
you could write
#nav a {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACN #
iR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFJREFUeNpi/P//PwM1ARMD #
lQELjBEWFkay5lWrVtHehegG5gBxNRBzUstAHiBuAeKrQBxIzUhRBOJ1QHwAiA2oGcv2QHwGiKcBsRC1 #
kg0zEGcC8T0gLoLyqZIO+YG4F4gvAbEHNRM2G7Vc+BGIi4FYG4h3EMwpBMBcIC4D4ndEZz0c4CAQFwDx #
BUqTzSMgjgBiB1IMwbCL0BcA8R9QPydotIGCqYMuvKQcdCX2AABBgADYx7aDLgnbAAAAABJRU5ErkJgg #
g==) center right no-repeat;
}
56
WEBVISIONS - 23 MAY 2008
73. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Support for data: URIs
Pros:
! no additional HTTP tra$c
! frees up a browser’s limited number of download
connections for other content
! page requires fewer cache entries
! can be used to embed content when it is not allowed or
impractical to reference external files
! reduces the overhead of HTTPS requests
! possible to manage a multimedia page as a single file
56
WEBVISIONS - 23 MAY 2008
74. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Support for data: URIs
Cons:
! maintenance nightmare
! page does not benefit from the browser's cache when
assets are re-used
! some browsers limit URI lengths
! data is included as a simple stream and many browsers
may not support using containers to provide greater
complexity such as metadata, data compression, or
content negotiation
! encoded data could be 33-200% larger than the binary file
56
WEBVISIONS - 23 MAY 2008
75. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Will IE8 break sites?
57
WEBVISIONS - 23 MAY 2008
76. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Only if you let it ;-)
58
WEBVISIONS - 23 MAY 2008
77. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Issue #1: DOCTYPE % contract
The DOCTYPE switch was a great idea for the time
!
! only standardistas were validating, so it made sense
! it was an easy way to keep old content from breaking while
simultaneously allowing standards-support to increase
! Content tools kinda ruined its usefulness
! in their equot;orts to support standards, Dreamweaver, et al
began adding DOCTYPEs by default
! users didn’t opt into the DOCTYPE switch’s contract
59
WEBVISIONS - 23 MAY 2008
78. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Issue #2: IE stagnated
! When the IE team stopped improving on IE’s standards
support in 2001 (after the launch of IE6), many developers
! didn’t know better and began using it as the standard
against which they built websites,
! assumed its rendering to be accurate,
! weren’t aware of how to best manage its “idiosyncrasies”
vis a vis the browsers that conformed to the W3C standards.
! And, unfortunately, those developers who did understand
IE’s inadequacies used unsustainable hacks to get IE to
play nicely
60
WEBVISIONS - 23 MAY 2008
79. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
When IE7 came along...
! ...it was a huge improvement in terms of standards support
and bug fixes
! ...many sites broke because either
! they weren’t built with standards in mind and the sites’
developers weren’t aware they had been opted into wanting
the most accurate standards-based layouts by their
software, or
! developers had used unsustainable hacks (rather than
Conditional Comments) to bend IE to their will.
61
WEBVISIONS - 23 MAY 2008
80. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Who wants a repeat?
62
WEBVISIONS - 23 MAY 2008
81. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
(not me)
63
WEBVISIONS - 23 MAY 2008
82. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Enter version targeting
IE team wanted to oquot;er a means of explicitly stating what
version of a given browser your site is known to work on and
approached WaSP’s Microsoft Task Force for help with that.
Together, we came up a solution that was implementable in
either of two ways:
<meta http-equiv=quot;X-UA-Compatiblequot; content=quot;IE=7quot; />
or an HTTP header
X-UA-Compatible: IE=7
This instruction tells IE8 to present the page as though the
browser was IE7.
It is optional, but can provide a means of migrating your site
to supporting future IE versions on your own timetable.
64
WEBVISIONS - 23 MAY 2008
83. WHAT YOU NEED TO KNOW ABOUT IE8 AND STANDARDS
Questions?
65
WEBVISIONS - 23 MAY 2008
84. What you need to
know about IE8
and Standards
slideshare.net/AaronGustafson
Aaron Gustafson