The document is a slide presentation on web standards and HTML5. It discusses the history and development of web standards including the creation of HTML, CSS, and the World Wide Web Consortium (W3C). It summarizes new features in HTML5 like video, canvas, geolocation and forms. It also outlines challenges to standards including politics, money influence, and the need for branding. Case studies on standards adoption in South Korea, India, and China are presented.
Designing with CSS3 Effectively & EfficientlyZoe Gillenwater
The document discusses CSS3 and progressive enhancement. It provides examples of CSS3 features like border-radius, box-shadow, text-shadow, gradients, and fonts that can be used to enhance websites. These features allow for decreased development time, improved performance through reduced file sizes and HTTP requests, and better accessibility. The document also covers using media queries for responsive design, targeting features for mobile devices like iPhone and iPad.
iOS 8 and iPhone 6 for web developers and designersZhi Zhong
iOS 8 is finally here while the new iPhone 6 and iPhone 6 plus will appear in a few days. New APIs appears on scene, as well as new challenges to support the new screen sizes. I’ve been playing with the final version and here you have my findings.
The document is a slide presentation on web standards and HTML5. It discusses the history and development of web standards including the creation of HTML, CSS, and the World Wide Web Consortium (W3C). It summarizes new features in HTML5 like video, canvas, geolocation and forms. It also outlines challenges to standards including politics, money influence, and the need for branding. Case studies on standards adoption in South Korea, India, and China are presented.
Designing with CSS3 Effectively & EfficientlyZoe Gillenwater
The document discusses CSS3 and progressive enhancement. It provides examples of CSS3 features like border-radius, box-shadow, text-shadow, gradients, and fonts that can be used to enhance websites. These features allow for decreased development time, improved performance through reduced file sizes and HTTP requests, and better accessibility. The document also covers using media queries for responsive design, targeting features for mobile devices like iPhone and iPad.
iOS 8 and iPhone 6 for web developers and designersZhi Zhong
iOS 8 is finally here while the new iPhone 6 and iPhone 6 plus will appear in a few days. New APIs appears on scene, as well as new challenges to support the new screen sizes. I’ve been playing with the final version and here you have my findings.
This document discusses accessibility in web design from concept to implementation. It begins by defining accessibility and outlining who benefits from accessible design, including users, clients, and search engines. It then provides examples of real-life situations where accessibility is important and guidelines for understanding audience needs. The document outlines trends in accessibility like adhering to web standards and standards harmonization. It offers guidance for wireframing, designing, and creating accessible content, forms, images, tables, lists and more. The conclusion emphasizes that accessibility is an ongoing process rather than a single product.
The Creativity (R)Evolution - UX Israel Studio 2014Denise Jacobs
There's a movement brewing built upon leveraging the transformative power of creativity to help us work and create better so that we can produce work infused with meaning. Discover how by instilling tiny habits to cultivate your creative spark, and finally, fomenting creative collaboration based on the tenets of improv and open spaces, you can take the spark of Creativity (R)Evolution and use it as the impetus to push you, your teams, and your companies to create Betterness.
This document discusses the evolution of roles in UX/UI design and development over time. It presents a brief history starting in the 1990s with webmasters and designers focused on HTML. By the late 1990s, developers also worked with HTML and usability/UX emerged. The roles continued to expand and combine skills, with modern practitioners often working across UX research, interaction design, visual design, front-end development, and considerations for accessibility. The document suggests that while specialization can be valuable, it is also beneficial for those in UX to learn some front-end development skills to enable quick prototyping and understand rich interactions and responsive design.
Communication and presentation tips for do-gooders, created by Dr. Carmen Simon and Bruce Kasanoff. Learn more at http://www.memzy.com/ and http://kasanoff.com/
Streem - Water footprint, behavior and awarenessRobert Nyman
The document discusses calculating water footprints and promoting behavior change and awareness around water usage. It touches on helping others understand water footprints, the importance of hydration, reducing water waste, and connecting data on water usage to calls for action. The goal appears to be increasing knowledge about sustainable water use, especially in developing countries, through data collection, partnerships, and connecting people across locations.
The Creativity Imperative - NDC London 2014Denise Jacobs
Success for companies is now dependent upon creativity and innovation, both hailed as the most important contributors to the growth of the economy. These days, these skills are not just a good idea, but are imperative. Unfortunately, most don't know where to start in order to structure an environment where creativity and innovation can thrive. Good news: laying the foundation for inspiring creativity and enhancing innovation is easier than you think. Discover the four directives to follow that will help to enhance engagement, reignite passion, and amp up meaningful contribution, and enable you, your team, and your company to develop fantastic products and services.
Want to feel more self-assured and motivated in your job or career? Have you had difficulty speaking up for yourself or saying what you feel? Ready to feel good about who you are, how you look, and your ability to make things happen? Big Hacks + Small Actions = A More Confident New You
This document discusses accessibility in web design from concept to implementation. It begins by defining accessibility and outlining who benefits from accessible design, including users, clients, and search engines. It then provides examples of real-life situations where accessibility is important and guidelines for understanding audience needs. The document outlines trends in accessibility like adhering to web standards and standards harmonization. It offers guidance for wireframing, designing, and creating accessible content, forms, images, tables, lists and more. The conclusion emphasizes that accessibility is an ongoing process rather than a single product.
The Creativity (R)Evolution - UX Israel Studio 2014Denise Jacobs
There's a movement brewing built upon leveraging the transformative power of creativity to help us work and create better so that we can produce work infused with meaning. Discover how by instilling tiny habits to cultivate your creative spark, and finally, fomenting creative collaboration based on the tenets of improv and open spaces, you can take the spark of Creativity (R)Evolution and use it as the impetus to push you, your teams, and your companies to create Betterness.
This document discusses the evolution of roles in UX/UI design and development over time. It presents a brief history starting in the 1990s with webmasters and designers focused on HTML. By the late 1990s, developers also worked with HTML and usability/UX emerged. The roles continued to expand and combine skills, with modern practitioners often working across UX research, interaction design, visual design, front-end development, and considerations for accessibility. The document suggests that while specialization can be valuable, it is also beneficial for those in UX to learn some front-end development skills to enable quick prototyping and understand rich interactions and responsive design.
Communication and presentation tips for do-gooders, created by Dr. Carmen Simon and Bruce Kasanoff. Learn more at http://www.memzy.com/ and http://kasanoff.com/
Streem - Water footprint, behavior and awarenessRobert Nyman
The document discusses calculating water footprints and promoting behavior change and awareness around water usage. It touches on helping others understand water footprints, the importance of hydration, reducing water waste, and connecting data on water usage to calls for action. The goal appears to be increasing knowledge about sustainable water use, especially in developing countries, through data collection, partnerships, and connecting people across locations.
The Creativity Imperative - NDC London 2014Denise Jacobs
Success for companies is now dependent upon creativity and innovation, both hailed as the most important contributors to the growth of the economy. These days, these skills are not just a good idea, but are imperative. Unfortunately, most don't know where to start in order to structure an environment where creativity and innovation can thrive. Good news: laying the foundation for inspiring creativity and enhancing innovation is easier than you think. Discover the four directives to follow that will help to enhance engagement, reignite passion, and amp up meaningful contribution, and enable you, your team, and your company to develop fantastic products and services.
Want to feel more self-assured and motivated in your job or career? Have you had difficulty speaking up for yourself or saying what you feel? Ready to feel good about who you are, how you look, and your ability to make things happen? Big Hacks + Small Actions = A More Confident New You
This document summarizes how super() works in different languages like Java, Python, and JavaScript, and then discusses its implementation in KISSY. It notes that in KISSY, callSuper() is used instead of specifying the method name. CallSuper() is built-in and allows calling parent methods without multiple inheritance, instead using extensions, single inheritance, and plugins. The document provides examples of using super() in initialization and method calls for the base and sub classes.
The document discusses KISSY Component System, an infrastructure for building reusable UI components. It describes key concepts like classes, attribute management, base classes, and life cycle methods. It also provides examples of common UI components like draggable, resizable, and controls. Custom components can be built by extending base classes and implementing render and logic code. The KISSY framework supports building complex components and applications with components, containers, and events.
KISSY provides bug fixes, import stylesheets, CSS3 selector support for older browsers, CSS3 animations, touch gestures, optimized component rendering, components using templates, lazy loading tabs, scroll views with plugins like scrollbars and pull-to-refresh, autocomplete comboboxes, and demos including a music player using various KISSY and Gallery modules.
This document discusses various JavaScript and Node.js topics including:
1. Knockout.js is an MVVM library that separates view models and views, allowing views to be bound to view models for automatic updating.
2. ECMAScript 5 introduced useful array and object methods like map, filter, Object.create that simplify programming.
3. Modularization with libraries like Sea.js and KISSY Loader improve maintainability, performance, and debugging of JavaScript applications.
4. Promise libraries like Q and KISSY simplify asynchronous programming by allowing asynchronous calls to be chained together for easier combination and error handling.
This document describes the KISSY DPL (Design Pattern Library) which includes CSS styles and components built with LESS and KISSY. It provides styles and markup for common interface elements like buttons, menus, tables, forms and more. The styles are organized into CSS files for components like overlay, button, menu etc. It demonstrates how to build reusable UI elements with KISSY and provides references for learning LESS and comparing to Twitter Bootstrap.
11. API
moveToElementText (Node a) :将选择区域变更为
a ,起始位置为 a 的前后。
| <span> test </span> |
collapse(start) :根据参数将结束位置重合到开始位
置(true)或开始位置重合到结束位置(false)。
| <span> test </span> |
^ <span> test </span>
12. API
parentElement :获取包围选择区域的元素节点。
<span> te ^ st </span>
range1.compareEndPoints('XxToYy',range2) :
xx,yy 可以为 Start 或 End,取 range1 的 xx 位置和
range2 的 yy 位置比较,根据前后顺序返回-1,1,0表示
重合。