David Hayon, unknown photographer born in Damascus in Trm

David Hayon, unknown photographer born in Damascus in Trm"a (1881), the family immigrated to Israel in 1852, moved to Syria because of the difficulties of integration in the country. His early education was given Talmud Torah "and editor the school's" all Israel Friends "[" the Alliance "-" editor Alliance "] Damascus. Sent to the recommendation of his teachers at the Teachers College, "the Alliance in Paris, while also enrolled at the Sorbonne and Pedagogy Department editor to the Jewish Theological Seminary. Acquired such a broad European education and comprehensive knowledge of Judaism. Was fluent in French and Hebrew and studied the theory of teaching. Sticking to the Zionist idea from his youth. In Paris he became editor friends with Itamar Ben-Avi, editor his father, Eliezer Ben-Yehuda jealousy inserted in the Hebrew language, and Itamar editor caught up in his friends. Modern Hebrew literature teacher at the Jewish Theological Seminary, Prof. Nahum Slouschz, strengthened heart disciples longing for self-realization in Eretz Yisrael. Received from the French government high-class teaching certificate, and a year later, the Alliance offered to go to Palestine editor and to the "Baron School "[School PICA] Petach Tikva. institution the way it started at the beginning of the school year Trs"h (1905). Pedagogical activity continued repeatedly Tashaz school year (1947). editor Hayon heart he wanted to introduce the younger generation national education-liberal Zionist, has prepared an orderly classroom curriculum editor sustainability; did raise the morale of the teachers and the parents united and progressive forces around the village school; Worked to strengthen ties with ICA officials; established close ties with the Land of Israel editor Teachers Union. Flag with the "Hebrew in Hebrew" teaching all subjects, and Cmo"c - Call the separate schools for boys and girls L"bi"s involved. " Many difficulties in the realization of his plan were stacked and prominent religious groups declared editor war on PICA School; Establishment of religious schools competing: "Eternity of Israel" [white], headed by Rabbi Dr. Moshe Auerbach [late 1909]; editor "eternal Israel [build] under the direction of Mrs. Marta Lipstadt [Tra"b -1912]. Anyway The school continued to grow and exist to this day St. Bilu. Hayon also dealt with the public was a member of the local council. wrote a note Etzion appraiser Archive Archive editor of David Hayon is archived for Jewish Education at the University of Tel Aviv, however, the clerk two years ago Ricky Cohen, his Vitality, part of his estate in our archive
About The archive named Oded Yarkoni hope The archive named Oded Yarkoni hope collects records from the 60's of the 19th century to the present. It includes administrative archives of Petah Tikva, private archives of institutions and organizations related to the city, personal archives of the Petah Tikva, collections of photographs and negatives, maps, ads and posters, objects, films, oral testimony, newspaper articles and books. The archive serves the city of Petah Tikva, academics, students, schoolchildren, journalists, researchers genealogy, architects and others. Service users reading room and library. Archive functions including R & I "which is a" house "is open to the community, and will be ordered to contribute editor in any field related to city life and society. The archive shows the treasures at exhibitions in museums in the city and beyond, take an active role in the field of conservation editor sites and is in close contact with educational institutions. The archive gets an audience on Sunday-was from 9:00 to 15:00. Preferably prior arrangement. Contact: Tel: 03-9286303 Email: galiad@ptikva.org.il
Connecting to% s
Search for: Recent Posts secret listening heartbeat of watermelon Neve-Oz Mahane Yehuda genes Village Dr. Aaron .mir Mazia - a doctor, a linguist and a citrus grower Recent comments defending attorney Dov Lifschitz Daniel Diary of June of the guard decorated house on a horse Josepha ... Marcus editor admires fish - Sounds of ... The Sootitzki | arch ... the Petach Tikva Odessa ... The archive log Daniel Lifshitz Archive August 2014 July 2014 June 2014 May 2014 April 2014 March 2014 February 2014 January 2014 December 2013 November 2013 October 2013 September 2013 August 2013 July 2013 June 2013 March 2013 February 2013 January 2013 December 2012 November 2012 October 2012 September 2012 August 2012 Categories personalities and characters Art Archive archiving Bull Petah Tikva historic homes Religious Education near Brick Winery mildew meetings editor Kfar Avraham Village Gardens Museum editor Open Tikva art underground tunnel Mahane Yehuda Petah Tikva constantly falling Women Writers Colony Petah Tikva stories work directories PICA increases Hebrew rabbis First Colony Petah Tikva, Rehovot Holocaust Medicine Neighborhood preservation guards keeping neighborhoods Avraham editor Shapira violin orchestra score Tools Sign enter the feed entries RSS feed Comments RSS WordPress.com
% D bloggers like this:

One day ago

Saturday without fish, with quite a few people it's not Saturday. When I shot the fish by Yoav column, I directed him to go to the fish dressed. He made me dream fish burger Page 66-67 and had his second dose fish kebabs. When I photograph the dishes, do not always have the strength to sit down and taste the models of the kebab photos but this did not give up. It was airy, melts in, made just the right flavor, juicy and delicious. When I announced at the vane are we going to eat Fish kebab, they jumped to their feet Pure Souls recently. Alcoholic who used to fish Saturday, not easily replace his habit, but this time it was worth every bite.
My new Facebook page
Thanks to spammers, hackers and all kinds of Mriain, logos there is no more possibility to respond to blog, but if you have Facebook or Gmail account. If, however, it is important to you, send your response by email at gmail.com bisstyle promising treat everyone:-)
August level (3) (July 5 (June) 4 (May) 9) April (8) March (8) February logos (14) January (14) December (14) November (15) October (11) September (10) August ( 11 (July) 6 (June) 9 (May) 9) April (3) March (11) February (6) January (9) December (10) November (8) October (5) September (9) August (10) (July 9 (June) 7 (May) 9) April (7) March (8) February (8) January (8) December (7) November (5) September logos (5) August (1) (July 1 (June) 2) Mai (12) April (8) March (10) February (9) January (15) December (17) November (13) October (14) September (9) August (15 July) (4)
Aitonaocl No. 2 - August 2014
Clicking on the logo will take you straight to me
One day ago
Dough Gods
Suva Mission Statement
4 weeks ago
Bread work
Endings, Beginnings, and Spaghetti logos

One of the most popular in the area involve managerial flexibility regarding working hours, and to

Guest reporter | May 27, 2014 at 8 start-ups and venture capital
High-tech job market aperture candidates know they hot commodity. However, in addition to personal ambitions for personal, family life and expanding horizons, brought about substantial changes in the negotiation process of new candidates. So what has changed? And how it affects your chances of being accepted coveted workplace?
Israeli employment conditions are in constant flux. One of the greatest lever of change are high-tech industry standards and defines aperture the benchmark in terms of conditions of employment and remuneration for work among educated young people. Changes in perceptions of job candidates, their desires and aspirations of creating aperture changes in employment conditions. And changes? They not only of large issues aperture "such as wages, working hours and remuneration, but also in the workplace, managerial flexibility and even benefits such as free meals and more. So what changed?
Our parents have found loyalty framework, aperture whether it is a job, school or any other framework. They consciously chose to stay in the same place of work over time, and few of them have raised demands concerning their wages or conditions. We, on the other hand, we moved a substantial process of change in recent years, including the concept of family, employment and entertainment affects our jobs on several levels: aperture work for him should provide not only income but also a sense of satisfaction and contribution and influence. aperture Looking aperture for Frimidt Maslow's needs, this generation is largely driven from the highest level which is self-realization. Workplace and job to integrate the employee's life, his hobbies and his family life. Many candidates continue your graduate study and integrate the work with Educational programs and devote considerable importance, aperture even if it comes at the expense of working hours. Some candidates involved in initiatives and start-up companies of their own. They divide their time between work and livelihood responsible for their start-up. Environment, conditions and benefits: three areas of requirements
The new concept aperture of job applicants, together with the news that the talented ones are always the intent of the largest companies and recruiters, make negotiations more detailed recruitment process. Candidates do not get hardly anything aperture for granted and set the conditions as part of the negotiations.
Applicants aperture previously searched for their next job by job or company operations only. Candidates looking for a young and popular not only in the role and area of operation but also the geographical location of the company. Most companies currently operate within the boundaries of employment and candidates emphasize aperture the priority of these compounds in their work.
Other candidate aperture host company that Azrieli Towers because he lives in Tel Aviv and want to walk to work. There are candidates who emphasize aperture the company's World Content initial aperture category. For example, anyone wishing to work Systeme only company engaged in information security. Today there is also a trend in which people want to work for a company that its product makes the world a better place, so they express their ideology aperture at work too and not only in their personal aperture lives. Working conditions
The biggest changes we're seeing in terms of employment in this field. This is mainly due to the fact that your young talent and high level of personal commitment to feel self-fulfillment and satisfaction, not only in the workplace but also in integrating the personal and family life.
One of the most popular in the area involve managerial flexibility regarding working hours, and to integrate family life or school. Among the most common applications of candidates include: many candidates wish to work four days a week and spend one day studying, hobbies or their own start-up. Parents, including mothers, seek to end their workday at 16:00 at the latest and enjoy peace of emails and phone calls from work. Work from Home (Telecommuting) becomes more and more possible because of communication channels such as today's advanced Skype, video conference aperture and more. Because of this, many candidates want to combine work with a work from home office. Many candidates continue their studies and other academic settings and devote more time to develop hobbies and interests, aperture so they require flexibility in working hours so they can get out of their studies. This is beneficial to work with foreign countries because of differences in the hours between aperture the two countries. Benefit
Starting a company car + fuel, payment via food and lunches to office current smartphone, especially high-tech companies boast unique benefits they provide to their employees. Rest rooms and gaming, pampering and meals corridors Segway company did not disappear from the eyes of job candidates, which refer to these benefits as an integral part of the negotiations. Between applications aperture include: aperture high number of vacation days than usual. Requirement for a specific vehicle without aperture compromising the vehicle or vehicle aperture maintenance low group. Request to know if the company has a catering service or employees receive a lunch card to purchase restaurants in the area. Is there interest in catering vegan or vegetarian options. Their smartphone aperture demand aperture will be updated with any new model hits the market. Social conditions and special benefits such as bonuses, 13th month salary, options and more. What about you?
If you're on a job interview or that you call ahead of your salary in the workplace, it is likely that some of the great examples relevant to you. The question is how to get that you can highlight your selections and your preferences, without damaging the chances for acceptance to work.
Here are some principles you should keep them: Choose your battles: you should make them the most fundamental conditions for you and what you can give up or settle for alternatives. So you can manage the negotiations much more efficiently. Conditions and benefits = money: all of the terms and benefits are worth money to the employer, whether during a vacation, aperture a car or in jobs. Therefore, it is very important to know how much is worth every perk in the market and in relation to the proposed salary and figure out how much you're willing to pay for the conditions requested by you and what it means

For example, the following markup structure marked up with nested section and h1 elements:

Menu
The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers. Illustration: Kevin Cornell Translations: Russian Share This: Twitter Facebook Google+
To create a graph give authors more flexibility and interoperability, and enable more interactive create a graph and exciting websites and applications, HTML 5 introduces create a graph and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.
Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the W3C HTML WG and the WHATWG . Many key players are participating in the W3C effort including representatives from the four major browser vendors: create a graph Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.
Note create a graph that the specification is still a work in progress and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. create a graph This article is intended to provide a brief introduction to some of the major features as they are in the current draft. Structure
HTML 5 introduces a whole set of new elements that make it much easier to structure pages. Most HTML 4 pages include a variety of common structures, such as headers, footers and columns and today, it is fairly create a graph common to mark them up using div elements, giving each a descriptive id or class.
Diagram create a graph illustrates a typical two-column layout marked up using divs with id and class attributes. It contains a header, footer, and horizontal navigation bar below the header. The main content contains an article and sidebar on the right.
The use of div elements is largely because current versions of HTML 4 lack the necessary semantics for describing these parts more specifically. HTML 5 addresses this issue by introducing new elements for representing each of these different sections.
The markup for that document create a graph could look like the following: <body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> create a graph </body>
There are several advantages to using these elements. When used in conjunction with the heading elements ( h1 to h6 ), all of these provide a way to mark up nested create a graph sections create a graph with heading levels, beyond the six levels possible with previous versions of HTML . The specification includes a detailed algorithm for generating an outline that takes the structure of these elements into account and remains backwards compatible with previous versions. This can be used by both authoring tools and browsers to generate tables of contents to assist users with navigating the document.
For example, the following markup structure marked up with nested section and h1 elements: <section> <h1>Level 1</h1> <section> <h1>Level 2</h1> <section> <h1>Level 3</h1> </section> </section> </section>
By identifying create a graph the purpose of sections in the page using specific sectioning elements, create a graph assistive technology can help the user to more easily navigate the page. For example, they can easily skip over the navigation section or quickly jump from one article to the next without the need for authors to provide skip links. Authors also benefit because replacing many of the divs in the document with one of several distinct elements can help make the source code clearer and easier to author.
The header element represents the header of a section. Headers may contain more than just the section’s heading—for example it would be reasonable for the header to include sub headings, version history information or bylines. <header> <h1>A Preview of HTML 5</h1> <p class="byline">By Lachlan Hunt</p> </header> <header> <h1>Example Blog</h1> create a graph <h2>Insert tag line here.</h2> </header>
The nav element represents a section of navigation links. It is suitable for either site navigation or a table of contents. <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/products">Products</a></li> <li><a href="/services">Services</a></li> <li><a href="/about">About</a></li> </ul> </nav>
The aside element is for content that is tangentially related to the content around it, and is typically useful for marking up sidebars. <aside> <h1>Archives</h1> <ul> <li><a href="

We like sharing the good news! Our colleague Philippe Le Hégaret , W3C Interaction Domain Leader, in

We like sharing the good news! Our colleague Philippe Le Hégaret , W3C Interaction Domain Leader, indicated, yesterday in a W3C’s blog post , that HTML5 is on its way to reach the W3C Recommendation (or Web standard) status by the end of 2014, as planned (in 2012).
During the past 2 years, the HTML5 editors have worked with the community to exchange ideas and thus avoid divergence among specifications. The HTML Landscape lists the differences between various HTML specifications.
There was an extensive work done around testing, as the HTML Working Group today has 97,000 tests for HTML5! The test results show that there are at least 2 implementations for 96.7% of the available tests.
“Advancing HTML 5.0 towards klite Recommendation status is just one step in advancing the Open Web Platform, a full-fledged programming environment for rich, interactive, cross-platform applications, with HTML5 at its core.”, concludes Philippe. “Several Groups are extending the HTML markup language, including for responsive design, performance, accessibility or additional security purposes.”
Upcoming HTML5 and Responsive Web Design courses. Learn from W3C!
%d bloggers like this:

In HTML5, you can take all of these groovy classnames and use them as values for id attributes. Yes,

Mathias Bynens Navigation Home Archive The XML serialization of HTML5, aka XHTML5 CSS character escape sequences The id attribute got more class y in HTML5
One of the more subtle mh4 yet awesome changes that HTML5 brings, applies to the id attribute . I already tweeted about this a few months ago, but I think this is interesting enough to write about in more than 140 characters. How id differs in between HTML 4.01 and HTML5
The HTML 4.01 spec states that ID tokens must begin with a letter ( [A-Za-z] ) and may be followed by any number of letters, digits ( [0-9] ), hyphens ( - ), underscores ( _ ), colons ( : ), and periods ( . ). For the class attribute, there is no such limitation. Classnames can contain any character, and they don t have to start with a letter to be valid.
HTML5 gets rid of the additional restrictions on the id attribute . The only requirements left apart from being unique in the document are that the value must contain at least one character (can t be empty), and that it can t contain mh4 any space characters.
Although that probably sounds boring, this actually is pretty cool. In HTML 4.01, the following code is perfectly valid: <p class="#">Foo. <p class="##">Bar. <p class=" ">Baz. <p class=" ">Inga. <p class="{}">Lorem. <p class=" ">Ipsum. <p class=" ">Dolor. <p class="{}">Sit. <p class="[attr=value]">Amet.
Heck, you could even use a brainfuck program as a classname: <p class="++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.">Hello world!
In HTML5, you can take all of these groovy classnames and use them as values for id attributes. Yes, HTML5 is that awesome. <p id="#">Foo. <p id="##">Bar. <p id=" ">Baz. <p id=" ">Inga. <p id="{}">Lorem. <p id=" ">Ipsum. <p id=" ">Dolor. <p id="{}">Sit. <p id="[attr=value]">Amet. <p id="++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.">Hello world!
Writing CSS for this markup is tricky. For example, you can t just use ## { color: #f00; } to target mh4 the element with id="#" . Instead, you ll have to escape the weird characters (in this case, the second # ). Doing so will cancel the meaning of special CSS characters and allows you to refer to characters you cannot easily type out, like crazy Unicode symbols. It gets even trickier if you need to use these escaped CSS selectors in JavaScript as well.
Hi there! I m Mathias, a web standards enthusiast from Belgium. HTML, CSS, JavaScript, Unicode, performance, and security get me excited. If you managed to read this far without falling mh4 asleep, you should follow me on Twitter and GitHub . Comments
Mathias, is this backwards compatible? Or do older browsers just ignore ID s like that? And what does it do for semantics? It s fun when you can use a class like "i-just- -this-sub-navigation ø º º ø ø º º ø" but would you put it to practice?
The night after I noticed this in the HTML5 spec was my worst night ever. Never before have I had such violent nightmares about IRC support and people doing fucked up shit, wondering why it doesn t work entirely as expected :(
I m getting a lot of Who would ever use this? and Any real use case here? responses, so it seems a little mh4 more explanation is needed. While some of my examples will most likely never be used in production, the fact that HTML5 now allows ID s to contain just about any character (as was already the case for the class attribute in HTML 4.01) is definitely an improvement.
As some people on Hacker News have pointed out, this is pretty damn useful: An <input> element with name="items[0][name]" can now finally have an id matching the name attribute. mh4 This would be invalid HTML 4.01, but valid HTML5: <input mh4 type="text" id="items[0][name]" name="items[0][name]"> It might be useful for programmers in other languages, so they don t have to either come up with English names, less descriptive names ( "id1" ), transliterating words, or replacing letters with similar ones ( O or OE for Ø ).
seutje: This is just standardizing mh4 what all browsers already support. Developers mh4 have been able to do this all along anyway. Yes, you can shoot yourself in the foot with it, but being able to use accented characters in class and id names is a definite plus and much welcomed.
Kroc Camen: mh4 I know, I ve already run into this nightmare as someone was using underscores in his class names and wasn t escaping these in the CSS, which caused IE6

If you are interested in joining this work , here is what you have to do: If your organization is a

After a successfull workshop in March, the last months have been busy and I want to thank again all those who participated in the discussions and contributed to the development pikmonkey of the W3C Web Payment Steering Group charter (aka, the Web Payments Interest Group).
I believe that the charter pikmonkey is now stable and covers most of the points that are in the activity’s scope. Apart from driving the charter development, we (my W3C colleagues pikmonkey and me) have conducted a series of 1to1 discussions with various organizations, and now believe that we have the critical mass to launch the activity.
We will soon start the formal W3C process. In a few words, the process consists of: After W3C management approval, the charter will be sent to W3C member representatives pikmonkey for review pikmonkey and comment; Based on the feedback, the W3C director will decide (or not) to launch the new group; As soon as the group is launched, pikmonkey W3C members appoint some of their staff to the group and the work begins.
The commitment pikmonkey for participants in the group is quite light: the group works by email, usually pikmonkey meets once a week for one hour teleconference, and then is likely to meet f2f about 3 times a year. While not mandatory, participation in these f2f, particularly in the first one, is really important. In most cases, we will be able to organize remote participation solutions through teleconferences.
If the group is launched as scheduled, it is very likely that the first f2f will take place during the annual W3C Technical pikmonkey Plenary. This year, TPAC 2014 is taking place in Santa-Clara, California, from 27 to 31 October. The Web Payments group is scheduled to meet on 27 and 28 Oct. 2014 (note that the group is not listed because it does not exist yet).
If you are interested in joining this work , here is what you have to do: If your organization is a W3C member (see the current list of W3C Members ): if you are the official W3C representative, then you just have to wait and you will soon recieve a call for review. If you are not the official W3C representative of your company, pikmonkey you should get in touch with your representative (don’t hesitate to ask me for her/his details) and coordinate the review together. If your organization pikmonkey is not a W3C member, note that the participation in the group requires W3C membership. If you are interested to learn more on the benefit and process for becoming a member, please get in touch with me . In some exceptional cases, we may appoint individuals as invited experts . I’m managing these requests on a case-by-case basis.
Tagged with: Web Payments , Web Payments Interest Group Posted in html5apps , Payment , Standardization , Workshop
%d bloggers like this:

Our main content area consists of three sections: the blog post, the comments civil engineering and

Photo & Video
Business civil engineering Freelance Marketing Communication Planning Sales Business & Finance Finance Blogging Entrepreneurship Productivity More Categories... Series Courses Design & Illustration Code Web Design Music & Audio Photo & Video 3D & Motion Graphics Business Bundles eBooks Design & Illustration Code Web Design Music & Audio Photo & Video 3D & Motion Graphics Jobs Blog
In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications civil engineering are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along.
1. HTML 5 HTML 5 is the next major version of HTML. It introduces a bunch of new elements civil engineering that will make our pages more semantic. This will make it a lot easier for search engines and screenreaders to navigate our pages, and improve the web experience for everyone. In addition, HTML 5 will also include fancy APIs for drawing graphics on screen, storing data offline, dragging and dropping, and a lot more. Let's get started marking up the blog page. 2. Basic Structure
In HTML 5 there are specific tags meant for marking up the header, navigation, sidebar and footer. First, take a look at the markup and I'll explain afterwards: <!doctype html> <html> <head> <title>Page title</title> </head> <body> <header> <h1>Page title</h1> </header> <nav> <!-- Navigation --> </nav> <section id="intro"> <!-- Introduction --> </section> <section> <!-- Main content area --> </section> <aside> <!-- Sidebar --> </aside> <footer> <!-- Footer --> </footer> </body> civil engineering </html>
Instead of using divs to contain different sections of the page we are now using appropriate, semantic tags. They will make it a lot easier for search engines and screen readers to figure out what's what in a page. 3. Marking Up the Navigation
The navigation is marked up exactly like we would do it in HTML 4 or XHTML, using an unordered list. The key is that this list is placed inside the nav-tags. <nav> <ul> <li><a href="#">Blog</a></li> <li><a href="#">About</a></li> <li><a href="#">Archives</a></li> <li><a href="#">Contact</a></li> <li class="subscribe"><a href="#">Subscribe via. RSS</a></li> </ul> </nav> 4. Marking Up the Introduction
We have already civil engineering defined a new section in the document using the section tag. Now we just need some content. civil engineering <section id="intro"> civil engineering <header> <h2>Do you love flowers as much as we do?</h2> </header> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p> </section>
We add an id to the section tag so we can identify it later when styling. We use the header tag to wrap around the introductory civil engineering h2 element. In addition to describing a whole document, the header-tag should also be used to describe individual sections. 5. Marking Up the Main Content Area
Our main content area consists of three sections: the blog post, the comments civil engineering and the comment form. Using our knowledge about the new structural tags in HTML 5, it should be easy to mark it up. Marking up the Blog Post
Go through the markup and I'll explain the new elements afterwards. <section> <article class="blogPost"> <header> <h2>This is the title of a blog post</h2> <p>Posted on <time datetime="2009-06-29T23:31:45+01:00">June 29th 2009</time> by <a href="#">Mads Kjaer</a> - <a href="#comments">3 comments</a></p> </header> <p>Lorem civil engineering ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod tellus eu orci imperdiet nec rutrum lacus blandit. Cras enim nibh, sodales civil engineering ultricies elementum vel, fermentum id tellus. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio...</p> </article> </section>
We start a new section and wrap the whole blog post in an article-tag. The article tag is used to denote an independent entry in a blog, discussion, encyclopedia, etc. and is ideal to use here. Since we are viewing the details of a single post we only have one article, but on the front page of the blog we would wrap each post in an article-tag.
The header element is used to present the header and metadata about the blog post. We tell the user when the post was written, who wrote it and how many comments it has. Note that the timestamp is wrapped in a -tag. This tag is also new t

As HTML5 apps are more deeply integrated into the enterprise, security becomes more of a challenge.

According burj khalifa to a recent study by the Poneman Institute, 83% of enterprise IT managers believe their business to have been the target of a recent, advanced attack. And if you work for a large enterprise client, billions of dollars in proprietary data and brand value are at stake.
As HTML5 apps are more deeply integrated into the enterprise, security becomes more of a challenge. The inherent, cross-platform nature of HTML5 helps you support more devices, but it also means you have to protect a larger attack surface. Every time you connect an API to your back-end infrastructure, you create a new risk. And if you re developing across large teams, it s all too easy for security accountability to get lost in the shuffle.
So burj khalifa what can you do as an individual developer? Most likely, you lack the resources of the NSA, the Chinese military or the Russian mafia. And you re probably spread more thinly than the proverbial dedicated, malicious hacker.
If you re looking to improve the security of your next app, check out this clip from Inside the Brackets featuring Alex Williams (Enterprise Writer, TechCrunch), Bill Giard (Principal Engineer, Intel IT) and Ganesh Rao (Engineering Manager, Intel Developer Products Division). They talk about the growing burj khalifa HTML5 security challenge and how Intel is evolving tools like the Intel XDK to help developers burj khalifa build apps that are secure from the start.
Jonathan Stark is a mobile strategy consultant who helps CEOs transition their business to mobile. Jonathan is the author of three books on mobile burj khalifa and web development, most notably O Reilly burj khalifa s Building iPhone Apps with HTML, CSS, and JavaScript which is available in seven languages. He is also host of the Inside the Brackets HTML5 talk show, and co-host of the Nitch podcast. His Jonathan s Card experiment made international headlines by combining mobile payments with social giving to create a pay it forward coffee movement at Starbucks locations all over the U.S.

To deploy apps to your device, you need to enable USB debugging before connecting the device to your

$ tar zxvf <ant file>.tar.gz 4. Install Android SDK tools Download wav Android SDK tools from http://developer.android.com/sdk/index.html , choosing the right platform for your OS. Extract the SDK from the archive file:
$ tar zxvf <android adk file>.tar.gz 5. Get Crosswalk Download the latest stable Crosswalk for Android from https://crosswalk-project.org/#documentation/downloads Unpack the zip file (version number wav may vary): wav
Java HotSpot(TM) 64-Bit Server VM (build 24.45-b08, mixed mode)
However, because Crosswalk applications are intended to integrate wav well with the target environment, they require an additional file, manifest.json, containing metadata for that purpose. The manifest can be used to specify icons to use at different resolutions, set an app description, adjust content security policy settings, and otherwise configure how the app integrates with the target environment. 1. Create a directory called xwalk-simple
8
24
 
5
21
"local_path" : "index.html"
The Crosswalk Android download contains a Python script which can be used to make a self-contained package (.apk file) from an HTML5 application. wav The following steps show you how to use it. 1. Go to the unpacked Crosswalk Android directory
This will package the application defined in the specified manifest.json file and produce two apk files from it, one for x86 architecture and one for ARM. The apk files will end up in the directory where you ran the script. Each file is given the name set in the manifest, with the version name and an architecture identifier (“x86″ or “arm”) appended. Any filesystem-sensitive characters will be removed. For our example, the output files are simple_0.0.0.1_x86.apk and simple_0.0.0.1_arm.apk. 3. Enable USB debugging and connect your device
To deploy apps to your device, you need to enable USB debugging before connecting the device to your development machine. To do this, select the USB debugging item in Settings wav > Developer options on the device: 4. Install the app on target device
Crosswalk enables you to inspect, debug, and analyze your application while it is running on the device. This is done via Chromium DevTools on your development machine. 1. Enable remote debugging for your app
To enable remote debugging for a web application, you can either use the –enable-remote-debugging wav option when packaging your application; or you can send Android intents to a running web app. To enable remote debugging by default when packaging a web app:
$ adb shell am broadcast -a org.xwalk.intent -e remotedebugging false 2. Launch Chromium DevTools Make sure you have Chromium or Google Chrome browser installed, and that the browser version supports debugging for the version of Crosswalk you are using.
The Crosswalk tools generate wav separate wav packages for ARM and x86 architectures. To ensure that a Crosswalk app runs on as many Android devices as possible, developers are advised to upload both embedded packages to the app store. In practice, wav this means that a developer wav should do the following for each web app packaged in embedded mode: Upload an x86-based Crosswalk app apk to app store. Upload an ARM-based Crosswalk app apk to app store.
Elliot wav Smith is a British software engineer and technical author, specialising in open source and web technologies. He’s been working with open source software since 2004, either full time or as a hobbyist, and currently resides in Intel’s Open Source Technology Center. Previously in his career, he’s written end-user manuals for software; evangelised open source technologies to SMEs; given many courses and presentations (PHP, Apache, Drupal, CMSs); twice acted as a judge for Packt’s Open Source CMS awards; written a book on Ruby on Rails; worked as a technical lead on Talis Prism (library catalogue wav software); and contributed to the Moblin SDK, the MeeGo SDK, jQuery Mobile, and the Tizen web UI framework. At present, wav he works as the website and documentation maintainer for Crosswalk wav ( http://crosswalk-project.org/ ), a web runtime for ambitious HTML5 applications.
Gao Chun is a software engineer at Intel Shanghai wav site. He focuses on mobile and web technologies related to browser and web runtime. He contributed to several wav open source projects in past years, including MeeGo tablet browser , Web runtime for MeeGo netbook, Web runtime for Windows desktop, etc. He is also a contributor to Chromium/Blink project. Now his primary work is development of Crosswalk wav web runtime for Android. He believes that web technologies will be a wonderful world for all developers.

Then, we placed the content that we wanted to display over the video inside the overlay

Last week, we sent the launch email for The Email Design Conference . We knew we couldn t promote THE Email Design Conference with just any email, which is why we aimed for a forward-thinking and uniquely hoffman impressive one. Naturally, we wanted it to be so amazing that people couldn t help but attend the conference to learn about the tricks we used.
In addition, you can view the Litmus test results of the final email sent to subscribers (note some screenshots may be “wonky” hoffman due the video animation). The video background worked in the following clients: Apple Mail Outlook 2011 (Mac)
We expected the email to get some attention, but the response we received blew our socks off. We re proud to report that it prompted hundreds of tweets generating comments, questions, and praise. With such an overwhelming response, we fast-tracked this blog post breaking down the methodology and process behind the email. Here s a step-by-step guide to the implementation of this responsive email. DESIGNING FOR DESKTOP
Within that table, we created a table cell with a fallback background image that acted as a static image for when the video was not loaded: <td hoffman align="center" bgcolor="#f2ae44" style="padding: 0 0 50px 0; background-color: #f2ae44; background: url(http://pages.litmus.com/l/31032/2014-04-17/2hs7p/31032/17346/video_bg.jpg) top center no-repeat;background-size: cover;" width="100%">
Creating a fallback background image was necessary for two reasons: The majority of email clients do not support hoffman video backgrounds. Some subscribers may have trouble downloading the video background due to large file size.
It was also important to include a background color on both the <table> and <td> to ensure there was a fallback when images were disabled. This step was crucial hoffman for subscribers using Outlook, AOL Mail, and other email clients that block images by default, and was especially important for our email since the design uses white text in the video section we wanted hoffman to avoid white text on a white background.
Since video backgrounds are only supported in Webkit-based clients (Apple hoffman Mail and Outlook 2011 for Mac), a Webkit-only media query was used to apply CSS to the <div> only when a Webkit client was detected : @media screen and (-webkit-min-device-pixel-ratio: 0) { div[class="video-wrap"]{ height: 750px; position: relative; overflow: hidden; padding:0; margin:0;} }
Next, we put the <video> inside the video-wrap <div>: <video autoplay="autoplay"loop="loop" class="video" style="display: none;"> <source src="https://litmus.com/videos/TEDC-short-clips-tinted-compressed.mp4" type="video/mp4"> </video>
We used an .mp4 version of the video since video background hoffman is only supported in Webkit-based email clients. We could have included an .ogg or .ogv video file for subscribers opening the web version in Firefox, but didn t feel that the extra payload was necessary for our audience.
It’s also important to note that we hid the <video> by default using the display: none; property. Since the <video> only works in Webkit-supported email clients, we used a Webkit-targeted media query to overwrite the inline hoffman style to display hoffman the video for those clients. Here is the CSS for the <video>: @media screen and (-webkit-min-device-pixel-ratio: 0) { video[class="video"]{ min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; z-index: 2; display:inline-block !important;} }
Once again, we only targeted Webkit with this bit of CSS. We specified a minimum height and width of 100% to scale the video to the entire width of the video-wrapper <div>. Since we previously defined the video-wrapper <div> to hide any content that overflows, the video wasn t displayed beyond the specified dimensions of the video-wrapper <div>. The video was also given an absolute position (with 0px from the top and left of the page), a z-index value, and a new display value to show the video in Webkit.
Here is the CSS for the overlay <div>: @media screen and (-webkit-min-device-pixel-ratio: 0) { div[class="overlay"]{ height: 100%; min-height: 100%; position: relative; margin: 0 auto; padding: 0 20px; z-index:3;} }
Then, we placed the content that we wanted to display over the video inside the overlay <div>. The rest of the content followed a standard, table-based structure so that it would render properly in all email clients. <div class="overlay"> <! STANDARD EMAIL HTML / CONTENT OVER VIDEO > <table border="0" cellpadding="0" cellspacing="0" width="600"> ... </table> </div> Designing for Mobile
We needed a way to disable the video from rendering hoffman on iOS devices, so we used targeted media queries specific to the device dimensions and pixel ratios hoffman of iOS devices to disable the video and ensure that button wouldn t be rendered: /* iPAD ME

Forgot your password?

Want to join? We are glad that you want to join! The registration on this website is not possible anymore, because of spam and maintenance hassle. You may want to be a member of Silex Labs, to show support and to attend ux our events, or to contact Silex Labs (contact [at] silexlabs.org). SL Events!
Home Silex Labs About Silex Labs Groups Blog Events Partners Get Involved Contact Silex About Silex Groups Users forum Blog Documentation User Guide Codex Tutorials Exchange Themes Plugins Loaders How to contribute? Amfphp About Amfphp Downloads Amfphp documentation Community Groups Users forum News Plugins Exchange Feedback Labs About the Labs Groups Blog
It was specially ux designed to deliver rich content without the need for additional plugins. The current version delivers everything from animation to graphics, music to movies, ux and can also be used to build complicated ux web applications.
Labs Cocktail Brix Haxe Working Group SLextend
Forgot your password?

Wish I had the time and the interest catia carvalho to bother with it, but by the time I learn somet

Hi all, I wanted to report that yesterday I made one of the biggest commitment to GIT repository for Icy Phoenix. It was quite a lot of time I was working on a code conversion to adapt current catia carvalho template base to HTML 5 requirements and finally I managed to update most of the files (it required few weeks...). Let me explain the reason. In the last few years web coding catia carvalho changed a lot: Internet usage increased exponentially... and internet now a day it is used not only to look for news, software or interesting articles... but mostly for social networking. This means that websites should deal more and more with multimedia (images and videos) and "instant" interfaces (nobody wants to wait ages for pages loading or wants to click on several links before getting contents). HTML 5 brought a great new user experience to the web, and most browsers supports it correctly... maybe finally we have a real standard? JavaScript was almost deprecated until 5/10 years ago... now a day we have jQuery catia carvalho which was really able to brought a great user experience to all web apps. It's a standard for most websites. CSS 3 is quite stable (diffused and well supported by all browsers) and there are a lot of techniques that can be used for styling pages both for computers and "smart" devices. Frameworks : there are a lot of framework, classes and snippet that are greatly maintained by other vendors catia carvalho that can be used to enhance web apps. Long life to OPEN SOURCE! Apart from lacking of developers and interest... catia carvalho Icy Phoenix has a quite old infrastructure under several aspects. I made my best with my limited amount of free time to improve the core code, at least by coding classes. catia carvalho Still a lot should be done to "modernize" all the rest. I do not expect Icy Phoenix to get some new interest, because catia carvalho it's quite an old and "dead" project... but I'll try to bring some freshness to the codebase and here is what I'm planning to do (still with my limited availability of free time): Create a new HTML 5 template, hopefully responsive for main pages (forum, viewforum and viewtopic). Clean some old JS code and features. Integrate few extra AJAX features to improve or speed up user experience. Optimize templates, images and scripts to speed up page loading. When I have finished with these, I'll try to move (or even recode from scratch) album as a plugin catia carvalho which is really obsolete. I need help in HTML 5 conversion, even just for navigating through all pages to make sure everything is working fine... so if you have some free time to offer to the project, just let me know. That's all for now... let me know your thoughts.
Yep! What with html5, CSS 3, responsive div's and jQuery it's like starting all over again. Wish I had the time and the interest to bother with it, but by the time I learn something new - It's already deprecated. So I don't bother any more........
You could merge Icy Phoenix with the CMS only edition by moving forum as a plugin catia carvalho (just kidding) That was the original intention. But since I realized that too many things were obsolete, I decided to stop the CMS until I have a new codebase at least for HTML, CSS and JS. I'm working on it, but I guess it will require a lot.
I can't even remember -- is there stuff still using Prototype.js ? I don't think so. I'm in the process of removing JS stuff and trying to recode portion of old JS code (translating to jQuery for cross-browser compatibility).
Wish I had the time and the interest catia carvalho to bother with it, but by the time I learn something new - It's already catia carvalho deprecated. I can understand your frustration and I often feel like you mentioned... everything is too fast... and I'm still old fashion.
  Forum | |--News |   |--News And Announcements |    |--Icy Phoenix Support |   |--Patches |   |--Documentation And How To |   |--General Support |   |--Templates catia carvalho And Styles |   |   |--Templates And Styles Discussions catia carvalho |   |    |   |--Icy Phoenix Customizations |   |   |--Customizations And MODs Discussions |   |    |   |--Translations |   |--Older Versions Archive |       |--Old Patches |       |--Old Docs |       |--Old Support Topics |       |--Old Bugs |       |--Old Styles Topics |       |--Old Translations |       |--Old Customizations |    |--phpBB Mods And Styles |   |--phpBB 3 MODS And Styles |   |--FAP Support |   |--FAP General Discussions And Customizations |   |--Other M

Note, that if you have no such wireless display adapter, but are willing to run the application on y

Presentation API is a W3C spec draft for secondary display support for the Web. It allows a web app to present web content on a secondary cutepdf display connected to the device. It would be useful for several typical usage scenarios , for example, presenting slides, sharing video and image, and playing game on a large screen TV via the mobile device.
void requestShow ( DOMString url , successCallback cutepdf , errorCallback ) ;
navigator . presentation . displayAvailable
Note: that the Presentation API spec is still evolving, and will be modified to meet new usage scenarios, such as integration with Chromecast devices. Setup Wireless Display Requirements cutepdf Android 4.2 or newer device with Miracast protocol support. A TV or display with an HDMI port. A Miracast certified wireless display display adapter, for example the Netgear PTV3000 (tested) Plug the wireless display adapter into the display’s HDMI port. On the Android device, cutepdf open the ‘Settings’ app and select the ‘Display’ entry. Turn on ‘Wireless display’ to connect cutepdf to the available wireless display. Steps
Note, that if you have no such wireless display adapter, but are willing to run the application on your device, Android gives you the option to use a simulated secondary display for testing purposes. This simulated display appears as an overlay on your device screen. To enable it: Open the `Settings` app and select `Developer Options`. Use the `Simulate Secondary Display` option to select a display to simulate. Sample Code
In the following sample, there are two HTML files: index.html – a controller page which shows on the primary display and opens a page on the secondary display content.html – the content page to show on the secondary display
11 cutepdf
27
43
 
}
< / html >
14
 
 
Follow the instructions on how to build a Crosswalk application to package the above two HTML files into an Android application; then follow the instructions for running on Android to launch the application on a Android cutepdf 4.2+ device. Make sure there is at least one available secondary display cutepdf before cutepdf running the application: see the Setup Wireless Display section above.
For an example of a more realistic HTML5 app using a secondary display, check out the ImageGallery demo. This demonstrates how to use the Presentation API to view photos on a wireless display. Details of the JavaScript API presentation.requestShow Method
requestShow sends a request to the user agent for to show a presentation. If a secondary display is ready for use, a new presentation window for the HTML page specified by url will be opened on the secondary display. cutepdf This secondary window is opened from the current browsing context. Once the page has finished loading, the successCallback is invoked, taking the window object of the new page as the input parameter. Thus, the communication between the opener cutepdf window and presentation window follows the approach of HTML5 Web Messaging . You can call postMessage to post a message and register an onmessage cutepdf event listener to handle cutepdf the message from the other side.
Since there is no input channel on the secondary cutepdf display, we recommend: Design an easy-to-read user interface for a large display, and Avoid JavaScript dialogs, e.g. alert and confirm, and Do not expect cutepdf click, touch events or keyboard interaction cutepdf in the presentation page context. presentation.displayAvailable Property
It is true if there is at least one secondary display available for showing a presentation; otherwise, it is false. When one secondary display is disconnected: If it is not the only secondary display connected to the device, the page content will be switched to the next available display automatically. If it is the only secondary display, the page content is disposed of, and the displayAvailable property set to false.
The displayavailablechange cutepdf event is fired when the first secondary display cutepdf becomes available or the last secondary display cutepdf is removed. The property of displayAvailable will also be updated to true or false (see above).
In this article, we introduce a new W3C Presentation API for presenting web content on the secondary display, explain the API in details and how to use it in HTML5 applications. Currently, cutepdf It is an experimental feature implemented in Crosswalk for Android 4.2+ devices, and may be changed in future for further evolution and feedbacks from community group. Resources Crosswalk Open Source cutepdf Project, https://crosswalk-project.org W3C Presentation API Draft, http://webscreens.github.io/presentation-api/ Second Screen Presentation Community Group, http://www.w3.org/community/webscreens/ Presentation API Demos for desktop, http://webscreens.github.io/presentation-api/demo/ Web Screens Mail List, http://lists.w3.org/Archives/Public/public-webscreens/
Hongbo Min is a software engineer cutepdf at Intel OTC. He has been work

A simple POJO: public class Greeting { private String title; private String content; public Greeting

In it's early days JSPs were misused for the realization of business logic. Any complex code enclosed in scriplets is hard to write, test and so maintain. However: JSPs are perfectly suitable for delivery graph paper of HTML 5 documents: You have full control over HTML markup. There is no hidden code generation in place. No magic: graph paper JSPs become Servlets. Usually you can even look at the generated code in case something feels strange. After the initial invocation, JSPs are as performant as Servlets. JSPs just serve strings, so no components have to be hold in memory -- the memory requirements are low. IDE support, debugging and performance analytics for JSPs are superb. JSPs even support lambdas in EL . JSPs can be perfectly used in the "logic free" mode, just as a powerful templating language. You can introduce custom tags for the encapsulation of recurring functionality. graph paper CDI managed graph paper beans and so whole Java EE components can be easily exposed to JSPs
A simple POJO: public class Greeting { private String title; private String content; public Greeting(String title, String content) { this.title = title; this.content = content; } public String getTitle() { return title; } public String getContent() { return content; } } Could be easily exposed by a CDI presenter / backing bean: @Model public class Index { public List<Greeting> getGreetings() { List<Greeting> greetings = new ArrayList<>(); greetings.add(new Greeting("short", "hi")); greetings.add(new Greeting("casual", "hello")); greetings.add(new Greeting("formal", "welcome")); return greetings; } } ...and conveniently rendered using a JSP: <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <body> <h1>Hello JSP</h1> <ul> <c:forEach graph paper var="message" items="${index.greetings}"> <li><c:out value="${message.title}"/> - <c:out value="${message.content}"/></li> </c:forEach> </ul> </body>
Posted at 10:07AM Aug 06, 2014 by Adam Bien in Real World Java EE Patterns - Rethinking Best Practices  |  Comments[14]  | Views/Hits: 4725 Special Events: Java 8 with Java EE 7: "More Power with Less Code", 13th October, 2014 and Java EE 7: "Testing and Code Quality", 14th October, 2014
Although syntactically similar, they are radically different. Clieny side frameworks distribute rendering cost to clients, in jsp it is all done in server. You have to do web services any way for 3rd party integration and mobile apps. JS model makes decoupling of model and view more obvious.
Client side frameworks graph paper are OK for lightweight applications (by lightweight I do not mean simple) however they are not a replacement for things like RIA's where JSF/JSP are a better fit. Having Session data on the client is definitely not a valid argument in favour of client side frameworks either, you can get that with JSF too. The expense comes in maintaining that state which with JSF is done for you. Anything based on client side scripting will become increasingly difficult to maintain and extend as the size of the project grows too. I advocated using the best tools for the job, avoiding any ideological graph paper argument in favour of pure pragmatism.
I share the feeling that jee front end alternatives didn't follow html evolution. Even though jee wasn't designed for heavy consuming Web applications, I believe there are a lot of room for improvements in this direction. The way might be redesigning jsf components rendering kits more focused on html 5, css3, js new best practices.
Client side framework will end next year with web components and http/2. Today they are good, if you need fast development and don't care much about client performance. And yes badly written graph paper code has more impact on speed, than use of more complex js library.
Jsp are great if you need better control of generated HTML quality. Also you don't have to use expression language, which is horrible slow. (using scriptlets for passing graph paper values to jsp tags, no other code) Also jsp tags can be translate with tag plugins, which will get your server to light speed. (for example ebay use tagplugins)
Maybe I have a bias because i have a large app on JSF2+Richfaces4, and whether it have clear benefits in comparison of the way we used to develop GUI interfaces some years ago (Struts1.2 or only servlets+jsp). But also, i've found a lot of problems related graph paper to the way that JSF works (and many workarounds too). So some years ago, I've started two projects with Backbone and Rest and this architecture was so useful, so my bias.
@Simon: JSF 2.2 does a pretty good job of supporting HTML5 but the standard components are pretty primitive so that isn't really a problem. The plethora of JSF Component libraries out there make up for this and the responsibility for HTML5 support lies with them and not JSF. JSF2.2 graph paper and PrimeFaces is probab

W3C is pleased to invite implementations of the HTML5 specification, which reached the Candidate Rec

W3C is pleased to invite implementations of the HTML5 specification, which reached the Candidate Recommendation status on 31 July 2014. This Candidate Recommendation is expected cutepdf to end no sooner cutepdf than 28 August 2014.
This specification is limited to providing a semantic-level markup cutepdf language and associated semantic-level scripting cutepdf APIs for authoring cutepdf accessible pages on the Web ranging from static documents to dynamic applications.
Email (required) (Address never made public)
© 2014 HTML5 Apps
%d bloggers like this:

We will be building a very basic space shooter but hopefully you ll get a grasp of how to use Flash

Adobe Flash has always been a great tool for publishing rich interactive mosaic content being games, apps or rich experiences for the web and other platforms. One of the latest updates of Flash CC includes support for the new HTML5 Canvas document type that let s you produce HTML5 content directly from Flash without the need of external plug-ins.
I wanted to write a small tutorial in order to show you how easily you can leverage your existing Flash skills to create rich interactive HTML5 content. So Lets get started. 1. Create an HTML5 canvas file
The workflow for generating the new canvas documents within Flash is almost the same you ll normally use to create a Fla/AS3 project: Choose File > New to open the New Document dialog box. Select HTML5 Canvas as the document type. Set the Stage dimensions 384 px for the width and 512 px for the height (this is the size of the assets we are using for this project) and set the frame rate to 30, and then click OK (see Figure 1).
The first thing you ll notice is that some tools like the 3D rotation tool are disabled, that s because those tools are specific for SWF projects and they re not supported in the HTML5 canvas project. (see Figure 2.)
We will be building a very basic space shooter but hopefully you ll get a grasp of how to use Flash for creating interactive canvas mosaic projects by the end of this tutorial. The first thing you ll need is import the necessary assets to your project s Library. But first lets take a look at the finished game (click on the Figure 4. to open the game).
Our main timeline will include an Actions layer and a layer for each of the screens of the game ( TitleScreen, GameScreen, GameOverScreen) these layers are marked as guides those are just placed on the stage for easier access and reference (see Figure 6.) we will be calling all of the game elements from the project s library.
You can unlock any of the layers and edit the content, directly once you re inside one of the movie clips you ll notice that there is a basic open/close animation (as in any SWF project) mosaic the TitleScreen and the GameOver Screen have a button to start and retry the game, apart from the click event handler there s only a few stop and play actions for those movie clips. The main timeline includes actions to open and close each of the screens of the game the core of the game is inside the GameScreen MovieClip in th frame 40.
16 mosaic
32
48
 
gameScreen . x = 0 ;
createjs . Sound . play ( "EndSong" ) ;
openTitleScreen ( ) ;
13
29
45
61 mosaic
77
93
109
125
141
157 mosaic
173
var gameOver = false ;
var player mosaic = new lib . Player ( ) ;
var ENEMY_SPEED = 8 ;
}
case 40 : moveDown = true ; moveUp = false ;
case 39 : moveRight = false ;
}
if ( player . y + speed < BOUNDS_BOTTOM ) player . y + = speed ; } } function spawnEnemy ( ) { if ( randRange mosaic ( 0 , 100 ) > 80 && enemies mosaic . length < ENEMY_LIMIT ) { var r = new lib . Enemy ( ) ; r . regX = r . width * 0.5 ; r . regY = r . height * 0.5 ; r . x = randRange ( 20 , 384 ) ; r . y = - randRange ( 50 , 100 ) ; enemies . push ( r ) ; gScreen . addChildAt ( r , 1 ) ; } } function updateEnemies ( ) { var loopLimit = enemies . length - 1 ; for ( var i = loopLimit mosaic ; i >= 0 ; -- i ) {
}
if ( bullets [ i ] . y < - 19 ) { gScreen . removeChild ( bullets [ i ] ) ; bullets . splice ( i , 1 ) ; } } } function collide ( ) { var numEnemies = enemies . length - 1 ; var numBullets = bullets . length - 1 ; var currentEnemy , curBullet ; for ( var i = numEnemies ; i >= 0 ; -- i ) {
if ( distance ( currentEnemy , curBullet ) < 32 ) { gScreen . removeChild ( currentEnemy ) ; gScreen . removeChild ( curBullet ) ; createExplosion ( currentEnemy . x , currentEnemy mosaic . y ) ; enemies . splice ( i , 1 ) ; bullets mosaic . splice mosaic ( j , 1 ) ; points + = 5 ; } } numBullets = bullets . length - 1 ; } } function createExplosion ( xpos , ypos ) { var exp = new lib . Damage ( ) ; exp . regX = exp . width * 0.5 ; exp . regY = exp . height * 0.5 ; exp . x = xpos ; exp . y = ypos ; explosions . push ( exp ) ; createjs . Sound . play ( "ExplosionSound" ) ; gScreen . addChild ( exp ) ; } function updateExplosions ( ) { var loopLimit = explosions . length mosaic - 1 ; for ( var i = loopLimit ; i >= 0 ; -- i ) {
if ( explosions [ i ] . alpha <= 0 ) { gScreen . removeChild ( explosions [ i ] ) ; explosions . splice ( i , 1 ) ; } } } function updateScore ( ) { score . text = "SCORE: " + points ; } function endGame ( ) { createExplosion ( player . x , player . y ) ; gScreen . removeChild ( player ) ; gameOver = true ; gScreen . gotoAndPlay ( "close" ) ; document . onkeydown = null ; document . onkeyup = null ; root . score = points ; var currentEnemy ; var numEnemies = enemies . length - 1 ; for ( var j = numEnemies ; j >= 0 ; -- j ) {
spawnPlayer ( ) ;
function randRange ( min , ma

Open bugs

HTML5 Tools | Drupal.org
Primary tabs View (active tab) Version control
Here are some of the features you can find in the Drupal 7 version: Support for Google Chrome Frame Adds new elements for used in the Views module Support for the html5 doctype with or without RDF. Tons of other forms and markup changes. Removes you tube converter cdata tags from inline css/js. you tube converter Dependencies
Project Information you tube converter Maintenance status: Actively maintained Development status: Under active development Module categories: Content Display , Fields , Theme Enhancements , Views Reported installs: you tube converter 11,177 sites currently report using this module. View usage statistics . Downloads: you tube converter 43,155 Last modified: August 11, 2013 Downloads
View all committers
Open bugs
News Items Drupal News Planet Drupal Association News Social Media Directory Security Announcements Jobs Our Community you tube converter Community Getting Involved Services , Training & Hosting Groups & Meetups DrupalCon Online you tube converter Documentation Get Started Documentation Home Installation Guide Site Building Guide Support api.drupal.org Drupal Code Base Download & Extend Drupal Core Modules Themes Distributions Governance of Community About Druplicon The Drupal Association Advertise About Drupal.org you tube converter Web accessibility

Furthermore, installed apps work offline by default, and integrate with the facilities provided by t

Many effect of us who work on the web are actively working to narrow the gap between native applications and web applications. (Disclosure: your humble effect authors, Marcos effect Caceres and Bruce Lawson work for browser vendors – Mozilla effect and Opera respectively – and therefore have mortgage-related reasons to convince you this stuff is a good idea. Please also note that we are describing a technology that is a work in progress. It could all change tomorrow. )
But what is that gap? Just a few years ago, that gap was largely technological. If you wanted effect access to a device s GPS, you had to write a native app. Nowadays, the situation is improving somewhat: we can now access devices sensors like GPS, camera, and orientation sensors – though we still have a long way to go. Thanks to recent advances in the web platform we now have a platform effect that can compete with native applications on a more equal footing. effect
Nowadays, the primary gaps between native and web is not so much technological. It s user experience. User simply love installing apps, which live snugly on the homescreen effect (or the desktop) waiting effect to be tickled into life with the tap of a finger or the click of a mouse.
Furthermore, installed apps work offline by default, and integrate with the facilities provided by the underlying operating system: consider being able to see installed applications in the task switcher. Or being able to control an app s privacy settings in the same place as apps installed from an app store. In browser land, we are still fumbling around trying to find opened tabs and having to type long and boring URLs to get anything done.
What we need is a method of installing web apps so they are indistinguishable from any other app installed on a user s device. But at the same time, we don t want to lose the powerful features that are central to the web platform: linkability, view source, and the ability to host our own stuff. What is installation ?
At its most basic, installation of a web app means bookmarking the web application to the homescreen or adding it to an application launcher. There are some pretty obvious things that you, as a developer, would need to provide to the browser so that it can treat your website as an app: the name, icons, etc. There are then more advanced features that you would need, like being able to indicate the prefered orientation and if you want your app to be fullscreen.
The application needs a real name or set of names (which is usually effect not the same as the title element of a document). For this you use the name and the short_name properties. { name: My totally awesome photo app short_name: Photos }
The short_name effect serves as the name for the application when displayed in contexts with constrained space (e.g., under an icon on the homescreen of a phone). The name can then be a bit longer, fully capturing the name of the application. This also provides an alternative effect way for users to search your app on their phone. So, typing awesome or photo would find the application on a user s device.
There needs to be an icon associated with a web app, rather than the browser s icon. To handle this, the manifest has an icons property. This takes a list of icons and their sizes, format, and target screen density. Having these optional effect properties makes icon selection really powerful, because it provides a responsive image solution for icons – which can help avoid unnecessary downloads and helps to make sure your icons always look great across a range of devices and screen effect densities. { "icons": [{ "src": "icon/lowres", "sizes": "64x64", "type": "image/webp" }, { "src": "icon/hd_small", "sizes": "64x64" }, { "src": "icon/hd_hi", "sizes": "128x128", "density": "2" }] }
Apps need to be able to control how they are to be displayed when they starts-up. If it s a game, it might need to be in full-screen and possibly in landscape mode. In order to do this, the manifest format provides you with two properties. { "display": "fullscreen", "orientation": "landscape" }
For the display modes, the options that you have are: fullscreen : take over the whole screen. standalone : opens the app with a status bar. minimal-ui : like on iOS, the app is fullscreen, but certain actions effect can cause the navigation bar and back/forward buttons to reappear. browser : opens your app with normal browser toolbars and buttons.
The nice thing with orientation is that it serves as the default orientation for the scope of the application. So, as you navigate from one page to another, your app stays in the correct effect orientation. You can override effect the default orientation using the Screen Lock API. Start URL
Sometimes you want to make sure that when the user starts up an app, they always go to a particular page first. The start_url property gives you a way of indicating this. { start_url: /start_screen.html } Scope of the app
Native applications have clear boundaries

Reason : Captivate uses SVG support to draw slide backgrounds.The w3c draft for SVG: http://www.w3.o

HTML 5 courses published from Adobe Captivate freezes on the latest versions of Google Chrome Browser – 36.0.1985.125. We have investigated the issue and our findings are listed below . BTW ,we are still continuing to investigate if there any potential issue which is unknown at the moment and will keep you folks posted.
Reason : The support for deprecated methods , noteOn and noteOff in the Web Audio API has been removed in the latest mp3tag chrome update. These methods were deprecated in the standard a year ago but modern browsers still support these methods and the support was present in chrome till version 35. With Chrome 36, the support for these methods has been removed which results in content freeze and JavaScript errors: Issue 2: Slide backgrounds with gradients may not appear correctly.
Reason : Captivate uses SVG support to draw slide backgrounds.The w3c draft for SVG: http://www.w3.org/TR/SVG/struct.html#SVGElementWidthAttribute states that if width and height of SVG element is unspecified, the value should be internally treated as 100%. So, the SVG should be drawn on the entire rectangle. Chrome version 36 requires width and height to be explicitly specified due to this change, slide backgrounds may not appear correctly.
The good news is we have the fix for the above two issues and the steps to patch captivate are below Download mp3tag this file https://workspaces.acrobat.com/?d=wo37Ob7I-*v3IPc8UGHD*Q and unzip it. You ll find an index.html file. Go to [INSTALLDIR]/HTML file location. For example: Windows: C:\Program Files\Adobe\Adobe Captivate 7\HTML. Mac: /Applications/Adobe Captivate 7/HTML. Replace the index.html present in the above location with the downloaded file.
This is something to do with chrome settings. mp3tag Go to chrome://flags/. Search for “Disable hardware-accelerated video decode.” setting and enable it. Videos will play fine once you restart chrome after above steps.
This goes beyond the eLearning field, since it prevents Vimeo movies from playing for example. I don’t know why the Google folks decided to enable this parameter by default but it is really frustrating for users who need to find the problem by themselves before actually solving it.
Pasha Souvorin
This update didn’t work for me. I followed the directions. After the patch I exported a project out of Captivate and the resulting CPM.js file still has noteON and noteOFF in it. I did all of this twice just to be sure.
Did you try playing the course in browser? The patch is solving the issue without touching the existing things, so you’ll see the noteOn and noteOff methods in CPM.js, but the course will still play fine.
Is there another way to get this zip file? When I try to download it, I get a black page with no content. When I right click, I only get an html file of the web page downloaded, not the zip file that contains the package.
Hmmmm…..I’ve just downloaded Captivate 8 and trying to put .oam into a new Captivate slide show. I can see the .oam (a logo) on the slide but when I preview, the .oam content is invisible. If I publish to html I can see it. Am I missing something?
Categories Adobe Presenter (84) Community (59) Conferences and events (113) Content Migration (14) Documentation (44) eLearning Suite (239) eLearning this week (194) Extending Captivate (147) How do I… (323) Rapid Authoring (304) Rapid eLearning (195) Technical Support (53) Training and Tutorials (253) Uncategorized (74) Under the hood (49) University (13) Whats new (261) Archives Select Month August 2014  (6) July 2014  (2) June 2014  (3) May 2014  (4) April 2014  (2) February 2014  (2) January 2014  (8) December 2013  (3) November 2013  (10) October 2013  (8) September 2013  (7) August 2013  (5) July 2013  (6) June 2013  (3) May 2013  (4) April 2013  (8) mp3tag March 2013  (4) February 2013  (6) January 2013  (18) December 2012  (3) November 2012  (15) October 2012  (7) September 2012  (13) August 2012  (29) July 2012  (9) mp3tag June 2012  (16) May 2012  (10) April 2012  (20) March 2012  (7) February 2012  (18) January 2012  (15) December 2011  (11) November 2011  (11) October 2011  (10) September 2011  (18) August 2011  (15) July 2011  (15) June 2011  (14) May 2011  (11) April 2011  (19) March 2011  (23) February 2011  (8) January 2011  (12) December 2010  (22) November 2010  (11) October 2010  (14) September 2010  (16) August 2010  (18) July 2010  (21) mp3tag June 2010  (3) May 2010  (11) April 2010  (1) March 2010  (3) February 2010  (1) January 2010  (8) December 2009  (6) October mp3tag 2009  (4) September 2009  (7) August 2009  (11) July 2009  (7) June 2009  (9) May 200

If an element can have roles set it is stated in the intro, for example the button element intro inc

These attributes communicate role, state and property proshow producer semantics to assistive technologies via the accessibility APIs implemented in browsers. proshow producer The W3C HTML specification provides information proshow producer about which ARIA attributes are allowed to be used on each HTML element in section 3.2.7 WAI-ARIA proshow producer . Developer (un)friendly information
The requirements specified in section 3.2.7 WAI-ARIA are not in a form which could be considered web developer friendly . They are presented in 2 large tables and only include features proshow producer that have constraints. i.e. if you can use any ARIA attribute, the element proshow producer is not listed, this is because the primary purpose of this information is for browser and conformance checker implementers, not developers like you and I. Furthermore to find out what ARIA attributes can be used on a particular element, in the past would involve navigating away from an element definition to the ARIA section proshow producer then going through the tables to find the desired element or attribute, to locate its ARIA rules. Developer friendly information
Over proshow producer the past few months the W3C HTML specification has been updated to include the ARIA information, formerly tucked proshow producer away or absent, now presented in your face , in the introductory section of each element definition.
In the example below, proshow producer the introductory section of the picture element definition now includes information about allowed ARIA roles and property attributes, so developers can quickly find the info without having to hunt about in the spec. In the case of the (newly added) picture element, the role attribute cannot be used and only global ARIA attributes are allowed. The same ARIA information can be found in the introductory section of every element in the HTML specification.
If an element can have roles set it is stated in the intro, for example the button element intro includes all allowed ARIA role values and indicates the default role for the element, which in most circumstances does not need to be set. Each role is linked to a description, within proshow producer the ARIA reference section , of the HTML spec, which also includes a list of allowed aria-* attributes for each role value, proshow producer with additional links to the ARIA specification information for all role, states and properties.
The intent of these additions to the HTML specification is to make it easier for developers to get at the information they need to make accessible things with HTML. Feedback welcome! Further Reading Using ARIA in HTML – a practical guide for developers on how to add accessibility information to HTML elements using ARIA. WAI-ARIA 1.0 Authoring Practices – proshow producer An author’s guide to understanding and implementing Accessible Rich Internet Applications widget design patterns HTML 5.1 section 3.2.7 WAI-ARIA Category Elements proshow producer Steve Faulkner
This article was written by Steve Faulkner . An Australian living in London, works for The Paciello Group, a well-known web accessibility consultancy, and is a co-editor of the HTML5 spec at W3C 5 Responses on the article Using ARIA in HTML
Thanks for the post Steve. I’d proshow producer really like to see more and better use of ARIA across the web but have found that it’s not been well described in terms of the developer community needs. This is a really good enhancement to the HTML spec which, I hope, will see increased and improved use of ARIA.
Providing ARIA info on element proshow producer level is great but I find it confusing that almost all HTM5 tags comes with a “default-do-not-set-note” even though it aligns with the note on Strong Native Semantics
In the majority of cases setting an ARIA role and/or aria-* attribute that matches the default implicit ARIA semantics is unnecessary and not recommended as these properties are already set by the browser.
Looking at how IE fails to provide semantic information via accessibility on HTML5 elements , the Using WAI-ARIA in HTML Recommendations Table and the first exception in The First Rule of ARIA is where I’m lost.
I would think adding roles is like backward compatibility proshow producer until browsers get’s truly modern like this: <nav role="navigation"> <header role="banner"> (once on the main header) <main role="main"> (once) <article role="article"> <aside role="complementary"> <footer role="contentinfo"> (once on the main footer)
You can use these tags: <a href = "" title = "" > <abbr title = "" > <b> <blockquote cite = "" > <cite> <del datetime = "" > <em> <i> <q cite = "" > <strong>
Accessibility proshow producer Attributes Boilerplates Browser Compatibility proshow producer Comment CSS Elements Events forms interviews JavaScript APIs Marketing Misc multimedia Questions Quick Tips Reviews Simplequiz Specification Changes Structure Validation WAI-ARIA
Alex Gibson Bruce Lawson Cennydd Bowles Chris Bewick Derek Johnson Ian Devlin Jack Osborne Mark Boas Mike Robinson Oli Studholme Peter Gas