DOCSLIB.ORG

Colorxtractor – a Technical Aid for People with Colour Blindness

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Colorxtractor – a Technical Aid for People with Colour Blindness Degree Project colorXtractor – a technical aid for people with colour blindness Stefan Hochwarter 2010-08-04 Subject: Computer Science Level: Bachelor Course code: 2DV00E SE-351 95 Växjö / SE-391 82 Kalmar Tel +46-772-28 80 00 [email protected] Lnu.se Abstract The aim of this thesis is to develop an technical aid (software) to help people with colour blindness. Colour blind people have difficulties to differentiate between certain colours, so the implemented software will name a selected colour. The software is implemented as a Mozilla Firefox extension and also uses a XPCOM component. Furthermore can the user select different colour databases and change the displaying properties. Keywords: colour blindness, Mozilla Firefox extension, Colour algorithms, CIELAB, accessibility iii Contents 1. Introduction 1 1.1. Problem discussion . .1 1.2. Problem analysis . .2 1.3. Paper structure . .2 2. Background 3 2.1. Colour blindness . .3 2.1.1. Classification . .3 2.1.2. Diagnosis . .4 2.1.3. Treatment . .4 2.2. Colour blindness as a handicap . .4 2.2.1. Daily life . .4 2.2.2. Internet barriers . .5 2.3. Colour management . .7 2.3.1. Colour spaces . .7 3. Implementation 9 3.1. Features . .9 3.2. Used technologies . 10 3.2.1. XUL - XML User Interface Language . 11 3.2.2. CSS - Cascading Style Sheet . 11 3.2.3. JavaScript . 12 3.2.4. XPCOM – Cross Platform Component Object Model . 13 3.3. Colour algorithms . 15 3.3.1. RGB to CIELAB conversion . 15 3.3.2. Colour comparison algorithm . 16 3.4. Online Publication . 17 4. Conclusion 18 4.1. Analysis . 18 4.2. Final Discussion . 18 4.3. Future Work . 18 References 20 A. List of Abbreviations 22 B. List of Figures 23 C. List of Listings 24 D. Source code 25 D.1. The Mozilla Firefox extension . 25 iv D.2. The XPCOM Component . 42 v 1. Introduction This chapter of the thesis shall give a first overview of the paper and the topic, which will be discussed more detailed later on. It focuses mostly on the problem, which had to be solved. 1.1. Problem discussion The Internet is a very colourful place but for people suffering from colour blindness this fact could be a barrier. There is no treatment for this, but an aid could improve the accessibility of the Internet. Today there is no free and open-source software, which supports people suffering from colour blindness. About five percent of the population are suffering from colour blindness.[1] This means that they have problems to differentiate between certain colours and it leads to new Internet barriers when it comes to colours. Online-shopping, pie-charts or coloured status icons are just a few examples, so there is a need for an aid for those people, which can compensate the colour blindness. Figure 1.1 shows a symbolic representation. The left side illustrate the situation without any aid while at the right side an aid has been inserted and the information (e.g. a colour) can reach the user. Figure 1.1: symbolic representation of an aid [30] Actually I found the idea of this bachelor thesis originally from the “Project:Possibility Wiki” during my search for a topic: When shopping for clothes online, it’s hard for people with colourblindness to discern between different colours. Develop a browser-plugin (or a native app) that can help with this shopping scenario. This could also be useful when using Google Image Search.[16] The first decision to make was how it should be implemented. Finally I decided to implement a Mozilla Firefox extension. One reason for this decision was that Mozilla Firefox is the second most popular web browser (behind Microsoft Internet Explorer).[3] So it is the most used open source browser which offers a great documentation and com- munity for writing extensions. Another reason for solving this problem as an extension is that the user does not need to run a stand alone software. The extension is nicely integrated in the graphical user interface of Firefox. Furthermore the extension can be designed platform independent (apart from the XPCOM component). 1 1.2. Problem analysis So I decided to create a technical aid for people with colour blindness, which is imple- mented as a Mozilla Firefox extension. Before I started to write the extension, I set some goals which it should fulfil. 1. The basic feature of the extension is to name a selected colour. 2. Follow the KISS principle. KISS is a design principle and stands for “keep it simple and stupid”. The extension should be easy to use and not distract the user from his/her actual work. 3. The software should be platform independent. In other words, everywhere where Mozilla Firefox runs, the extension should work as well. 4. colorXtractor should be open source, so the source code can be reused. 5. i18n – internationalisation should be realised. 1.3. Paper structure This paper exists in two main parts. The first part will focus on the problem, namely on defective colour vision and how it affects people who are suffering from it. The second part will concentrate on the problem solving. This is mostly about the written extension, the used technologies and some interesting algorithms. 2 2. Background This chapter will provide the essential background information for writing the aid for people with colour blindness. The first part is about colour blindness in general and how it can be classified. As the extension should help people, this section will also show, why and in which way colour blindness can be a handicap. For the implementation it is also important, to know some colour spaces - each with its advantages and disadvantages. 2.1. Colour blindness Colour blindness was first scientificly documented by the English chemist, John Dalton. After he realised that he suffered from colour blindness, he published a paper on this subject in 1798: ”Extraordinary facts relating to the vision of colours”. Because of this work, colour blindness is often called Daltonism. Nowadays, Daltonism stands only for one certain type of colour blindness (deuteranopia).[1] 2.1.1. Classification Colour blindness can be classified by clinical appearance. Generally it can be differed between total colour blindness (achromatopsia) and partial colour blindness or defective colour vision. • total colour blindness (achromatopsia) • partial colour blindness – red / green colour deficit ∗ anomalous trichromacy (protanomaly and deuteranomaly) ∗ dichromatopsia (protanopia and deuteranopia) – blue / yellow colour deficit ∗ anomalous trichromacy (tritanomaly) ∗ dichromatopsia (tritanopia) Total colour blindness Persons who suffer from total colour blindness can only experience different light inten- sities but no colours. It is very rare, only 0.01 % people are affected. Possible causes are cone aplasia, cone dystrophy, retina diseases, albinism or cortex diseases.[1] Partial colour blindness This quite common disease affects mostly men (8% men, 1% woman). Beside the classifi- cation of clinical appearance you can also differentiate between inheritance and acquired colour blindness. Anomalous trichromacy is a reduced sense for red (protanomaly), green (deutera- nomaly, 50 % of the inheritance cases) or blue (tritanomaly, rare). 3 The absence of one of the three retinal cones, which are essential for colour vision, is called dichromatopsia. It leads to the typical colour confusions. This is discerned again by the three colours red, green and blue. If the missing colour is red, the disease is called protanopia. This leads to red / green colour deficit. Deuteranopia also leads to red / green colour deficit, but the missing colour is green. When blue is missing, it is called tritanopia and it leads to blue / yellow deficit. Tritanopia is very rare. When two colours are missing, it is called monochromaticity.[1] 2.1.2. Diagnosis To diagnose colour blindness, qualitative clinical tests are used. The most common tests are the Stilling colour test, the Ishihara colour test and the Farnsworth panel D15 test.[1] (a) Ishihara colour test [6] (b) Farnsworth D15 colour test [10] Figure 2.1: Colour blindness tests 2.1.3. Treatment There is no medical treatment to cure people suffering from colour blindness. However, there exists some aid for people with colour blindness. Gnome offers a library, which provides a pixel filter, according to the user’s colour blindness.[14] Another non-technical aid are contact lenses designed for people with colour blindness.[4] 2.2. Colour blindness as a handicap When it comes to daily life, colour blindness can be a big handicap. In the following section I will list some examples. 2.2.1. Daily life As my extension focuses on web accessibility, I will keep this section short. But I want to deliver insight into the world of people with colour blindness. This is best done with examples. On the first picture you can see bananas and it is clear to see which are ripe. 4 The second picture is the same, but deuteranopia is simulated. As you can see it is impossible to differentiate between ripe and unripe bananas. (a) original (b) deuteranopia Figure 2.2: Comparision of bananas [5] Another example are LED lights, used in devices to indicate something. The left picture is again the original and in the right picture protanopia was simulated. (a) original [18] (b) protanopia Figure 2.3: Comparison of LED lights 2.2.2. Internet barriers As the goal of the extension is to help people with colour blindness in the web, I want to show examples where colours can be a barrier. For people suffering from colour blindness, it can be hard or impossible to interpret a statistic when colours are the only source for matching the value to the graph. Figure 2.4 shows a pie chart, once original and once with deuteranopia simulated.
Load more

Recommended publications
  • Cascading Style Sheet Web Tool
    CASCADING STYLE SHEET WEB TOOL _______________ A Thesis Presented to the Faculty of San Diego State University _______________ In Partial Fulfillment of the Requirements for the Degree Master of Science in Computer Science _______________ by Kalthoum Y. Adam Summer 2011 iii Copyright © 2011 by Kalthoum Y. Adam All Rights Reserved iv DEDICATION I dedicate this work to my parents who taught me not to give up on fulfilling my dreams. To my faithful husband for his continued support and motivation. To my sons who were my great inspiration. To all my family and friends for being there for me when I needed them most. v ABSTRACT OF THE THESIS Cascading Style Sheet Web Tool by Kalthoum Y. Adam Master of Science in Computer Science San Diego State University, 2011 Cascading Style Sheet (CSS) is a style language that separates the style of a web document from its content. It is used to customize the layout and control the appearance of web pages written by markup languages. CSS saves time while developing the web page by applying the same layout and style to all pages in the website. Furthermore, it makes the website easy to maintain by just editing one file. In this thesis, we developed a CSS web tool that is intended to web developers who will hand-code their HTML and CSS to have a complete control over the web page layout and style. The tool is a form wizard that helps developers through a user-friendly interface to create a website template with a valid CSS and XHTML code.
    [Show full text]
  • Firefox Hacks Is Ideal for Power Users Who Want to Maximize The
    Firefox Hacks By Nigel McFarlane Publisher: O'Reilly Pub Date: March 2005 ISBN: 0-596-00928-3 Pages: 398 Table of • Contents • Index • Reviews Reader Firefox Hacks is ideal for power users who want to maximize the • Reviews effectiveness of Firefox, the next-generation web browser that is quickly • Errata gaining in popularity. This highly-focused book offers all the valuable tips • Academic and tools you need to enjoy a superior and safer browsing experience. Learn how to customize its deployment, appearance, features, and functionality. Firefox Hacks By Nigel McFarlane Publisher: O'Reilly Pub Date: March 2005 ISBN: 0-596-00928-3 Pages: 398 Table of • Contents • Index • Reviews Reader • Reviews • Errata • Academic Copyright Credits About the Author Contributors Acknowledgments Preface Why Firefox Hacks? How to Use This Book How This Book Is Organized Conventions Used in This Book Using Code Examples Safari® Enabled How to Contact Us Got a Hack? Chapter 1. Firefox Basics Section 1.1. Hacks 1-10 Section 1.2. Get Oriented Hack 1. Ten Ways to Display a Web Page Hack 2. Ten Ways to Navigate to a Web Page Hack 3. Find Stuff Hack 4. Identify and Use Toolbar Icons Hack 5. Use Keyboard Shortcuts Hack 6. Make Firefox Look Different Hack 7. Stop Once-Only Dialogs Safely Hack 8. Flush and Clear Absolutely Everything Hack 9. Make Firefox Go Fast Hack 10. Start Up from the Command Line Chapter 2. Security Section 2.1. Hacks 11-21 Hack 11. Drop Miscellaneous Security Blocks Hack 12. Raise Security to Protect Dummies Hack 13. Stop All Secret Network Activity Hack 14.
    [Show full text]
  • 0789747189.Pdf
    Mark Bell 800 East 96th Street, Indianapolis, Indiana 46240 Build a Website for Free Associate Publisher Copyright © 2011 by Pearson Education Greg Wiegand All rights reserved. No part of this book shall be Acquisitions Editor reproduced, stored in a retrieval system, or transmit- Laura Norman ted by any means, electronic, mechanical, photo- copying, recording, or otherwise, without written Development Editor permission from the publisher. No patent liability is Lora Baughey assumed with respect to the use of the information contained herein. Although every precaution has Managing Editor been taken in the preparation of this book, the Kristy Hart publisher and author assume no responsibility for Senior Project Editor errors or omissions. Nor is any liability assumed for Betsy Harris damages resulting from the use of the information contained herein. Copy Editor ISBN-13: 978-0-7897-4718-1 Karen A. Gill ISBN-10: 0-7897-4718-9 Indexer The Library of Congress Cataloging-in-Publication Erika Millen data is on file. Proofreader Williams Woods Publishing Services Technical Editor Christian Kenyeres Publishing Coordinator Cindy Teeters Book Designer Anne Jones Compositor Nonie Ratcliff Trademarks All terms mentioned in this book that are known to be trademarks or service marks have been appropriately capitalized. Que Publishing cannot attest to the accuracy of this infor- mation. Use of a term in this book should not be regarded as affecting the validity of any trademark or service mark. Warning and Disclaimer Every effort has been made to make this book as complete and as accurate as possible, but no warranty or fitness is implied. The information provided is on an “as is” basis.
    [Show full text]
  • Skype Credits Cheat 2017 Password Macosx
    Skype Credit Hack 2017 – Skype Credits Cheat 2017 Password MacOSX 1 / 4 Skype Credit Hack 2017 – Skype Credits Cheat 2017 Password MacOSX 2 / 4 Aug 01, 2017 · In a Skype world, double click on a contact to see message history, ... 0 or above required), Mac OS X, and Linux Lync Client Desktop Sharing ... the administrator will no longer be able to allocate you Skype Credit, and any ... suddenly some user can not get to password screen as screen getting blank (white).. 13 Ways to Make Up Passwords That Are Secure and Memorable ... If you're using Windows, Mac OS X or Linux, you can easily Skype ... you to save money making calls (although battery life can be heavily ... Image Credit: Senior woman using Skype via Shutterstock, Skype on ... July 1, 2017 at 5:59 am. Jan 09, 2018 · Facebook Password Hacker Software Free Download Latest ... Sep 23, 2017 · Well, actually a “Trial-Version” is to try that version. ... How to Hack TRIAL PERIOD of any Software and use them FOREVER for MAC OS X and iOS. ... no software can hack Facebook, Skype, Paypal, Twitter be careful, Just Cheat a .... Complete your Skype Credit purchase: On Windows, Mac, Linux, and Android, select Pay Now*. On iPhone and iPad, follow the prompts to complete your .... See more ideas about Hack password, Hacks and Hack facebook. ... Poker - Texas Holdem Hack Online Generator Cheat Real Works Guaranteed! ... This Zynga Poker Texas Holdem Hack 2017 Cheat Codes Free for Android and iOS ... Skype Password Hack Tool 2018 Intro of Skype Password Hack Tool 2018 Skype is a ..
    [Show full text]
  • Linux Multimedia Hacks by Kyle Rankin
    Linux Multimedia Hacks By Kyle Rankin ............................................... Publisher: O'Reilly Pub Date: November 2005 ISBN: 0-596-10076-0 Pages: 330 Table of Contents | Index The fact that Linux has more multimedia application choices than Mac OS X and Windows combined may come as a surprise to many, but not to those who know Linux well. InLinux Multimedia Hacks, author Kyle Rankin showcases the best available multimedia tools so you can maximize the entertainment capabilities of your favorite OS. Included are tips and tricks for connecting to iPods, creating MP3s and Oggs, watching and making DVDs, turning your Linux box into a Tivo ala MythTV, and much more. You don't have to be a Linux server guru to make use of this book. Linux Multimedia Hacks takes the best of Linux's multimedia tools and with step-by-step instructions shows even novice users how to do cool and useful things with images, audio, and video. It includes entry level hacks that nearly all Linux users will want, such as installing codecs for audio and video playback and managing thousands of photographs. Later, you'll find hacks that cover a variety of advanced projects, from ripping and organizing media files with metatags, to editing video and audio tracks, to creating your own DVDs. Basic or advanced, each hack stands on its own, so you can feel free to jump around to only the sections that interest you. The book is divided into five easy-to-understand chapters: Images: tips range from basic image edits to automated image manipulation Audio: hacks include audio format conversion and tweaking metadata within audio files Video: learn how to covert between video formats, plus how to create your own VCDs and DVDs Broadcast Media: tips include how to access and create you own web broadcasts as well as watch and record TV Web: learn how to make your multimedia creations available to the world As one of the most powerful multimedia platforms around, Linux has far more capabilities and features than meets the eye.
    [Show full text]
  • Designing for Extensibility and Planning for Conflict
    Designing for Extensibility and Planning for Conflict: Experiments in Web-Browser Design Benjamin S. Lerner A dissertation submitted in partial fulfillment of the requirements for the degree of Doctor of Philosophy University of Washington 2011 Program Authorized to Offer Degree: UW Computer Science & Engineering University of Washington Graduate School This is to certify that I have examined this copy of a doctoral dissertation by Benjamin S. Lerner and have found that it is complete and satisfactory in all respects, and that any and all revisions required by the final examining committee have been made. Chair of the Supervisory Committee: Daniel Grossman Reading Committee: Daniel Grossman Steven Gribble John Zahorjan Date: In presenting this dissertation in partial fulfillment of the requirements for the doctoral degree at the University of Washington, I agree that the Library shall make its copies freely available for inspection. I further agree that extensive copying of this dissertation is allowable only for scholarly purposes, consistent with “fair use” as prescribed in the U.S. Copyright Law. Requests for copying or reproduction of this dissertation may be referred to Proquest Information and Learning, 300 North Zeeb Road, Ann Arbor, MI 48106-1346, 1-800-521-0600, to whom the author has granted “the right to reproduce and sell (a) copies of the manuscript in microform and/or (b) printed copies of the manuscript made from microform.” Signature Date University of Washington Abstract Designing for Extensibility and Planning for Conflict: Experiments in Web-Browser Design Benjamin S. Lerner Chair of the Supervisory Committee: Associate Professor Daniel Grossman UW Computer Science & Engineering The past few years have seen a growing trend in application development toward “web ap- plications”, a fuzzy category of programs that currently (but not necessarily) run within web browsers, that rely heavily on network servers for data storage, and that are developed and de- ployed differently from traditional desktop applications.
    [Show full text]
  • Best Practices in Accessible Online Design
    BEST PRACTICES IN ACCESSIBLE ONLINE DESIGN Heather Caprette Cleveland State University Cleveland State University Best Practices in Accessible Online Design Heather Caprette (unable to fetch text document from uri [status: 0 (UnableToConnect), message: "Error: TrustFailure (Ssl error:1000007d:SSL routines:OPENSSL_internal:CERTIFICATE_VERIFY_FAILED)"]) Preface Accessibility is frequently the last thing course and website developers want to think about when creating an online content. There is extra time involved up front, but it can help prevent problems down the line. I think most of us in higher education care about all students and want to help them to our best ability. There are also laws protecting the rights of individuals with disabilities to have access to programs and services that institutions of higher education offer. Section 504 of The Rehabilitation Act of 1973 says that public institutions receiving federal funds, this includes student financial aid, need to ensure that people with disabilities can participate in programs & activities and have the same benefits that people without disabilities have. It requires academic adjustments and accommodation to ensure full participation. Section 508 is an amendment that requires electronic information and technology, such as websites and online courses be accessible. The American with Disabilities Act of 1990 expands the Rehabilitation Act of 1973 to private as well as public institutions of higher education. The newest is The 21st Century Communications and Video Accessibility Act of 2010. It requires modern communications to be accessible to people with disabilities. This includes VOIP services, electronic messaging, video conferencing, video communications and mobile browsers. One only needs to search Google to find names of institutions of higher education that have been sued for not having accessible online content and services.
    [Show full text]
  • Technology Profile
    2021 Technology Profile https://azati.ai +375 (29) 6845855 Belarus, 31 K. Marks Street, Sections 5-6 Grodno, 230025 1 Table Of Contents TABLE OF CONTENTS page 01 DEPLOYMENT, BI & DATA page 09 WAREHOUSING GENERAL INFORMATION page 02 DATA SCIENCE & MACHINE LEARNING page 10 JAVA TECHNOLOGIES page 03 MONITORING TOOLS, PORTALS & SOLUTIONS, page 11 VERSION CONTROL RUBY & JAVASCRIPT TECHNOLOGIES page 04 VERSION CONTROL, SDK & OTHER TOOLS page 12 WEB & PHP TECHNOLOGIES page 05 OTHER TOOLS page 13 MOBILE DEVELOPMENT & DATABASES page 06 SOFTWARE TESTING & QA page 07 APPLICATION DEPLOYMENT page 08 2 General Information 01 PROGRAMMING LANGUAGES: 02 MARK-UP AND MODELING 05 SOFTWARE ARCHITECTURE PATTERNS: LANGUAGES: Java Representational State Transfer (REST/RESTful) JavaScript (ES5/ES6) HTML (4/5) Model-View-Controller (MVC) PHP XSLT Microservices TypeScript UML GraphQL PL/SQL Kotlin Smalltalk C 03 PROJECT MANAGEMENT C++ METHODOLOGIES: C# Agile (Kanban/SCRUM) Groovy Waterfall Delphi Behavior-driven development (BDD) Pascal Test-driven development (TDD) Python Feature-driven development (FDD) SQL Ruby R CoffeeScript 04 DEVELOPMENT APPROACHES: Perl Continuous Delivery (CD) Bash Continuous Integration (CI) Shell 3 Java Technologies 06 JAVA TECHNOLOGIES: 07 JAVA FRAMEWORKS: Apache POI Java (7/8/9) Spring Apache Wicket Java Servlet Spring Boot Apache CXF Java Database Connectivity (JDBC) Spring REST Apache Shiro Java REST Spring MVC Apache Camel Java Persistence API (JPA) Spring Data Java Message Service (JMS) Spring Security 08 JAVA LIBRARIES: JBoss Drools
    [Show full text]
  • Browser Tools That Make Web Development Easier
    Browser tools that make web development easier Alan Seiden Consulting alanseiden.com My focus Advancing PHP on IBM i • PHP project leader, Zend/IBM Toolkit • Contributor, Zend Framework DB2/i enhancements • Developer, Best Web Solution, IBM/Common • Authority, web performance on IBM i/iSeries Alan Seiden Consulting 2 Browser tools that make web development easier Contact information Alan Seiden [email protected] 201-447-2437 alanseiden.com twitter: @alanseiden Alan Seiden Consulting 3 Browser tools that make web development easier Where to download these slides From my site http://alanseiden.com/presentations On SlideShare http://slideshare.net/aseiden The latest version will be available on both sites Alan Seiden Consulting 4 Browser tools that make web development easier Client-side development tools • Not my usual PHP server-side topic • Today we discuss the client side . That means what ends up in the user’s browser . Dynamic HTML, styles and classes, javascript, performance related to HTTP requests • Free tools that run in our web browser can teach us what we’re doing right and wrong Alan Seiden Consulting 5 Browser tools that make web development easier Format of today’s talk • Mostly live demos of the tools • These slides will not contain all the details of each tool—only basic reference info • People reading these at home will miss the details Alan Seiden Consulting 6 Browser tools that make web development easier Browser tools? Alan Seiden Consulting 7 Browser tools that make web development easier “View source” started it all • “View Source” was the original built-in browser tool • CTRL+U is its shortcut on many browsers • It still works but does not meet today’s challenges: .
    [Show full text]
  • Online Northwest 2015
    Tools to Learn & Teach the Web - Online Northwest 2015 WEB LITERACY: USING & SHARING DYNAMIC TOOLS TO LEAR​ N & TEACH THE WEB - http://tinyurl.com/weblit-onw15 ​ Tim Miller - General Reference & Instruction Librarian - Humboldt State University - [email protected] - @tmillerLibrary Listing of quality tools to learn & teach about the Web. From creating content to understanding Internet Protocols. All resources are free and many are open- some are free/libre open source software (FLOSS), some freeware, and some are freemium. Tutorials/Courses URL Description Type Try jQuery (created by Code School) http://try.jquery.com/ Learn the basics of using Instruction: video-heavy, jQuery and quite a bit limited written about the DOM tree as Work: tasks well Codecademy- HTML/CSS http://www.codecademy.com/en/t Basics of how web pages Instruction: Written w/ racks/web are constructed simple tasks Work: tasks & projects Codecademy- Javascript http://www.codecademy.com/en/t Basic programming with Instruction: Written w/ racks/javascript JS simple tasks Work: tasks & projects Codecademy- jQuery http://www.codecademy.com/en/t Basic application of jQuery Instruction: Written w/ racks/jquery to web dev simple tasks Work: tasks & projects Khan Academy - programming https://www.khanacademy.org/co Uses JavaScript to teach Instruction: video mputing/cs fundamentals of Work: exercises - largely programming- not specific focused on animation for to web development JS Mozilla Developer https://developer.mozilla.org/en- References, tutorials and Written references and US/ tools to learn HTML, CSS, tutorials with suggested JS and more exercises MS Virtual Academy http://www.microsoftvirtualacade Tutorials on a wide variety Videos- many very my.com/?cmpid=W_MSS_MKTG of CS topics lengthy; quizzes to assess _MVA_FY14_MVA comprehension; 1 References URL Type W3Schools http://www.w3schools.com/ HTML, CSS, JS, jQuery, etc.
    [Show full text]
  • HTML5 Advertising Going Forward ������������������������������������������������������������325
    www.it-ebooks.info For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to access them. www.it-ebooks.info Contents at a Glance Foreword ��������������������������������������������������������������������������������������������������������������������������� xix About the Author ��������������������������������������������������������������������������������������������������������������� xxi About the Technical Reviewer ����������������������������������������������������������������������������������������� xxiii Acknowledgments ������������������������������������������������������������������������������������������������������������ xxv Introduction �������������������������������������������������������������������������������������������������������������������� xxvii ■ Chapter 1: The Campaign Process �������������������������������������������������������������������������������������1 ■ Chapter 2: Evolution of Advertising Technology ��������������������������������������������������������������21 ■ Chapter 3: Advertising with Web Standards ��������������������������������������������������������������������37 ■ Chapter 4: Using Canvas, SVG, and Web Fonts ����������������������������������������������������������������61 ■ Chapter 5: Animations and Presentations �����������������������������������������������������������������������85 ■ Chapter 6: HTML5 APIs ��������������������������������������������������������������������������������������������������121
    [Show full text]
  • Selenium Tutorial
    Kavin School Presents: Selenium Web Test Tool Training Using Ruby Language Discover the automating power of Selenium Presented by: Kangeyan Passoubady (Kangs) Copy Right: 2008, All rights reserved by Kangeyan Passoubady (Kangs). Republishing requires author’s permission 1 Day 1 Useful Tools for Writing Tests Discover the automating power of Selenium Copyright © 2008-2010 by Kangeyan Passoubady (Kangs) 2 Firefox Add-ons • Firefox Add-ons allows to extend the functionality of the Firefox browser. • Large selection of add-ons available. • Read the reviews and choose what you need the most. • I have selected many add-ons which will enhance your learning of Selenium IDE testing. • These Add-ons make your life easier by doing the expected jobs within your browser, instead of looking for an answer outside. Discover the automating power of Selenium Copyright © 2008-2010 by Kangeyan Passoubady (Kangs) 3 DOM Inspector • Document Object Model (DOM) Inspector is a tool that can be used to inspect and edit the live DOM of any web document or XUL (XML User Interface Language) application. • The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within. • This add-on depends on binary changes to Firefox, and will not work with Firefox 2. • Inspects the structure and properties of a window and its contents. • URL to Add: – https://addons.mozilla.org/en-US/firefox/addon/6622 – Click Add to Firefox – Press Install Now button – Press Restart Firefox Now button Discover the automating power of Selenium Copyright © 2008-2010 by Kangeyan Passoubady (Kangs) 4 X-Path Checker • An interactive editor for XPath expressions.
    [Show full text]