"The open web doesn't stop at our desktop. Smart phones and tablets not only contain more computing power and better browsers than the computers that started the Internet economy, they have better displays.
In this session presented by Christopher Schmitt, we will work through tips and tricks to develop future friendly images in our sites and apps."
"Canvas + ApplicationCache + FileSystem API (using polyfills).
We will take an existing application an move it to be offline capable. We will take some time and explain how to use the filesystem API and polyfills in order to move an online image editor to an offline capable one. Attendees should be familiar with ApplicationCache and the concepts of the FileSystem API but will have no need for in depth knowledge."
JavaScript is everywhere, but one of the most fascinating areas is in the crossroads of distributed, real time applications and microcontrollers. Take a look into the world of Node.js, HTML5 Connectivity APIs, and Embedded Linux, and how this world is changing the traditional client and server relationship. Explore the impact these trends are having on the HTML5 user interface, see demos of JavaScript powered microcontrollers (Arduino, XBee, Beaglebone, and the Raspberry Pi), learn asynchronous coding patterns, and discover some of the newer APIs that are helping JavaScript developers step out of the web browser and into the world of physical computing, robotics, and hardware.
Backbone is one of the most popular MVC frameworks for JavaScript these days, and one of the reasons for its popularity is that its minimal and lightweight. That makes it easy to use in different ways and adapt to different projects - but can also make it hard to learn. In this talk, I'll start with Backbone basics, and then dive into three different ways that we use it to power the frontends of Coursera.org.
"Earlier this year everyone was flying high with expectations for building mobile applications with HTML5. jQuery Mobile was in full swing, and new platforms like Icenium were making the process seamless. Then Mark Zuckerberg pulled out the rug when he declared that the slowness of their Facebook iOS application was because they ""Bet too heavily on HTML5"".
The truth is that HTML5 mobile applications are no different than any other application. They need to be optimized. Since we use them across so many different platforms, they REALLY need to be tweaked for performance. In this session, Burke Holland will show you how to build HTML5 mobile apps that perform like they are purely native, not like laggy web sites. Learn about common pitfalls and snags that can eat your lunch as a developer if you don't know what to watch out for. Building apps with HTML5 is still the most cost effective way to target mobile, and that doesn't have to come at the cost of performance."
The browser wars were fought not with literal weapons, but with implementations like the DOM. The aftermath left us with an ever growing landscape of libraries, frameworks, and polyfills, pushing knowledge and talk about the DOM itself aside. Sure, it has a few battle scars, but things are shifting. The DOM is still very much a part of HTML5, and in recent years, not only evolving and improving (i.e. DOM4), but being implemented consistently across modern browsers (well, more consistently than in the past). In this talk, we will forgive and forget the historical DOM by examining and embracing the parts of the DOM that all front-end and JavaScript developers should know.
"Responsive web design. How many times in the last two years have you discussed it? How many projects have you been lately that have been described as ""responsive""? With everyone weighing in on the subject and new lessons being learned about it daily, its hard to get a grasp on what makes ""Responsive web design"" important and more than a passing fad.
The current adoption of tablets, smartphones, and other internet enabled devices have made the practices of responsive design almost an assumed technical requirement in modern web development. As we, as web professionals experience the growth pains of this new approach, new rules and standards are emerging.
In this session I will cover the new rules of the responsive web. This includes the use of rapid prototypes, the use of Scalable and Modular Architecture for CSS (SMACSS), and using Style Tiles for web design."
Code duplication, bloat and specificity battles are very common problems when sites grow, and they can spell disaster for site performance. In this session we will cover code organization and naming conventions to help your site grow. Attendees will learn how to build sites with the most reusable CSS possible.
How do you manage a huge web application's front-end when you have a diverse team of programmers, and javascript is not a strong suit for all of them? How do you handle both new and old code from multiple developers, and make sure only quality code makes it into your repos? Automated tools such as Yeoman and Grunt are not just for packaging your web project in a performant and clean package. They also allow you to enforce code quality and consistency through automated quality checking, testing, and beautification. This talk will go over the case study of a large web application in need of a refactor and test suite, and how tools such as Yeoman and Grunt allow you to implement a plan to bring projects like these back from the brink, without losing your sanity in the process.
Enyo (http://enyojs.com) started as an web application framework, focusing on the problem of effectively building reusable UI components. However, many app developers view problems through a Model-View-Controller (MVC) point-of-view where the UI is seen as a templating problem. This talk looks at how the Enyo framework evolved in late 2012 to take on aspects of MVC, integrating support for Backbone models and data binding into our component & message passing architecture. In doing so, it reveals what these two worlds can learn from each other, and how they both play into future work on the "web platform".
"The browser version is a dead concept. Stop caring about the browser version, its update cycle, and even (to some extent), its intrinsic capabilities.
Every single person who’s ever worked in Web development has, more or less, been fed a lie. It’s a lie that’s so insidious that it’s actually mutated the way our Web development industry works from the inside out. It’s made us worse as an industry. It’s cost untold billions of dollars in lost time.
What is that lie? “The browser version matters, because that’s how we know what it can and can’t do.” Or, put another way, “The browser version matters, because we have to know how to hack it so that it looks the same as every other browser.” The browser version is dead. Hacking around browser short-falls is dead. Compensating for non-compliance to standards is dead. UA sniffing is dead. Quit wasting your time!
Let’s start retraining decision makers (customers, bosses, etc.) about how the Web and browsers really work."
An introductory level look at HTML5 games including various game engines with their strengths and weaknesses, as well as sets of tools like AppMobi and CocoonJS for faster performance on mobile devices. I'll also touch on best practices and how to effectively develop for all possible distribution channels (mobile, tablet, and desktop)
"How well do you know JS/HTML/CSS?Do you think you have what it takes to be considered as Top Talent in our industry or do you want to learn how to get to the next level?
I have been interviewing candidates for Front-end Developer positions in the greater Austin-San Antonio-Dallas area for some time now and want to share what i have learned.
In this session i will walk you though interview questions and discuss the gaps i have seen in developer understanding needed to catapult you to the next level."
10 minutes that will save hours of debugging headaches. What is a var? What is an object? Truthy vs Falsy. What does this mean?
Curb cuts and TV captions - two accessibility features that fit so seamlessly into your world you may not even think about their origins in accessibility. Curious about how Accessibility might be relevant to you, the developer? A little accessibility can provide a richer experience for your users, help you reach a wider audience, and help you do something good for the world, too. This talk will approach accessibility from a developer’s perspective - what it is, how it fits into our daily work, and my lessons learned from competing in Austin AIR (Accessibility Internet Rally)
Use the correct input attributes and drop the third-party JavaScript widget libraries. Provide a fallback only when necessary. You might be able to get rid of many of the custom widgets you’ve implemented on your website and let the browser provide them.
The demand for college graduates well versed in all aspects of web design and development has risen in response to the proliferation of mobile devices, multiple screen sizes, web-based services, and advancements in HTML5 and associated industry standard technologies. Despite the push toward standardization, design firms continue to ask for graduates with skills teetering on obsolescence or ask for applicants with 5+ years experience in technologies that didn't exist five years ago. Several training companies and advisory groups have devised curricula to fill gaps in designer's technical skill sets, but user experience professionals require more than just software skills. In a down economy, employers face pressure to find college-educated employees with the ability to not only design but also develop Web sites and Web applications. Three university educators will discuss how one university currently integrates HTML5, mobile application design, and User Experience design into the curriculum, the pressures faced by universities to integrate these technologies into various programs, and how the growing field of interaction design might require a revolution in how courses are designed.
It may feel like the HTML5, CSS3 and ECMAScript specifications are moving along at a snails pace, but browser capabilities are moving quickly, and it is difficult to keep up with all the new feature support. In this session we'll cover some brand spanking new and older but unknown features that make debugging, designing and developing more fun.
Desktop. Laptop. Smartphone. Tablet. Phablet. Xbox. PS Vita. Smart TVs. That's a lot of places your content can live. Building specific experiences for each one of these simply doesn't scale. Let's find out why and how to tackle such an enormous problem.
Being ""Future Friendly"" is not necessarily just a visual or interaction design decision, but an architectural decision as well. Furthermore, being ""Future Friendly"" is not about the web or native: it's both and more. We'll discuss why.
One of the best ways to learn is from other people’s code, and open source projects provide us with valuable coding examples. Using the architecture of Brackets, the open source code editor created by Adobe, as a guide, this session will examine some frameworks and practices for architecting applications using HTML, CSS, and JavaScript. We’ll examine how this large-scale, open-source project built with web technologies and look for lessons you can apply to your own development projects.
In this talk we'll cover the basics of of what it takes to develop an HTML5 webapp for connected TVs, covering UX, JS, CSS, and performance tuning.
There are a million ways to write HTML and CSS, and everyone has their own, but is there a right way? Our code needs to be well structured, written in an organized manner, and performance driven. Sharing code with others should be a joyful experience, not absolute terror.
In this session, Shay will cover some best practices and performance tips for writing the highest quality HTML and CSS possible. Writing code is the easy part, finding a practice and structure that works well across the board is the hard part. Shay will outline HTML and CSS conventions that can be applied to your everyday practice.
Not all projects have the budget for UX designers; as a result, experience in disciplines such as user research, interaction design, and information architecture are often expected of all developers on a team. Fortunately, these arcane-sounding topics are far from impossible to grasp for mere programmer mortals. In this session, you'll learn some easy tricks to make your sites more approachable, discover ways to help develop an emotional connection between your apps and your users, and see some tools that can assist you with planning and designing your next masterpiece of usability.
Many front-end developers are familiar with MVC, and almost all are familiar with event-driven architectures (even if they call them something else). How do those two philosophies work together? And, more importantly, how can websockets help future applications become more responsive, more consistent, and easier to develop? We'll reexamine the Controller concept from MVC and figure out how to combine simple browser messaging and websockets to address our application needs and improve our user experiences.
With the release of Windows 8, Microsoft has made it possible for developers to write native apps with JavaScript, HTML and CSS. There are lots of tutorials, videos and blog posts about getting started with JavaScript on Windows 8, so this talk will skip that stuff and focus on some of the real-world gotchas encountered while actually using the Windows Runtime (WinRT) APIs and running a native app in a browser sandbox. The talk will focus on differences between a regular browser app and a native Windows app, new host objects provided by WinRT, learning to love async promise APIs, making an app portable to a website, multi-touch and gestures in JavaScript and other interesting challenges unique to the Windows 8 environment.
CSS has long been an art of carefully positioning rectangles, allowing only a few properties like width, height, and x/y coordinates dictate where an element appears on a page. To add more depth you'd have to resort to images, JavaScript, or proprietary plugins in a pinch. However, the Open Web marches on, and CSS has become a rich tapestry of visual effects including animation, 3D, and even shaders.
This session will highlight some of the amazing effects that are available using CSS 3D Transforms. Examples will be experimental in nature, and will hopefully inspire you to create your own beautiful works of CSS art!
In this session, Nathan Smith will show you how expedite your front-end workflow.
Have you ever found yourself needing to build static front-end templates, either as part of a larger project or as a way to communicate the nuances of responsive design to a client? I think we can all agree that just doing flat HTML leaves us wanting for more templating power.
But, using a dynamic language (PHP, Ruby, etc) typically means that it's tougher to hand off to a client, who may (not) have a local development environment. That's where Serve helps bridge the gap. It lets you play with the ""V"" of Rails MVC, but also export flat HTML for easy distribution.
Does HTML5 improve website accessibility or make it worse? How have screen readers adapted to the new technologies? Does HTML5 remove the need for WAI-ARIA or the need for accessibility testing all together?