Front-end Tools: Sifting Through the Madness

Apr 16, 20151 like1,762 views

with Louis Lazaris Presented at FITC Toronto 2015 More info at http://www.fitc.ca/toronto The front-end tools landscape is growing at an exponential pace. Every week there are new plugins, new coding methodologies, new native apps, new JavaScript utilities, new jQuery plugins, new build tools, Grunt plugins, JavaScript libraries and so on. Many help us to solve problems and be more productive. This talk will give you a quick overview of the kinds of things that get released every week, showing the variety of what’s available. But we shouldn’t be discouraged or overwhelmed by the amount we need to keep up with.Louis will cover some suggestions for dealing with the madness, and how developers today can benefit greatly from this influx of new stuff, even if they can’t keep up with it all. OBJECTIVE Demonstrate how to keep up with at least some of the pace, while benefiting from stuff we might not even use. TARGET AUDIENCE Front-end developers. ASSUMED AUDIENCE KNOWLEDGE Decent understanding of HTML, CSS, and JavaScript. FIVE THINGS AUDIENCE MEMBERS WILL LEARN The wide variety of JavaScript-based utilities available today. The kinds of CSS and Sass tools that are at our disposal. How to keep up with the influx of tools. How to keep from being overwhelmed. The possibilities to learn from tools that we don’t even use.

FRONT-END TOOLS:
SIFTING THROUGH
THE MADNESS

WHATWE’LLDISCUSS
 What kind of tools are available today
 HTML / CSS / Sass
 JavaScript / CLI / etc...
 What can help us to cope with the influx

FRONT-ENDDEVELOPER?
 Feeling overwhelmed?
 Not sure if you can keep up?
 Any point in trying?

INTWOYEARS,I’VECOMEACROSS...
 60+ Front-end Frameworks
 150+ JavaScript Libraries
 300+ JavaScript Utilities, etc
 400+ CSS Tools

ISITREALLYSOBAD?
 Until about 2009: Not many options
 More choice = More quality
 Open source
 Tools Keep Improving

LEARNFROMTOOLS!
 View the source on GitHub
 What JavaScript patterns?
 Any interesting DOM methods?
 Any bizarre coding patterns?

WHATPATTERNS?
 The Constructor Pattern
 The Module Pattern
 The Factory Pattern
 MV* Patterns

INTERESTINGDOMTECHNIQUES?
 compareDocumentPosition()
 elementFromPoint()
 replaceData()
 setSelectionRange()
 or whatever...

THELESSON?
 We might not use a tool
 But we can learn from it

THANKYOU!
tinyurl.com/FITCto2015
@ImpressiveWebs

This document discusses why front end developers are needed. It begins by defining what a front end developer is and outlines some of their typical duties, which include working on the user interface, accessibility, testing, multimedia, design, and optimization of the front end. It notes that while back end developers focus more on the server side, front end developers ensure the client-side code and experience are effective. The document also discusses some of the challenges of front end development like different browsers, mobile environments, and JavaScript frameworks. It emphasizes that user interface and design are important aspects that should not be an afterthought.

technology3-javascript-basicsDarren Woodiwiss

This document provides an introduction to JavaScript basics, covering what JavaScript is, how it is used in browsers and other environments, its data types, variables, functions, and scope. It discusses JavaScript's standardization by ECMA and how JavaScript can be used for client-side scripting, server-side applications with Node.js, and programming hardware with Arduino. The document also provides an overview of JavaScript syntax and keywords like comments, statements, and functions.

GCC 11-13-15Kayla Leung

The meeting covered progress updates, goals for structuring and styling a web page using the Bootstrap CSS library, an introduction to jQuery for manipulating HTML elements and handling events, and plans for the next coding assignment on JavaScript and a trial Skype meeting. Participants were asked to provide availability for a Skype call instead of an in-person meeting and to work through Lesson 10 of JavaScript coding by the next meeting.

A modern front end development workflow for Magnolia at AtlassianMagnolia

This talk was given by Nicolas Barbé, Magnolia, and William Paoli, Atlassian, at Magnolia Conference 2015 in Foster City, California. The recommended development process for Magnolia is based on a Java stack and its ecosystem. It provides the best foundations to customize the back-end or create new content applications. However, implementing a new template or modifying an existing theme with standard front-end practices can be a challenging task. In this talk, William and Nicolas describe how Atlassian, the creator of JIRA and Confluence, has built a modern front-end development workflow with Magnolia. How they decouple the back-end and front-end release process to deliver incremental changes to the user.

Developing The Webtimoh

Tailwind: The Future of CSS is Here!Abdullah Al Mahi

Can you write a beautiful, maintainable, and responsive web applications without a single line of CSS? With Tailwind, you can. Unlike the majority of CSS frameworks that give you prebuilt components, Tailwind provides you with low-level CSS utility classes that you can combine to create custom designs. The goal of this presentation is to help you understand the value proposition of the utility-first philosophy. We will have a look at: - why utility-first CSS is the future - how Tailwind makes building bespoke user interfaces a total breeze - the benefits and challenges of the utility-first approach

Smarter Grids with Sass and SusyMichelle Barker

RemixRhys Hill

The document contains notes from various talks and presentations at a conference. Some key points covered include using CSS3 features like transforms responsibly, object-oriented CSS principles, responsive design with media queries, building games with libraries like Three.js and ImpactJS, hosting static websites in Azure blob storage, creating the world's biggest Pac-Man game in HTML5, using social plugins to enhance websites, and animating with SVG and canvas. Presenters emphasized the value of libraries and recommended resources like jQuery plugins. Attendees enjoyed learning new techniques, networking over free food and drinks, and seeing demos of Windows 8 and mobile applications.

Smarter Grids with Sass and Susy...and Wordpress!Michelle Barker

Abusing JavaScript for fun and profitMyles Eftos

Specialisation 1-jquery-basicsDarren Woodiwiss

The document introduces jQuery, an open-source JavaScript library that makes HTML document manipulation, event handling, animation, and Ajax interactions simpler. It discusses what jQuery is, alternatives to jQuery, how jQuery works with the DOM, events, basic usage, and jQuery's typical workflow and API. The document emphasizes that jQuery is incredibly popular due to its small size, speed, and easy-to-use features that simplify common tasks across browsers.

Front-End Frameworks: a quick overviewDiacode

This document provides an overview of various front-end frameworks and tools. It discusses HTML templating languages like HAML and templating engines like Handlebars. It also covers CSS preprocessors like SASS and LESS. JavaScript libraries and frameworks covered include jQuery, Backbone, Spine and CoffeeScript. Boilerplates like HTML5 Boilerplate and frameworks like Twitter Bootstrap and Zurb Foundation are also summarized. The document encourages trying new tools but not feeling overwhelmed by the many options and focusing on those most helpful.

Intro to Ruby on Railsrschmukler

Webpack: What it is, What it does, Whether you need itMike Wilcox

Modern Front-End Developmentmwrather

[Audiobook] HTML, CSS and JavaScript All in One, Sams Teach Yourself: Coverin...kubw3rt34

This 704-page book teaches readers how to use HTML, CSS, and JavaScript together to design, create, and maintain world-class websites. Using a step-by-step approach, each lesson builds on the previous ones to teach the essential skills needed to use HTML for website structure, CSS for layout and design, and JavaScript for interactivity. The book includes step-by-step instructions, practical hands-on examples, and quizzes to help readers apply what they learn.

Dangerous CSSMike Wilcox

The document discusses best practices for organizing and structuring CSS code, including: 1. Using inheritance, cascading, and specificity principles to determine which styles take precedence. 2. Avoiding inline styles, tags for spacing,   for empty elements, and tables for layout as they harm semantics and structure. 3. Preferring class names over IDs due to lower specificity, and using flexbox, grid, rem/em units, and preprocessing with LESS/Sass for modularity and responsive design.

Power to the People: Manipulating SharePoint with Client-Side JavaScriptPeterBrunone

CSS3: stay tuned for styleChris Mills

CSS3 offers many new features that allow for effects previously requiring image editing or JavaScript programs. These include drop shadows, gradients, rounded corners, transparency, and animations. CSS3 selectors also allow targeting elements more precisely with less markup. Features like multiple backgrounds and flexible box layout reduce the need for divs. Browser support is improving, though graceful degradation is still needed. Tools like Selectivizr, CSS3 Pie and Modernizr help provide CSS3 support in older browsers.

Look ma! No images!Lennart Schoors

1. The document discusses using CSS to create visual elements like shapes, logos, and icons instead of images for performance, maintainability, and resolution independence reasons. 2. It provides examples of how to create basic shapes like rectangles, circles, and triangles using CSS properties like border-radius, gradients, and positioning. 3. The document also covers techniques for generating HTML elements, using pseudo-elements, and manipulating elements with transforms to create effects like masks and shadows.

More native look and feel of mobile JS applications with HTML5 canvasDenis Radin

This document discusses the advantages of using the HTML5 canvas over DOM elements for rendering UI components. It notes that canvas allows rendering many objects with a single interface more easily than DOM, similar to event delegation. Typical use cases for canvas include components with transformed objects and DOM decoration with animations. However, canvas is not always preferable, such as for layouts with advanced content. Frameworks may be needed for sprite handling and other canvas tasks, and resizing assets for different screens can be an issue.

HTML5shimMichael MacDonald

The document discusses how the HTML5Shim allows Internet Explorer to support basic HTML5 elements like nav, section, header and footer by exploiting a workaround where it applies CSS styling to unknown elements if they are created as DOM elements. The HTML5Shim, created by Remy Sharp, must be inserted into the head of the document using conditional comments so that it only targets Internet Explorer to provide graceful fallback for HTML5 support.

Java script introductionJesus Obenita Jr.

1. JavaScript is an object-oriented programming language used to make web pages interactive. It was created by Netscape and allows developers to automate page elements and add interactivity. 2. JavaScript can be used to validate forms, open and close windows, perform calculations, and make pages feel fresh by updating elements like dates. It adds multimedia and allows pages to be customized based on user input. 3. JavaScript interacts with users by processing forms, validating input, and producing dynamic pages tailored to individual users. It is widely supported and accessible to beginners.

O'Reilly Drupal WebcastJeff Eaton

Drupal is a powerful and flexible open source content management system that has been used by thousands of sites since its creation in 2000. It allows users to easily manage and organize content through features like customizable content types and modules. Content in Drupal is organized into "nodes" that can be of different types and displayed in different ways using modules and themes. Drupal's functionality can be extended through its large library of third party modules that provide additional features for areas like user management, media, commerce, and more.

YMC Season 4 - Day6theymc

Javascript now and in the futureDenis Stoyanov

This document discusses the history and future of JavaScript, including major versions like ES3, ES5, and the upcoming ES6. It also covers commonly used JavaScript libraries and frameworks like jQuery, AngularJS, Backbone, EmberJS, and React. Additionally, it mentions server-side JavaScript with Node.js, tools like Grunt and Gulp, JavaScript dialects like TypeScript and CoffeeScript, and new features coming in ES6 like classes, arrow functions, and promises.

Design to the FutureFITC

Presented live at FITC Toronto 2016 More info at www.fitc.ca From mobile devices to augmented reality and the internet of things, tech is moving off the screen and into the world — but is the force benign for humans, or dangerous? How can we push towards the good and what would that even look like? Let’s talk about the high-level philosophies and low-level strategies that exist for keeping the best, messy human parts of ourselves front-row as we hurtle towards the future. Objective To outline what we as designers can do for the future. Target Audience Creative coders and other tech-savvy designers. Five Things Audience Members Will Learn The current state of future technologies How designers can affect this tech Why it matters Methods for preventing terrible things The terrible things there are to prevent

Designing Interactive Experiences for Kids of All Ages with Mark ArgoFITC

Untangle The Mess In Your Team’s ProcessFITC

Untangle The Mess In Your Team’s Process with Daniel Schutzsmith Presented at FITC Toronto 2015 More info at www.fitc.ca OVERVIEW Project management in a studio or agency seems to be a black art. Some do it well, others struggle. There are numerous methodologies and frameworks out there to manage your projects well, but what about just managing the entire process, from conception to execution? The truth is, we can learn a lot about managing our projects better by looking at how the programming world is evolving. We’ll learn to stay DRY, not become WET and define how each of us can individually lead our teams to better communication and morale. We’ll take a look at some of the main ingredients behind a good creative and programming process, how to interact with clients and the team, look at some tools that will help (but not overwhelm us), and establish some really easy techniques that will make the whole thing run much smoother. OBJECTIVE Open the audiences eyes to following their own process that works best for their team. TARGET AUDIENCE Ideally a great session for freelancers, smallish studios, or teams at an agency. Designers, programmers, project managers, producers, etc… ASSUMED AUDIENCE KNOWLEDGE Have worked in a client – vendor relationship before. Familiar with the general creative process. FIVE THINGS AUDIENCE MEMBERS WILL LEARN Some of the main ingredients behind a good creative and programming process. How to interact with clients and the team. Look at some tools that will help (but not overwhelm us) Establish some really easy techniques that will make the whole thing run much smoother. Give the audience member a good direction to go in to simplify their own process.

More Related Content

What's hot (19)

RemixRhys Hill

Smarter Grids with Sass and Susy...and Wordpress!Michelle Barker

Abusing JavaScript for fun and profitMyles Eftos

Specialisation 1-jquery-basicsDarren Woodiwiss

Front-End Frameworks: a quick overviewDiacode

Intro to Ruby on Railsrschmukler

Webpack: What it is, What it does, Whether you need itMike Wilcox

Modern Front-End Developmentmwrather

[Audiobook] HTML, CSS and JavaScript All in One, Sams Teach Yourself: Coverin...kubw3rt34

Dangerous CSSMike Wilcox

Power to the People: Manipulating SharePoint with Client-Side JavaScriptPeterBrunone

CSS3: stay tuned for styleChris Mills

Look ma! No images!Lennart Schoors

More native look and feel of mobile JS applications with HTML5 canvasDenis Radin

HTML5shimMichael MacDonald

Java script introductionJesus Obenita Jr.

O'Reilly Drupal WebcastJeff Eaton

YMC Season 4 - Day6theymc

Javascript now and in the futureDenis Stoyanov

RemixRhys Hill

Smarter Grids with Sass and Susy...and Wordpress!Michelle Barker

Abusing JavaScript for fun and profitMyles Eftos

Specialisation 1-jquery-basicsDarren Woodiwiss

Front-End Frameworks: a quick overviewDiacode

Intro to Ruby on Railsrschmukler

Webpack: What it is, What it does, Whether you need itMike Wilcox

Modern Front-End Developmentmwrather

[Audiobook] HTML, CSS and JavaScript All in One, Sams Teach Yourself: Coverin...kubw3rt34

Dangerous CSSMike Wilcox

Power to the People: Manipulating SharePoint with Client-Side JavaScriptPeterBrunone

CSS3: stay tuned for styleChris Mills

Look ma! No images!Lennart Schoors

More native look and feel of mobile JS applications with HTML5 canvasDenis Radin

HTML5shimMichael MacDonald

Java script introductionJesus Obenita Jr.

O'Reilly Drupal WebcastJeff Eaton

YMC Season 4 - Day6theymc

Javascript now and in the futureDenis Stoyanov

Viewers also liked (20)

Design to the FutureFITC

Designing Interactive Experiences for Kids of All Ages with Mark ArgoFITC

Untangle The Mess In Your Team’s ProcessFITC

Design that’s easy on the brainFITC

Design that’s easy on the brain with Ryan Coleman Presented on March 07 2015 at FITC's Spotlight UX/UI More info at www.fitc.ca It’s one thing to make design that’s easy on the eyes – but how about designs that are easy on the brain? How we see the world is incredibly complex – very little of the world is in focus at any one time, and our brain is required to do a lot of the heavy lifting to let us see what we see. Have you ever wondered why certain colours work together better than others? how irritating it is when two things aren’t perfectly aligned? or why yours eye goes straight to that flashing icon in the bottom of the screen? To take in the vast amount of information our eyes provide to our brain it’s had to come up with some quick shortcuts that let it make sense of what we’re seeing – In this session we’ll dive into those shortcuts and examine how we can improve our designs by using them to our advantage. OBJECTIVE Help design professionals understand the way we process what we see in the world and how designing to appeal to our base visual processes can result in better overall designs. TARGET AUDIENCE Anyone responsible for creating visuals, documents or images that other people will look at FIVE THINGS AUDIENCE MEMBERS WILL LEARN A deeper understanding of how we process the world around us The difference between what we see and how we see How to train your viewers brain to understand your designs more efficiently Easy to remember rules for creating brain pleasing designs Why Waldo is so damn hard to find.

Getting to Know Grunt By Writing Your Own PluginFITC

The document discusses how to create your own Grunt plugin by scaffolding it, developing it with testing in mind, and publishing it on npm. It recommends using tools like grunt-init and Yeoman to scaffold the plugin, developing the plugin code alongside unit and integration tests, and publishing it on npm after addressing dependencies. The overall goal is to learn how to create well-tested and publishable plugins by going through the full process.

Programming PlayFITC

Presented at FITC Toronto 2016 See details at www.fitc.ca Overview The dreaded moment: you feel stagnant, creatively uninspired, maybe even, dare I say it… burnt out? Whether it’s a result of long hours or boredom through familiarity, being blocked can be disheartening —something we all experience in varying degrees. How can you bounce back from a creative block as a developer? How can you re-discover your own motivation and desire to make work that interests you? This session will propose ideas and strategies to ban your inner critic and to embrace your inner 5 year old to stomp through creative blocks. We will look at the output of some of these ideas a from slightly burnt out developer – from programming experiments to mentoring initiatives. Objective Inspire attendees to find ways to keep their technical skills fresh by employing fun in their every day practice. Target Audience Developers and Designers looking for ways to re-discover motivation, and find ways to express what they want to say. Five Things Audience Members Will Learn How to identify the feeling of being burnt out How to create a schedule that encourages play How to get buy in from your employer How to get work doing things you like How to face the mundane stuff you need to do on a day to day

Goofy, Goodfellas and a Gardener: The Masters of Experience Design.FITC

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca Goofy, Goodfellas and a Gardener: The Masters of Experience Design. with Anthony Vitagliano OVERVIEW I’ve found that our best work, the experiences that move and stay with people, do two things: they blend the virtual and the actual, creating a kind of digital-physical alloy that people can interact with in profoundly surprising and intuitive ways; and they stay true to a set of bedrock principles, as old as storytelling. These principles have been set by the masters before us—a magician with boundless imagination, a filmmaker with fantastic eyebrows and an old man who yelled at people to get “ON” his lawn. I will explore the connection between these design heroes and the playful way Digital Kitchen interprets their philosophies. I might also explain why I have a slight obsession with revolving doors. TARGET AUDIENCE Experience designers. THREE THINGS AUDIENCE MEMBERS WILL LEARN How 19th century landscape architecture has influenced the digital landscapes of today How a good storyteller always knows what to say, and what to leave unsaid How feeling is more powerful than process

Technolust: Kitbashing the FutureFITC

Save 10% off any FITC event with discount code 'slideshare'. Details at www.fitc.ca Technolust: Kitbashing the Future with Blair Renaud OVERVIEW Single developers and small teams around the world are creating entire digital worlds and setting the bar for the future of virtual reality. We’ll talk about how anyone with access to the internet can pillage asset stores, never write a single line of code and still create compelling virtual reality content. From Palmer Lucky’s garage to indie developers and AAA game studios, taking things apart and putting them back together in exciting new ways is the driving force of the new VR revolution.  OBJECTIVE Blair will show how hackers and indies are defining what commercial VR will be in the future through the story of the last 2 years in VR. TARGET AUDIENCE VR content creators, game developers, mobile developers, VR enthusiasts. ASSUMED AUDIENCE KNOWLEDGE Minimal awareness of virtual reality technology  FIVE THINGS AUDIENCE MEMBERS WILL LEARN A little about Technolust and IRIS VR How to create VR content with little to no funding Creating believable worlds and people What makes people sick and how to avoid it Virtual locomotion and input solutions

The Working DeadFITC

The Working Dead with Jason Theodor Presented at FITC Toronto 2015 More info at www.fitc.ca OVERVIEW How to survive the plague of undead institutions and create a company that can kick ass and take brains. Do you work for (or with) a Zompany? A Zompany is zombie company that has lost its humanity and is in a relentless, tunnel-visioned pursuit of profit (brains). It has no other purpose, and no regard for who or what gets in its way. We all know that 21st century creative companies cannot afford to operate in this manner. Are you interested in starting your own venture, or making positive change within the company you work for? Become familiar with the 8 Value-Steps every entrepreneur should know, and inoculate yourself against the dead-end career apocalypse. OBJECTIVE Become familiar with the 8 core Value-Steps of 21st century creative companies. TARGET AUDIENCE Business Owners, C-Suite Executives, Entrepreneurs, Change Agents, Interns, Job Seekers. FIVE THINGS AUDIENCE MEMBERS WILL LEARN How to identify a zombie company. The 8 Value-Steps of creative companies. Companies often get their priorities backward. With great responsibility comes great power. Examples of companies doing it right.

Building Tools for the Next WebFITC

Building Tools for the Next Web with Nicola Bortignon Google Web Designer, building a tool for the next web. Get a glimpse on the thinking process behind Google’s new software for creative coding. Embark on a journey through the challenges of building a tool at a scale for the future web. OBJECTIVE Inside tips on how to create software for the web. TARGET AUDIENCE You want to write your own software, or you are curious to see how Google works. FIVE THINGS AUDIENCE MEMBERS WILL LEARN How to write software in an uncertain environment How to understand your users Prioritize features Drive adoption from zero to millions of users How to fail, learn, and get better

Embedding Cognitive Innovation in DesignFITC

(1) The document discusses how embedding cognitive capabilities into everything can help businesses stand out. (2) It notes three shifts transforming technology: data becoming the new natural resource, the emergence of cloud transforming IT and business processes, and mobile and social transforming individual engagement. (3) The document promotes IBM's cognitive and cloud-based solutions like Bluemix for building innovative and interactive engagements.

How We Used To, How We WillFITC

How We Used To, How We Will with Eric Socolofsky Presented live at FITC Toronto 2015 More info at www.fitc.ca/toronto OVERVIEW The photo-sharing website Flickr has a ten-year history of trying out new things. From its origin as a feature spun off of a massively-multiplayer game, through the dark days of neglect, to its current reincarnation, many different people have advanced new ideas via many different paths. Which roads are the smoothest and which are full of potholes? Which lead to the most interesting discoveries and which to the staid and expected? Are new ideas the sole province of product teams, or should engineers and designers participate in the process? In his talk, Eric explores a brief history of Flickr’s long tenure on the Web, and provides a platform from which to examine these questions. OBJECTIVE Examine the sources of inspiration and innovation, and the paths from idea to execution. TARGET AUDIENCE People who make things, people who use web services, people with ideas for new products. ASSUMED AUDIENCE KNOWLEDGE Familiarity with web products and user experiences. FIVE THINGS AUDIENCE MEMBERS WILL LEARN How to make things with a team. How to avoid, and avoid being consumed by, office politics. How to be an engineer with design and product skills. How to be a designer with engineering and product skills. How to be a product person with design and engineering skills.

The Life of FITC

The Life of with Jason Pamental Presented at FITC Toronto 2015 More info at www.fitc.ca OVERVIEW Beautiful, Readable, Responsive Typography from the Inside Out. Typographic design has been evolving and improving for centuries, but it’s only been in the past few years that we’ve been able to bring that design sensibility to the web in a meaningful way. We’ll look at design from the content out—starting with the smallest chunk of content: the paragraph. Even inside this smallest component, there is a whole world to explore: paragraph styles over time, link styles, heading relationships, pull quotes and more. We’ll explore the varying ways the lowly has been designed in print—from the earliest printed works on through to today—and look at how those styles can be implemented in clean, repeatable, reusable CSS that looks good and requires little-to-no manual intervention from your content editors. The best design for the web has to be in a system that can move, scale and adapt to any screen: from wearables to phones to laptops and beyond. Great typography is the most secure foundation, so it pays to get it right. Making sure that your design remains usable, fast, consistent and compelling as content changes and scales is critical to its success. A journey of a thousand miles begins with a single step—and every great story starts with a single . OBJECTIVE Learn about the elements of typographic style for the responsive web. TARGET AUDIENCE Print/web designers and front-end developers. ASSUMED AUDIENCE KNOWLEDGE Basic knowledge of typography, HTML & CSS. FIVE THINGS AUDIENCE MEMBERS WILL LEARN How really responsive design starts from the content out. How to start with the smallest chunk of content (the ) and build a typographic system around it. How much traditional typographic design techniques can be translated for the web (and how to do it!). How to implement web fonts properly for best performance and UX. How to choose between free, self-hosted and service-based fonts (and why!).

21st Century Crystal BallFITC

Presented at FITC Toronto 2016 See details at www.fitc.ca Sometimes if you’re lucky, you get asked to do a really big project. If the project is a good stretch or you need to pay the bills, then of course you have to say yes. Hopefully you know how to do it, but if you don’t…then you need to learn the necessary skills — fast. This is the story of taking on giant, expensive projects with hard deadlines and many unrelated skills. How to persuade collaborators to be on your side, motivated to work their asses off and love you anyway. Objective Entertain the audience with failures and eff-ups (and some success too) while inspiring them to try new things Target Audience Anyone looking for a reason to lose their fear of leveling up. Assumed Audience Knowledge Interest in art, electronics and how money influences projects Five Things Audience Members Will Learn What it feels like to have to learn to code in a short period of time (hint: easier than it sounds) What it feels like to have to think about data in terms of something beautiful in a short period of time (hint: way, way harder than it sounds) How to pretend you can do anything About working with collaborators that will help you grow Dirty secrets about how much and how little you can get paid to make the fantastic

(Re)aligning The Way 400,000 People ThinkFITC

Presented at FITC Toronto 2016 See details at www.fitc.ca Overview Companies are beginning to understand that great design incites an emotional connection. This doesn’t occur at the enterprise level, but in the hearts of each individual user. Changing a 100+ year old company to be design-led isn’t a walk in the park. IBM Design Thinking was developed to unite IBM and deliver solutions that delight their users individually, and deliver increasing value for every additional IBM touchpoint they experience. Hear how Adam has brought design thinking to the enterprise at a scale never attempted before. He’ll share how IBM Design Thinking works and how it has been changing the way that IBM works from the inside out and the outside in. OBJECTIVE Provide an overview of IBM Design Thinking and the value it brings to the enterprise. TARGET AUDIENCE Those interested in design, design thinking and how to be design-led. FIVE THINGS AUDIENCE MEMBERS WILL LEARN A behavioral model for continuous understanding. A framework for teaming and action. How to be comfortable with failure. How to slow down to move faster. How IBM is practicing design at scale.

Building Real Time, Open-Source Tools for WikipediaFITC

Building Real Time, Open-Source Tools for Wikipedia with Rob Kenedi Presented at FITC Toronto 2015 More info at www.fitc.ca OVERVIEW Wikipedia is one of the most frequently visited websites in the world. The vast online encyclopedia, editable by anyone, has become the go-to source for general information on any subject. Building user-friendly apps that people can actually use on top of Wikipedia’s massive dataset involves overcoming a number of challenges, but it can also be a lot of fun. Join Rob Kenedi, Entrepreneur In Residence at The Working Group (TWG) as he shares lessons learned in TWG’s Lab building WikiWash, a free tool for journalists that helps them uncover spin and bias in Wikipedia. OBJECTIVE Learn how to build useful products using Wikipedia’s dataset. TARGET AUDIENCE Software developers, data journalists, product managers ASSUMED AUDIENCE KNOWLEDGE What Wikipedia is, and how web applications work FIVE THINGS AUDIENCE MEMBERS WILL LEARN How we built an open-source tool for journalists using Wikipedia How to manage the massive amounts of data in Wikipedia How to turn a non-technical pitch presentation into a working product that the client loves How TWG labs treats its projects, products and prototypes and what happens to them once they launch How WikiWash can be used to expose bias and spin on Wikipedia

Accumulations with Nicholas FeltonFITC

Overview For the past decade, Nicholas Felton has methodically captured and shared his life in a series of projects collectively known as the Feltron Annual Reports. These reports apply data visualization techniques to the age-old concerns of the journal and have contributed to the current field of lifelogging. In this talk, Nicholas will share his methods for data collection as well as his narrative and design concerns while creating his reports. Objective Accumulations is an introduction to the motivations and techniques behind the Feltron Annual Reports. Target Audience Designers. Anyone working with data or interested in storytelling. Five Takeaways The importance of data as a new design medium. How to humanize statistics. Successful strategies for collecting data. Techniques for communicating a data set. The sensitivity of meta-data.

Gamify Your Life – My Epic Quest of Awesome - Eric BoydFITC

Overview Wouldn’t it be great if your real life was as compelling as the video games that you play? Several years ago Eric created a Dungeons & Dragons-type experience system for his life. He gains experience points for completing noteworthy projects and goals, and every so often he levels up! Originally the idea was that it would motivate him to complete more goals, but in practice Eric found that it was better as a record of his accomplishments – i.e. it’s backward looking. So, this year he added a new piece to the quest, a “dashboard” inspired by games like Farmville and Tribez & Castlez. It’s a prominently-displayed set of goals, and his progress toward them that is updated at least weekly. Numbers keep him honest. Come learn about Eric’s epic quest of awesome, and get inspired to make your own! Objective Inspire other people to create their own epic quests of awesome, to live their lives like a hero in their own video game. Target Audience Geeks who wish their own lives were as compelling as the video games they play. Assumed Audience Knowledge Helpful to have exposure to role playing games like dungeons and dragons, or other games which use an experience-level-quest system. Audience Members Will Learn How to gamify your life to increase your productivity and feel more accomplished

Squishy pixelsFITC

Squishy Pixels with Varun Vachhar Presented at FITC's Web Unleashed Toronto 2014 Conference on September 17 More info at www.FITC.ca Adaptive Web Design and Responsive Web Design are often presented as competing design strategies. However, Adaptive Web Design is a superset of techniques aimed at crafting sites which provide an optimal user experience across multiple screen sizes. Responsive Web Design is just one such technique. In this session, Varun will cover the major techniques that make up the Adaptive Web Design strategy, how and when to choose these techniques for creating contextually-aware web experiences, and will give an introduction to building responsive layouts using CSS Flexbox. OBJECTIVE To demystify the world of multi-device and cross-platform web design. TARGET AUDIENCE Web designers and developers ASSUMED AUDIENCE KNOWLEDGE Intermediate HTML and CSS. Basic design knowledge. FIVE THINGS AUDIENCE MEMBERS WILL LEARN What is Adaptive/Responsive Web Design Where responsive design fits in an adaptive web design strategy Other techniques that are a part of an adaptive web design strategy How/when to pick from the various available strategies Introduction to layouts with CSS Flexbox

5 Things Every Designer Should be Doing Right NowFITC

The document discusses five things that every web designer should be doing: 1. Create websites using a grid system for layout and organization. 2. Make mistakes early by creating wireframes and prototypes to test designs before development. 3. Use frameworks to simplify development and create responsive websites. 4. Use web fonts for responsive typography and icons. 5. Include imagery responsively to convey information visually.

Design to the FutureFITC

Designing Interactive Experiences for Kids of All Ages with Mark ArgoFITC

Untangle The Mess In Your Team’s ProcessFITC

Design that’s easy on the brainFITC

Getting to Know Grunt By Writing Your Own PluginFITC

Programming PlayFITC

Goofy, Goodfellas and a Gardener: The Masters of Experience Design.FITC

Technolust: Kitbashing the FutureFITC

The Working DeadFITC

Building Tools for the Next WebFITC

Embedding Cognitive Innovation in DesignFITC

How We Used To, How We WillFITC

The Life of FITC

21st Century Crystal BallFITC

(Re)aligning The Way 400,000 People ThinkFITC

Building Real Time, Open-Source Tools for WikipediaFITC

Accumulations with Nicholas FeltonFITC

Gamify Your Life – My Epic Quest of Awesome - Eric BoydFITC

Squishy pixelsFITC

5 Things Every Designer Should be Doing Right NowFITC

Similar to Front-end Tools: Sifting Through the Madness (20)

Let’s learn how to use JavaScript responsibly and stay up-to-date. Christian Heilmann

This document discusses responsible and up-to-date use of JavaScript. It recommends directly learning JavaScript instead of relying on libraries without understanding. Browser tools and editors have improved, removing the need for user agent sniffing or outdated polyfills. New JavaScript features like ES6 are supported in modern browsers through transpilation or superset languages. The overall message is that JavaScript has matured and developers should embrace new capabilities instead of clinging to past workarounds.

Quo vadis, JavaScript? Devday.pl keynoteChristian Heilmann

The document discusses the state of JavaScript and opportunities for its responsible use. It encourages learning JavaScript properly rather than copying code without understanding. It argues against workarounds for browser issues and urges focusing on standards compliance. Updating tools and libraries, removing legacy code, and embracing modern JavaScript features like those in ES6 can help address past issues and enable further innovation on the web.

How to get a serious front end designer jobKarlis Upitis

Frontend as a first class citizenMarcin Grzywaczewski

Frontend development skills are more and more demanded from our clients and stakeholders. Thanks to Facebook, they know what a dynamic UI is and they want it too in their products. It can be a scary situation for people working mostly on a backend side of web applications. In this presentation I want to show that JavaScript can be really fun to write and mature enough to cope with backend technologies.

"Wordpress for web designers. What, when, how, where" por @nuriaraiwebcat

What is a good technology stack today?Netlight Consulting

Netlighter Gustaf Dalemar presentation at Edge Academy in Oslo. Web development is a constantly and rapidly changing area. There have never been as many choices as there are now when starting a new project and many developers are unsure where to begin. What is a good technology stack today? We will take a closer look at these different options together, talk about how we as developers can manage them and look closer at the approach that VG has taken to solve this issue. © All rights reserved.

3stages Wdn08 V3Boris Mann

The document discusses the three stages that dynamic systems go through: 1) simple content management, 2) beyond basic features like calendars and forums, and 3) building custom web applications. It also covers designing for dynamic systems by using templates and planning for user-generated content. Open source options are discussed, including choosing an existing open source project, using open source, or building your own. The benefits and challenges of using plugins and modules as well as frameworks are summarized. The key takeaways are that the web is becoming more dynamic, systems need to interconnect, and one should consider their business model.

OOScss Architecture For Rails AppsNetguru

This document discusses using OOScss architecture for Rails applications. It proposes dividing CSS into components, modules, and layouts. Placeholder selectors from Sass can be used to create reusable CSS modules without code bloat. Examples show issues with directly using Bootstrap for complex designs. Following OOScss principles like identifying reusable objects, using semantic HTML, and separating styles from content can help build custom designs on top of frameworks like Bootstrap more effectively.

Planning JavaScript and Ajax for larger teamsChristian Heilmann

HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SKDavid Wesst

The document is a presentation about HTML5 that discusses its evolution and components. It defines HTML5 as using HTML, CSS, and JavaScript to update web standards for how the world currently uses the web. It outlines the main parts of HTML5 like new elements, tools for defining pages with HTML, styling with CSS compilers and frameworks, and interacting with JavaScript libraries, compilers, and APIs. It provides examples of using new HTML5 features and recommends further resources to learn more.

Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampChris Love

This document discusses doing modern web development with JavaScript and HTML5 in the enterprise. It begins by introducing the author and their background. It then discusses resources like podcast interviews and JavaScript libraries the author has created. The document goes on to summarize some key differences between enterprise and non-enterprise development. The main part of the document discusses what a modern web app is, how to structure one for the enterprise, and technologies like HTML5, CSS3, JavaScript, and APIs. It emphasizes the importance of making enterprise JavaScript apps maintainable, scalable, testable, and deployable. It also provides recommendations for managing a JavaScript app project.

Introduction about wireframing and responsive webdesignipmindthegap

This document discusses wireframing and responsive web design. It introduces wireframing as a way to plan and test the structure, content, functionality, and user experience of a website. Wireframing helps with communication and reduces costs. The document recommends starting with sketches and low-fidelity wireframes before creating high-fidelity versions. It also suggests using CSS frameworks to create interactive wireframes and prototypes that are responsive across different screen sizes. Tools mentioned include paper, Axure, Balsamiq, Pencil, LucidChart, and CSS frameworks like Foundation and Bootstrap. The document stresses keeping wireframes simple while effectively demonstrating the responsive design.

Survive JavaScript - Strategies and TricksJuho Vepsäläinen

Getting started with JavaScript can be somewhat challenging. Especially given how fast the scenery changes. In this presentation I provide a general view of the state of the art. Besides this I go through various JavaScript related tricks that I've found useful in practice. survivejs.com is a companion site of the presentation and goes on further detail in various topics. The original presentation was given at AgileJkl, a local agile conference held in Central Finland.

WordPress plugin developmentLuc De Brouwer

The document discusses best practices for WordPress plugin development. It recommends starting with documentation, pairing with others during development, turning on debugging, using standard WordPress hooks and APIs, validating input for security, publishing plugins to the WordPress repository, and keeping plugins updated for new WordPress versions. The goal is to build well-designed, secure plugins that integrate smoothly with WordPress.

WordCamp Ireland - 40 tips for WordPress OptimizationJoost de Valk

The document outlines 40 tips for optimizing a WordPress website in 40 minutes. It discusses improving load times through plugins like W3 Total Cache, optimizing content for search engines by using proper titles and internal linking, maintaining the site through backups and spam cleaning, engaging visitors through email subscriptions and comments, and measuring results with analytics tools. The overall message is that optimizing a WordPress site requires implementing these types of techniques on an ongoing basis.

eMusic: WordPress in the EnterpriseScott Taylor

eMusic is a digital music subscription service that allows users to discover, download, and own music. It is moving its content management system from a legacy platform to WordPress to take advantage of WordPress' custom post types, taxonomies, and plugin ecosystem. This transition involves planning the import of existing content and customizing WordPress with plugins to support eMusic's regionalized catalog and complex data needs. The experience has highlighted both WordPress' capabilities for complex websites and the ongoing costs and challenges of maintaining a dynamic WordPress site at scale.

WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentEvan Mullins

Crash course introduction to web development for WordPress covering acronyms, buzzwords and concepts that often leave outsiders mystified. Overview of primary development processes and what software and tools are needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way. WordPress development tools explained for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the Loop, hooks, APIs, CLI, agile, bootstrap, slack, linting, sniffing … etc.

Active Web DevelopmentDivya Manian

Web technologies are evolving at such a frenetic pace that it becomes almost mandatory to learn on your own. A lot of us still depend on other people to do this learning for us, and we tend to use their answers to solve our everyday problems. Inconsistent implementations, rapidly evolving specs, questionable performance impacts and maintenance implications mean we cannot always depend on others for answers but must involve ourselves actively in the process of developing specifications for new Web technologies. But how do we go about it? There are some simple rituals we can all do, which can have us be better-informed and also better inform the people and groups who are most directly involved in the development of new Web technologies.

Advanced sass/compassNick Cooley

Intermediate Dreamweaver (2007)Matteo Wyllyamz

This document provides an overview of topics that will be covered in a Macromedia Dreamweaver class, including introductions, administrative details, and a menu of possible discussion topics. The topics range from introductions to cascading style sheets, templates, layers, forms, and more. The instructor's goals are to make the class fun and provide an introduction to key Dreamweaver concepts for intermediate users.

Let’s learn how to use JavaScript responsibly and stay up-to-date. Christian Heilmann

Quo vadis, JavaScript? Devday.pl keynoteChristian Heilmann

How to get a serious front end designer jobKarlis Upitis

Frontend as a first class citizenMarcin Grzywaczewski

"Wordpress for web designers. What, when, how, where" por @nuriaraiwebcat

What is a good technology stack today?Netlight Consulting

3stages Wdn08 V3Boris Mann

OOScss Architecture For Rails AppsNetguru

Planning JavaScript and Ajax for larger teamsChristian Heilmann

HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SKDavid Wesst

Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampChris Love

Introduction about wireframing and responsive webdesignipmindthegap

Survive JavaScript - Strategies and TricksJuho Vepsäläinen

WordPress plugin developmentLuc De Brouwer

WordCamp Ireland - 40 tips for WordPress OptimizationJoost de Valk

eMusic: WordPress in the EnterpriseScott Taylor

WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentEvan Mullins

Active Web DevelopmentDivya Manian

Advanced sass/compassNick Cooley

Intermediate Dreamweaver (2007)Matteo Wyllyamz

More from FITC (20)

Cut it upFITC

1) The document discusses code splitting strategies for bundling JavaScript applications, including route-based code splitting, splitting on-demand components, and using the Split Chunks plugin. 2) It recommends optimizing lazy loading through techniques like prefetching and using IntersectionObserver to preload resources the user may visit. 3) The key code splitting strategies discussed are route-based splitting, splitting common dependencies, and splitting asynchronous or on-demand components.

Designing for Digital HealthFITC

Presented at Web Unleashed 2019 More info at www.fitc.ca/webu Andréa Crofts League Overview Examining our responsibility as creators to design for disconnection. The “restore connection” alert isn’t just for devices– it applies to people too. And it’s more important now than ever before. Digital creators, we need to talk. The rise in mental health as a result of situational stress is a prevailing theme in today’s society, and some of the products we’re building are the root cause. But we have the power to change this. As creators of digital products, how might we enable our users to be more present in their lives? How might we invest in features like Instagram’s activity timer, despite the fact that they’re fundamentally counterintuitive to the usage metrics most behemoth tech companies are driving towards? We have a responsibility as creators of digital products to enable others to disconnect …and re-connect with themselves, physically and mentally. This intersection is an emerging category Andrea likes to call digital health, and it’s something we can create together. Objective To share actionable strategies, principles and considerations for designing with digital health top of mind. Andrea will get into some #realtalk about how we can collectively create more balance and presence for the humans using our products. Target Audience Designers and digital creators of all kinds – especially those building digital products at scale! Level Open to audience members of any skill level (this is a more high-level talk) Five Things Audience Members Will Learn Tips and best-in-class examples of designing for digital health Design guidelines and principles for designing with digital health in mind Evidence-based practices to ground your future design decisions Strategies for re-framing the success metrics of digital products Design ethics resources

Profiling JavaScript PerformanceFITC

Presented at Web Unleashed 2019 More info at www.fitc.ca/webu Luke DeWitt REDspace Overview JavaScript’s popularity has exploded over the last decade, taking it from a laughable scripting language to one that powers much of the web today. Because it’s so flexible and so easy to learn, it’s extremely popular with new developers looking to cut their teeth in programming. However, these strengths are also weaknesses, as it’s incredibly easy to write bad JavaScript without even knowing it. A lot of these newer developers jump from “Hello, World!”, to TodoMVC in order to find the library that makes their life easier. By doing this, they skip over some of the important details of not only how JavaScript works, but also how to optimize its performance to ensure the best user experience. The Chrome profiler is a very handy tool that not a lot of developers have experience with. In this talk, we’ll take a beginner’s look at the profiler tool and examine how to use it to best improve your web application, and identify bottlenecks in your code without having to rely only on console.log statements. Objective To help developers understand how to better make use of the JavaScript profiler. Target Audience Any JavaScript developers Assumed Audience Knowledge Basic JavaScript Level Beginner / intermediate Five Things Audience Members Will Learn Javascript inner-workings Profiling concepts Identifying bottlenecks Profiling node applications Tooling

Surviving Your Tech StackFITC

presented at Web Unleashed 2019 For more info see https://fitc.ca/event/webu19/ Kevin Daly RBC Ventures Every developer has faced the difficult choice of deciding what tech stack they should use for a new project. Should you use the latest tech or something that everyone knows? Which framework is the best for your team? To survive your tech stack, developers must make trade-offs with developing on new tech stacks and the ability to maintain and scale their applications. In this presentation, you’ll learn how to evaluate your tech stack and understand the pros and cons of using bleeding edge technology. Using his past experiences, Kevin will also share his lessons learned and how his team tackles managing their tech stack today.

How to Pitch Your First AR ProjectFITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Bushra Mahmood Unity Technologies Overview In this talk, Bushra Mahmood will explain how to articulate and pitch augmented reality as a viable medium to help solve problems. Learn about what makes an AR application come together on both mobile devices and headsets. Uncover different tools and methodologies for problem-solving and making a compelling story. By properly understanding this technology and its parts, creatives can take an active role in shaping and defining this new space in computing. Objective Learn the tools and techniques required to pitch an augmented reality project. Target Audience Designers, product managers, product stakeholders. Assumed Audience Knowledge An understanding of product design and an awareness of AR Five Things Audience Members Will Learn The right language to use when explaining ‘spatial’ design The different requirements and considerations for scoping an AR project The tools that are currently available for AR authoring Insights into what the near and far future will hold for this medium. An example of an AR application pitch

Start by Understanding the Problem, Not by Delivering the AnswerFITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Karri Ojanen RBC Royal Bank of Canada Overview Over the past number of years companies have adopted the idea of customer-centricity. People across functions can fluently talk about the importance of paying special attention to end-user needs and overall customer experience. But innovation and forward-thinking ideas that connect both customer and business needs can’t simply be squeezed out of brainstorm sessions and sticky notes if the organization doesn’t learn how to effectively look outside of its own silos. In this session, Karri will show how to move from jumping to solutions to driving innovation by understanding the question first. Target Audience Designers, researchers, strategists, product managers, and technology leads Three Things Audience Members Will Learn Methodologies and tools to form insights out of a holistic understanding of customer challenges How to synthesize data to form a vision of the better future How to break the vision into manageable chunks that drive value for the business and the customer at every launch

Cocaine to Carrots: The Art of Telling Someone Else’s StoryFITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Alan Williams Imaginary Forces Overview During dailies as an intern at Imaginary Forces, Alan’s director, Karin Fong, would follow her animation feedback with one of the scariest and empowering questions of his career, “what do you think?” Over the last eight years, Alan’s transition from technician to creative director came from a dramatic shift in how he approached and answered that question. By examining larger conceptual principles to practical application in commercial and tv/film design, such as HBO’s Vinyl and Netflix’s Anne with an E, he will share hard-learned lessons that can empower you, whether in Photoshop, behind a camera, or pitching to clients, in developing and selling your creative voice. Target Audience Visual communicators eager to become more evocative storytellers Five Things Audience Members Will Learn ‘Method branding’ in a selfie culture O.C.D. (observe, collect, dissect) & the imagination The resuscitating power of rearrangement Pertinence vs pipeline: the crippling cage of routine Less pitching, more poetry

Everyday InnovationFITC

Everyday innovation is defined as a daily process of introducing new ideas, devices, or methods through small improvements. There are different types of innovation, including empowering, sustaining, efficiency, and disruptive innovation. Everyday innovation focuses on making incremental improvements through collaboration, identifying opportunities by listening for user needs, and building habits of innovation. Effective collaboration and feedback are important to driving everyday innovation, with feedback working best when it is specific, goal-oriented, organized, relevant and timely.

HyperLight WebsitesFITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Chris Zacharias imgix Overview The average website loads over 1.5MBs of content per page, making over 75 requests. Many popular websites are serving over 5MBs just to load their homepages. And these numbers represent measurements taken AFTER compression is applied. The full weight of many popular websites is pushing 20+ MBs these days. In an era where performance truly matters to the end user experience, web developers need techniques to help curtail this bloat in data down the wire. No matter how well you optimize, there is no better way to than to delete things you do not need. How does one determine what is essential to the user experience and what is not? One answer Chris posits is to develop a hyper-lightweight version of your website which will provide critical insights into your specific performance priorities. This is a process that he has leveraged on many projects, in particular at YouTube to reduce the size of the video watch page from 1.5MBs to 100KBs. In this talk, Chris will take real-world web pages and show techniques for dramatically reducing their page weight and for identifying areas to optimize, while outlining the key steps to doing this well. Objective Learn a process for building a hyper-lightweight version of your website for establishing reasonable performance budgets, grounded in reality, to work from. Target Audience Web developers Assumed Audience Knowledge HTML, CSS, Javascript, some server-side awareness. Level Intermediate Five Things Audience Members Will Learn How to analyze a web page for performance issues A holistic approach to deconstructing an existing website A clear process for building a hyper-lightweight version of your website Translating your findings into real performance priorities Establishing a realistic performance budget

Everything is TerrifyingFITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Michael Fullman VT Pro Design Overview An exploration of the process of creation. We live in a time where technology and inspiration are more readily available and accessible than ever before. That being said we also live in a time that mostly highlights the successes of projects and process. In this particular talk Michael wants to touch on the process of creation with technology at VT Pro, to further explore a full circle approach to inspiration and creation where often times our next project is inspired by something learned in the process of creating something else. By exploring what went wrong and what went right in a number of different projects he’s created, Michael will touch on points where inspiration can be found in this world of seemingly endless technology; the importance of collaboration; what can be learned from the moments that don’t necessarily go as planned; and how often projects come close to failure than the audience ever knows. Lastly he wants to touch on the process of finding personal inspiration to inspire an audience, and the momentum to push further that comes from their energy. Objective Things often don’t go as planned, but often that’s the fun part. Target Audience Creative technologists and experience designers Five Things Audience Members Will Learn Collaborative process Giving personality to a piece of technology How to learn from the unexpected We all start somewhere (the journey is just as important as the destination) Everything is possible now

Post-Earth Visions: Designing for Space and the Future HumanFITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Sands Fish MIT Media Lab Overview Today, the environments that humans occupy in space are designed for survival. Humans are carefully shuttled to and from space, and during their relatively short stays, they are provided with minimum supplies to remain alive and able to perform experiments. As we begin to plan less for short visits and more for life in space (such as a six to eight month trip to Mars and beyond) the question becomes: What does human culture look like in space? This talk will explore how human culture, design, and creativity might evolve as we begin to live in space, and the unique environmental conditions that might guide us in certain directions, just as the environment on Earth has. It will discuss space tourism, living in zero gravity, and some experiments in art and design that hint at future aesthetics. Objective Convey what opportunities exist at the outset of a more democratized New Space age, and call out the aesthetics, ethics, and cultural frontiers we find ourselves faced with at the end of the second decade of this century. Target Audience Those interested in the future of human life in space Five Things Audience Members Will Learn The history of human culture in space Unique design constraints and considerations when designing for zero gravity The experience of flying in a zero-g flight The aesthetics at play in human spacefaring — (what has been) New forms, new materials, new ideas — (what might be)

The Rise of the Creative Social Influencer (and How to Become One)FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Lindsay Munro Adobe XD Overview Your social network could be more valuable than the work you’re doing today, because it could (and should) lead to the opportunities you get tomorrow. Your next post could result in your next recommendation, job, collaboration, exhibit, and next level experience. In this session, you’ll learn how to hone and build your online social media presence to attract brands and engage in the modern-day endorsement deal. Get a behind-the-scenes perspective on the things brands look for in creative profiles and the rules of engagement. Objective Teach the ins and outs of what it means to be a creative social influencer. Target Audience Creatives looking to up level their social media presence and strike brand partnerships. Things Audience Members Will Learn How to set yourself up for “success” on social media The importance of working with the right brands Figuring out compensation and negotiating contracts The ins and outs of disclosure and liability How to not mess it up

East of the Rockies: Developing an AR GameFITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Amelie Rosser Jam3 Overview For the past two years Jam3 worked alongside Joy Kogawa and the NFB to create East of the Rockies, an augmented reality storytelling experience. East of the Rockies is the first interactive AR game of its kind. The story takes users through a piece of Canadian history where Japanese Canadians were forced to leave their homes and live at internment camps during WWII. This talk will cover the creation of the game: from concept and storyboarding, to the development process in Unity and various challenges and questions to consider from a creator’s perspective. Objective To let the audience in on the behind the scenes of developing an AR experience like East of the Rockies. Target Audience For those interested in Augmented Reality storytelling and game development. Five Things Audience Members Will Learn AR techniques using Unity Storytelling in AR Prototyping interactions in AR Game state management using Unidux Game optimization techniques in Unity

Creating a Proactive Healthcare SystemFITC

The Knowledge Society: Three Talks About the Future Futurism Innovation Science Isabella Grandic The Knowledge Society Overview Join three incredible, young, and brilliant minds as they present their findings on topics that we’ll all have to deal with in the not so distant future. This series of talks will explore how exponential technologies like synthetic farming, nanotechnology, and quantum computing can be used to solve some of the world’s most difficult problems. The speakers are all students of The Knowledge Society (TKS), a human accelerator for high school students designed to help them impact billions. TKS encourages students to take risks and think big. Ayaan Esmail‘s talk will cover creating a proactive healthcare system

World Transformation: The Secret Agenda of Product DesignFITC

R.C. Woodmass Crescendo Overview The reports are in: how we relate to technology directly affects how we relate to other humans, to our environments, and to ourselves. Are we headed for a technological dystopia, where robots are in charge and empathy is just a word for the history books? Not necessarily! Learn how the interfaces we interact with can teach us how to be better communicators, increase our understanding of each other, and how product design might be the key to building a positive future for all. Objective Directly address fear and skepticism about technology, inspiring all who design and build tech to think more empathetically when building UX and UI. Target Audience Product designers, HR specialists, and anyone skeptical about technology Three Things Audience Members Will Learn How to create user interfaces that are flexible enough to include everyone, even if they can’t keep up with all the different identities and new labels that people are using What is conversation design, and how it has the power to teach people how to communicate How AI has the potential to be more inclusive than previous data analysis systems, if we leverage its weaknesses to the human advantage

The Power of NowFITC

High Performance PWAsFITC

Hasan Ahmad Aquent DEV6 Overview PWAs are a newly emerging delivery format for web, desktop apps. The fact that they can be installed on a client device and behave like natively installed apps means that special care should be taken when designing and building these types of apps, above and beyond a typical browser-only web application. One of the most important (potential) differentiators in the user experience of a PWA app vs a traditional web app is the ability to provide a high-performance UI because of their ability to do things like cache resources offline, including entire pieces of Web UI code, and the use of background services. In this talk we are going to do an exhaustive overview of the entire landscape of building PWAs from a performance-first perspective. Target Audience Web development teams Assumed Audience Knowledge Web Development fundamentals Objective Large enterprise applications Five Things Audience Members Will Learn Why PWA’s require performance engineering What tools are available to measure performance metrics Offline caching strategies Host device considerations: desktop and mobile Taking advantage of background code: Service Workers

Rise of the JAMstackFITC

The document discusses the rise of the JAMstack, which stands for JavaScript, APIs, and Markup. It describes how the JAMstack architecture uses static sites, content managed by headless CMSes, and APIs to provide performance and security benefits compared to traditional monolithic frameworks. Key advantages of the JAMstack include faster load times, higher security since there are fewer moving parts, and easier scalability using CDNs. The document outlines the various ingredients that make up the JAMstack like static site generators, hosting providers, and serverless functions, and provides examples of how popular sites have benefited from adopting this architecture.

From Closed to Open: A Journey of Self DiscoveryFITC

Midge “Mantissa” Sinnaeve Mantissa Overview Midge will be speaking about his experience of switching to open source applications for his freelance work. From ditching expensive software subscriptions to going down the linux rabbit hole, he’ll take you along for the ride and show you some cool stuff along the way. It’s an in-depth look at what happens when your digital tools become an extension of yourself and how that can in turn inspire you to get better as an artist and find your style. Objective Taking a critical look at how you work and why. Target Audience (Motion) designers, 3D & VFX artists Four Things Audience Members Will Learn Open Source Design Tools Self-criticism Inspiration Letting go

Projects Ain’t Nobody Got Time ForFITC

Cut it upFITC

Designing for Digital HealthFITC

Profiling JavaScript PerformanceFITC

Surviving Your Tech StackFITC

How to Pitch Your First AR ProjectFITC

Start by Understanding the Problem, Not by Delivering the AnswerFITC

Cocaine to Carrots: The Art of Telling Someone Else’s StoryFITC

Everyday InnovationFITC

HyperLight WebsitesFITC

Everything is TerrifyingFITC

Post-Earth Visions: Designing for Space and the Future HumanFITC

The Rise of the Creative Social Influencer (and How to Become One)FITC

East of the Rockies: Developing an AR GameFITC

Creating a Proactive Healthcare SystemFITC

World Transformation: The Secret Agenda of Product DesignFITC

The Power of NowFITC

High Performance PWAsFITC

Rise of the JAMstackFITC

From Closed to Open: A Journey of Self DiscoveryFITC

Projects Ain’t Nobody Got Time ForFITC

Recently uploaded (20)

#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada

Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next. Link to recording, transcript, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/ Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots. 📕 Here's what you can expect: - Modeling: Build end-to-end processes using BPMN. - Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes. - Operating: Control process instances with rewind, replay, pause, and stop functions. - Monitoring: Use dashboards and embedded analytics for real-time insights into process instances. This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes. 👨‍🏫 Speaker: Andrei Vintila, Principal Product Manager @UiPath This session streamed live on April 29, 2025, 16:00 CET. Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.

tecnologias de las primeras civilizaciones.pdffjgm517

Mobile App Development Company in Saudi ArabiaSteve Jonas

EmizenTech is a globally recognized software development company, proudly serving businesses since 2013. With over 11+ years of industry experience and a team of 200+ skilled professionals, we have successfully delivered 1200+ projects across various sectors. As a leading Mobile App Development Company In Saudi Arabia we offer end-to-end solutions for iOS, Android, and cross-platform applications. Our apps are known for their user-friendly interfaces, scalability, high performance, and strong security features. We tailor each mobile application to meet the unique needs of different industries, ensuring a seamless user experience. EmizenTech is committed to turning your vision into a powerful digital product that drives growth, innovation, and long-term success in the competitive mobile landscape of Saudi Arabia.

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

This is a Quick Research Guide (QRG). QRGs include the following: - A brief, high-level overview of the QRG topic. - A milestone timeline for the QRG topic. - Links to various free online resource materials to provide a deeper dive into the QRG topic. - Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic. QRGs planned for the series: - Artificial Intelligence QRG - Quantum Computing QRG - Big Data Analytics QRG - Spacecraft Guidance, Navigation & Control QRG (coming 2026) - UK Home Computing & The Birth of ARM QRG (coming 2027) Any questions or comments? - Please contact Arthur Morgan at [email protected]. 100% human made.

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

2025-05-Q4-2024-Investor-Presentation.pptxSamuele Fogagnolo

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

Build Your Own Copilot & Agents For DevsBrian McKeiver

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Building 10x Organizations with Modern Productivity Metrics 10x developers may be a myth, but 10x organizations are very real, as proven by the influential study performed in the 1980s, ‘The Coding War Games.’ Right now, here in early 2025, we seem to be experiencing YAPP (Yet Another Productivity Philosophy), and that philosophy is converging on developer experience. It seems that with every new method we invent for the delivery of products, whether physical or virtual, we reinvent productivity philosophies to go alongside them. But which of these approaches actually work? DORA? SPACE? DevEx? What should we invest in and create urgency behind today, so that we don’t find ourselves having the same discussion again in a decade?

Drupalcamp Finland – Measuring Front-end Energy ConsumptionExove

TrsLabs - Fintech Product & Business ConsultingTrs Labs

Hybrid Growth Mandate Model with TrsLabs Strategic Investments, Inorganic Growth, Business Model Pivoting are critical activities that business don't do/change everyday. In cases like this, it may benefit your business to choose a temporary external consultant. An unbiased plan driven by clearcut deliverables, market dynamics and without the influence of your internal office equations empower business leaders to make right choices. Getting things done within a budget within a timeframe is key to Growing Business - No matter whether you are a start-up or a big company Talk to us & Unlock the competitive advantage

Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55

Cyber Awareness overview for 2025 month of securityriccardosl1

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Heap, Types of Heap, Insertion and DeletionJaydeep Kale

Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul

Artificial intelligence is changing how businesses operate. Companies are using AI agents to automate tasks, reduce time spent on repetitive work, and focus more on high-value activities. Noah Loul, an AI strategist and entrepreneur, has helped dozens of companies streamline their operations using smart automation. He believes AI agents aren't just tools—they're workers that take on repeatable tasks so your human team can focus on what matters. If you want to reduce time waste and increase output, AI agents are the next move.

#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

tecnologias de las primeras civilizaciones.pdffjgm517

Mobile App Development Company in Saudi ArabiaSteve Jonas

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

2025-05-Q4-2024-Investor-Presentation.pptxSamuele Fogagnolo

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

Build Your Own Copilot & Agents For DevsBrian McKeiver

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Drupalcamp Finland – Measuring Front-end Energy ConsumptionExove

TrsLabs - Fintech Product & Business ConsultingTrs Labs

Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55

Cyber Awareness overview for 2025 month of securityriccardosl1

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Heap, Types of Heap, Insertion and DeletionJaydeep Kale

Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul