SlideShare a Scribd company logo
1 of 34
Download to read offline
Welcome to Front Porch! 
Thank you for coming out! 
[SHOW NOTES] 
This is our second year doing this. A lot has changed in the past 12 months. 
Last year, we were at Kessler Theater. It was very cozy. 
We had a projector that was giving us attitude off and on. 
This year, we have two projectors, more speakers, more attendees, so that’s awesome.
Dallas got more people too. We grew 100K. Our industry according to BLS went up 2% as opposed to down 1.3% nationally.
Our phones got better. 
These are the major phones that came out last year. 
Manufacturers usually talk about the new camera, or the new apps, not much about the browsers though. 
I pulled their sunspider benchmarks as one example, and performance has improved almost 5 times what that iPhone 4s is running. 
Note: iPhone 4s did NOT come out last year, but I have it there to remind me to upgrade already. 
Mainly because I installed iOS 8…
Which is loses its battery so fast now. 
But iOS now comes with all these awesome things. 
Other browsers are using more and more of this stuff. It’s getting into their nightly builds so we can start learning how to use them. 
Most of us probably don’t know what these new features in Safari are. 
For instance, I don’t know the difference between hi-res timing api and nav timing api. 
But thats why conferences like this are important.
Ongoing education is required to keep up with the constant improvements and changes in tech. 
Whether it’s “Lunch and Learns”, or Meet Ups, or conferences like this, staying up to date with this stuff is part of our job.
Today, we’re talking about these topics. 
This is a lot of technology that has nothing to with how we used to build sites.
We’re not here to learn PhotoShop. Nor WYSISYG editors either. 
Those may have been the tools we used a few years ago. Totally legitimate tools at the time.
And given that much of the understanding in what it takes to make a website is PSD -> HTML5, 
you would think that a FED conf would be all about this process. 
These ads are still very popular too.
This kind of process seems so natural for designing sites though. 
I’ve got a brand campaign, and it’s got packaging and that same specific packaging needs to be constant from billboard to commercials to the website. 
So a 1-to-1 transfer from PhotoShop to the browser was — and still is for many — a totally legitimate and profitable way to build for the web.
But users are a captive audience you get from billboards or television, or even radio. 
You don’t know how the user is going to view the site. 
Go back about three years. An ad agency I worked for was doing this elevator pitch for RWD and in the middle, the creative director interrupted with: 
“So you’re telling me, in order to make a site that works for Desktop, Tables and Phone, I have to make 3 photoshop documents?!”
Now, that would have been a great strategy to begin with. A way to start thinking about RWD. 
That creative director (with a very traditional background) was asking a legitimate question because his tools have been in desktop publishing.
But when you are taking into account the unending combinations of sizes and resolutions? Or Bandwidth? 
But the obvious answer was, no. 
The not so obvious answer is, why PSD at all?
The tools we use now are way more powerful — and necessary — than what PS can keep up with. 
When it comes to RWD, and everything involved — interaction, optimization, testing and debugging… 
We’ve got some options to say the least.
So going back to todays agenda. These are our tools too. 
This stuff here. These components, frameworks, methods, technology. 
This is what happens with an evolving platform that everybody contributes to. 
It’s always changing and we get to be a part of it. 
But the truth is : the web can be however it works for you, and what you want to get out of it.
We don’t need to learn an entirely different set of languages to build for the web. 
With frameworks like the Ionic Framework — which you’ll see later today — you can build native apps.
Or you can learn those native languages and have them run in the browser instead. 
With ASM.js and emscripten Mozilla and Epic got their Unreal engine, written in C++ code to compile to run in the browser. It took about a week. 
This is without any additional software. No plug-ins, no browser extensions. Just the browser running at near 60fps. 
Chrome supports this now. IE is putting in into consideration. I have no idea what Apple is doing.
Or let’s skip the browser altogether 
Just as we can push our code to git repo’s, we can push javascript to hardware.
Projects like Nodebots, or Skynet perhaps, we can use our existing languages to solve real-world problems. 
Or travel back in time to find Sarah Conner and quash the human rebellion once and for all.
Or just make a kick-ass dress. 
Kassandra Perch shown here, is literally pioneering wearable technology. 
Sure, the dress lights up with blinking LEDS. But it comes with a photo cell to adjust how the brightness on the flashing lights. 
Even more awesome is the accelerometer. So when you twirl around the lights flash quicker.
We all know about node.js? 
Javascript as a server. Which is great for running local dev environments. 
Or if you’re Walmart, run your backend servers for mobile devices users.
So we’re really not under any kind of limitations how we build for the web. 
Or what “the web” means. 
We are not beholden to the decisions of software vendors, and hardware vendors. 
We have a large voice in shaping our industry in the direction we see fit.
GDI is a perfect example of us shaping the our industry. 
GDI is a non-prof that brings affordable edu to women who want to learn web development. 
This one of their launch parties. 
There are several of these happening all over the place 
Mina Markham, the other organizer of FP, started her own chapter here in Dallas. 
Chirag Gupta, Alexis Abril are both heavily involved in their own groups, and I hope they tell you more about it. 
We’re not production staff. 
to be another extension of some branded experience. 
We don’t just output websites and call it a day. 
We’re advocating, building communities, were educating. 
We want to make our jobs safer for everyone who wants to be a part of it.
We want to strengthen diversity. 
This is a code of conduct. 
It’s not exclusive to FED conferences but this ours. 
I’m sure you’ve read it. 
This started because people began to speak out. 
Abut a year ago, a few brave women spoke out against harassment they received at tech conferences 
this (CoC) became a thing. 
Like overnight. 
Because we collectively said “that’s bullshit” and decided that it wasn’t acceptable not to have safe spaces. 
It’s not even thinkable to skip this anymore. 
This is the kind of stuff that says “what we do is important”. 
That what we do has meaning.
So is this. 
That the people who work hard to make our jobs better are also important. 
This is new name for purple. 
Eric Meyer who’s work affects so much of what we do, lost his 6yo daughter to cancer after a long battle. 
This was her favorite color. 
As a kind of memorial, we asked about having “rebeccapurple” be the official name for #663399.
And now it is.
We’re much more capable of shaping how the web should work than any other software industry. 
In this case, it took the work and advocacy of us to make <picture> happen. 
When we had this problem of not knowing which images to load that best suits the user - screen sizes, resolutions, 
we were pretty much doing some really backwards stuff to get that to happen. 
The <picture> came about through us working with browsers vendors. 
Lindsey Norman is talking about this and it’s really great.
BTW, almost all of this happened within this year. 
Picture element took some ramping up but it was within this year we first got a polyfill, then nightly browsers are starting to support it.
I’m really excited for next year. 
We still have a bunch more coming through.
Prediction: 
Diversity is going to continue to be a big focus, that’s without question. 
And that’ll only improve tech companies both culturally and intellectually. 
And if you don’t think diversity isn’t a thing, try getting MailChimp to be sponsor without a CoC and at least 1/3 women.
Prediction: 
WebGL now runs on iOS 8, Android has been for a while. 
So I’m thinking games. 
Can you imagine being able to distribute games without going through the App Store? 
We don’t need the approval of some committee to decide if our apps are “worthy”. 
We just publish them. 
Isn’t that how the web should work?
Prediction: 
Offline First is a going to be big too. 
We’ve gone from RWD -> Mobile First. 
Now we’re building on that to talk about offline first strategies. 
Chrome and Mozilla are both trying to get Service Workers. 
Service Workers are more than just cache. 
With push notifications, Service Workers will prefetch the data and have it for you when you go to that webpage. 
Something apps aren’t doing. 
So we’re talking about addressing the shortcomings of not being an app, leveraging it with the advantages of being a website.
Prediction: 
The IE team is actively working with developers to make the mobile web better. 
They’re doing a better job than Safari in some respects. 
I think we’re going to see a lot more active competition in browsers again. 
And instead of the first “browser war” where each one was trying to make their version of the web proprietary. 
These browsers are trying to out-do each other in pushing web standards we all want.
Last prediction? 
I’ll leave that to you. 
We’ve seen how open and boundless front-end development is. 
Apps, machinery, wearable tech, emerging tech that rivals even native apps. 
So whatever it is that you want to build, I encourage your to think about that today. 
Listen to our presenters who are so passionate about what they do, and think about how all of this can apply to you. 
And then, go do that thing and tell us! 
Come back here next year, and be on this stage. 
Show us what you made, what you learned, or what you’ve started.
Thank you.

More Related Content

Viewers also liked

JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014Jake Smith
 
All in-one magazine n°2
All in-one magazine n°2All in-one magazine n°2
All in-one magazine n°2Biggie joe
 
McrFRED talk 25/09/2014
McrFRED talk 25/09/2014McrFRED talk 25/09/2014
McrFRED talk 25/09/2014Jake Smith
 
Putting The Font In Front End
Putting The Font In Front EndPutting The Font In Front End
Putting The Font In Front EndJake Smith
 
Typography online
Typography onlineTypography online
Typography onlineJake Smith
 
FontShop - Typography
FontShop - TypographyFontShop - Typography
FontShop - TypographyPoppy Young
 

Viewers also liked (6)

JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014
 
All in-one magazine n°2
All in-one magazine n°2All in-one magazine n°2
All in-one magazine n°2
 
McrFRED talk 25/09/2014
McrFRED talk 25/09/2014McrFRED talk 25/09/2014
McrFRED talk 25/09/2014
 
Putting The Font In Front End
Putting The Font In Front EndPutting The Font In Front End
Putting The Font In Front End
 
Typography online
Typography onlineTypography online
Typography online
 
FontShop - Typography
FontShop - TypographyFontShop - Typography
FontShop - Typography
 

Similar to Front Porch Keynote 2014

This is the web platform
This is the web platformThis is the web platform
This is the web platformPaul Kinlan
 
2020 Top Web Development Trends
2020 Top Web Development Trends2020 Top Web Development Trends
2020 Top Web Development TrendsPencil Agency
 
Datatium - using data as a material for contextually responsive design.
Datatium - using data as a material for contextually responsive design.Datatium - using data as a material for contextually responsive design.
Datatium - using data as a material for contextually responsive design.Andrew Fisher
 
How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...
How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...
How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...Dana Gardner
 
Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...
Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...
Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...Dana Gardner
 
Building real things for real people 2009
Building real things for real people 2009Building real things for real people 2009
Building real things for real people 2009Justin Ferrell
 
The Open Commerce Conference - Premature Optimisation: The Root of All Evil
The Open Commerce Conference - Premature Optimisation: The Root of All EvilThe Open Commerce Conference - Premature Optimisation: The Root of All Evil
The Open Commerce Conference - Premature Optimisation: The Root of All EvilFabio Akita
 
Put a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What HappensPut a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What HappensC4Media
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applicationsX.commerce
 
Designing with content-first
Designing with content-firstDesigning with content-first
Designing with content-firstAndy Parker
 
C# o basico
C#   o basicoC#   o basico
C# o basicoTiago
 
The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!Jonathan Stark
 
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 The Browser is Dead, Long Live the Web! (Jonathan Stark) The Browser is Dead, Long Live the Web! (Jonathan Stark)
The Browser is Dead, Long Live the Web! (Jonathan Stark)Future Insights
 
Progressing JavaScript and Apps the Web way…
 Progressing JavaScript and Apps the Web way…  Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way… Christian Heilmann
 
M is for modernization
M is for modernizationM is for modernization
M is for modernizationRed Pill Now
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsChristian Heilmann
 
Steps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one monthSteps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one monthMohamed Ibrahim
 
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsUsing PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsMonaca
 

Similar to Front Porch Keynote 2014 (20)

This is the web platform
This is the web platformThis is the web platform
This is the web platform
 
2020 Top Web Development Trends
2020 Top Web Development Trends2020 Top Web Development Trends
2020 Top Web Development Trends
 
Datatium - using data as a material for contextually responsive design.
Datatium - using data as a material for contextually responsive design.Datatium - using data as a material for contextually responsive design.
Datatium - using data as a material for contextually responsive design.
 
How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...
How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...
How Low-Code Development Has Entered a Maturity Spurt Thanks to New Process-O...
 
Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...
Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...
Akamai Offers Situational Approach to Addressing Challenges Raised by Complex...
 
Building real things for real people 2009
Building real things for real people 2009Building real things for real people 2009
Building real things for real people 2009
 
The Open Commerce Conference - Premature Optimisation: The Root of All Evil
The Open Commerce Conference - Premature Optimisation: The Root of All EvilThe Open Commerce Conference - Premature Optimisation: The Root of All Evil
The Open Commerce Conference - Premature Optimisation: The Root of All Evil
 
Put a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What HappensPut a UI Developer in a Bank; See What Happens
Put a UI Developer in a Bank; See What Happens
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applications
 
Designing with content-first
Designing with content-firstDesigning with content-first
Designing with content-first
 
C# o basico
C#   o basicoC#   o basico
C# o basico
 
The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!
 
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 The Browser is Dead, Long Live the Web! (Jonathan Stark) The Browser is Dead, Long Live the Web! (Jonathan Stark)
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 
Progressing JavaScript and Apps the Web way…
 Progressing JavaScript and Apps the Web way…  Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way…
 
The DiSo Project
The DiSo ProjectThe DiSo Project
The DiSo Project
 
M is for modernization
M is for modernizationM is for modernization
M is for modernization
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutions
 
Steps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one monthSteps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one month
 
Liberated Accessibility
Liberated AccessibilityLiberated Accessibility
Liberated Accessibility
 
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsUsing PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
 

Recently uploaded

2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch TuesdayIvanti
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jNeo4j
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!Memoori
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe中 央社
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessUXDXConf
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...marcuskenyatta275
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераMark Opanasiuk
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?Mark Billinghurst
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024Lorenzo Miniero
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentationyogeshlabana357357
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxFIDO Alliance
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandIES VE
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024Stephen Perrenod
 
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?Paolo Missier
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FIDO Alliance
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...panagenda
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctBrainSell Technologies
 

Recently uploaded (20)

2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 

Front Porch Keynote 2014

  • 1. Welcome to Front Porch! Thank you for coming out! [SHOW NOTES] This is our second year doing this. A lot has changed in the past 12 months. Last year, we were at Kessler Theater. It was very cozy. We had a projector that was giving us attitude off and on. This year, we have two projectors, more speakers, more attendees, so that’s awesome.
  • 2. Dallas got more people too. We grew 100K. Our industry according to BLS went up 2% as opposed to down 1.3% nationally.
  • 3. Our phones got better. These are the major phones that came out last year. Manufacturers usually talk about the new camera, or the new apps, not much about the browsers though. I pulled their sunspider benchmarks as one example, and performance has improved almost 5 times what that iPhone 4s is running. Note: iPhone 4s did NOT come out last year, but I have it there to remind me to upgrade already. Mainly because I installed iOS 8…
  • 4. Which is loses its battery so fast now. But iOS now comes with all these awesome things. Other browsers are using more and more of this stuff. It’s getting into their nightly builds so we can start learning how to use them. Most of us probably don’t know what these new features in Safari are. For instance, I don’t know the difference between hi-res timing api and nav timing api. But thats why conferences like this are important.
  • 5. Ongoing education is required to keep up with the constant improvements and changes in tech. Whether it’s “Lunch and Learns”, or Meet Ups, or conferences like this, staying up to date with this stuff is part of our job.
  • 6. Today, we’re talking about these topics. This is a lot of technology that has nothing to with how we used to build sites.
  • 7. We’re not here to learn PhotoShop. Nor WYSISYG editors either. Those may have been the tools we used a few years ago. Totally legitimate tools at the time.
  • 8. And given that much of the understanding in what it takes to make a website is PSD -> HTML5, you would think that a FED conf would be all about this process. These ads are still very popular too.
  • 9. This kind of process seems so natural for designing sites though. I’ve got a brand campaign, and it’s got packaging and that same specific packaging needs to be constant from billboard to commercials to the website. So a 1-to-1 transfer from PhotoShop to the browser was — and still is for many — a totally legitimate and profitable way to build for the web.
  • 10. But users are a captive audience you get from billboards or television, or even radio. You don’t know how the user is going to view the site. Go back about three years. An ad agency I worked for was doing this elevator pitch for RWD and in the middle, the creative director interrupted with: “So you’re telling me, in order to make a site that works for Desktop, Tables and Phone, I have to make 3 photoshop documents?!”
  • 11. Now, that would have been a great strategy to begin with. A way to start thinking about RWD. That creative director (with a very traditional background) was asking a legitimate question because his tools have been in desktop publishing.
  • 12. But when you are taking into account the unending combinations of sizes and resolutions? Or Bandwidth? But the obvious answer was, no. The not so obvious answer is, why PSD at all?
  • 13. The tools we use now are way more powerful — and necessary — than what PS can keep up with. When it comes to RWD, and everything involved — interaction, optimization, testing and debugging… We’ve got some options to say the least.
  • 14. So going back to todays agenda. These are our tools too. This stuff here. These components, frameworks, methods, technology. This is what happens with an evolving platform that everybody contributes to. It’s always changing and we get to be a part of it. But the truth is : the web can be however it works for you, and what you want to get out of it.
  • 15. We don’t need to learn an entirely different set of languages to build for the web. With frameworks like the Ionic Framework — which you’ll see later today — you can build native apps.
  • 16. Or you can learn those native languages and have them run in the browser instead. With ASM.js and emscripten Mozilla and Epic got their Unreal engine, written in C++ code to compile to run in the browser. It took about a week. This is without any additional software. No plug-ins, no browser extensions. Just the browser running at near 60fps. Chrome supports this now. IE is putting in into consideration. I have no idea what Apple is doing.
  • 17. Or let’s skip the browser altogether Just as we can push our code to git repo’s, we can push javascript to hardware.
  • 18. Projects like Nodebots, or Skynet perhaps, we can use our existing languages to solve real-world problems. Or travel back in time to find Sarah Conner and quash the human rebellion once and for all.
  • 19. Or just make a kick-ass dress. Kassandra Perch shown here, is literally pioneering wearable technology. Sure, the dress lights up with blinking LEDS. But it comes with a photo cell to adjust how the brightness on the flashing lights. Even more awesome is the accelerometer. So when you twirl around the lights flash quicker.
  • 20. We all know about node.js? Javascript as a server. Which is great for running local dev environments. Or if you’re Walmart, run your backend servers for mobile devices users.
  • 21. So we’re really not under any kind of limitations how we build for the web. Or what “the web” means. We are not beholden to the decisions of software vendors, and hardware vendors. We have a large voice in shaping our industry in the direction we see fit.
  • 22. GDI is a perfect example of us shaping the our industry. GDI is a non-prof that brings affordable edu to women who want to learn web development. This one of their launch parties. There are several of these happening all over the place Mina Markham, the other organizer of FP, started her own chapter here in Dallas. Chirag Gupta, Alexis Abril are both heavily involved in their own groups, and I hope they tell you more about it. We’re not production staff. to be another extension of some branded experience. We don’t just output websites and call it a day. We’re advocating, building communities, were educating. We want to make our jobs safer for everyone who wants to be a part of it.
  • 23. We want to strengthen diversity. This is a code of conduct. It’s not exclusive to FED conferences but this ours. I’m sure you’ve read it. This started because people began to speak out. Abut a year ago, a few brave women spoke out against harassment they received at tech conferences this (CoC) became a thing. Like overnight. Because we collectively said “that’s bullshit” and decided that it wasn’t acceptable not to have safe spaces. It’s not even thinkable to skip this anymore. This is the kind of stuff that says “what we do is important”. That what we do has meaning.
  • 24. So is this. That the people who work hard to make our jobs better are also important. This is new name for purple. Eric Meyer who’s work affects so much of what we do, lost his 6yo daughter to cancer after a long battle. This was her favorite color. As a kind of memorial, we asked about having “rebeccapurple” be the official name for #663399.
  • 25. And now it is.
  • 26. We’re much more capable of shaping how the web should work than any other software industry. In this case, it took the work and advocacy of us to make <picture> happen. When we had this problem of not knowing which images to load that best suits the user - screen sizes, resolutions, we were pretty much doing some really backwards stuff to get that to happen. The <picture> came about through us working with browsers vendors. Lindsey Norman is talking about this and it’s really great.
  • 27. BTW, almost all of this happened within this year. Picture element took some ramping up but it was within this year we first got a polyfill, then nightly browsers are starting to support it.
  • 28. I’m really excited for next year. We still have a bunch more coming through.
  • 29. Prediction: Diversity is going to continue to be a big focus, that’s without question. And that’ll only improve tech companies both culturally and intellectually. And if you don’t think diversity isn’t a thing, try getting MailChimp to be sponsor without a CoC and at least 1/3 women.
  • 30. Prediction: WebGL now runs on iOS 8, Android has been for a while. So I’m thinking games. Can you imagine being able to distribute games without going through the App Store? We don’t need the approval of some committee to decide if our apps are “worthy”. We just publish them. Isn’t that how the web should work?
  • 31. Prediction: Offline First is a going to be big too. We’ve gone from RWD -> Mobile First. Now we’re building on that to talk about offline first strategies. Chrome and Mozilla are both trying to get Service Workers. Service Workers are more than just cache. With push notifications, Service Workers will prefetch the data and have it for you when you go to that webpage. Something apps aren’t doing. So we’re talking about addressing the shortcomings of not being an app, leveraging it with the advantages of being a website.
  • 32. Prediction: The IE team is actively working with developers to make the mobile web better. They’re doing a better job than Safari in some respects. I think we’re going to see a lot more active competition in browsers again. And instead of the first “browser war” where each one was trying to make their version of the web proprietary. These browsers are trying to out-do each other in pushing web standards we all want.
  • 33. Last prediction? I’ll leave that to you. We’ve seen how open and boundless front-end development is. Apps, machinery, wearable tech, emerging tech that rivals even native apps. So whatever it is that you want to build, I encourage your to think about that today. Listen to our presenters who are so passionate about what they do, and think about how all of this can apply to you. And then, go do that thing and tell us! Come back here next year, and be on this stage. Show us what you made, what you learned, or what you’ve started.