Environments for Humans brings together some of the Web's most notable experts in for an all-new, one-day only online conference, the FrontEnd Summit 2015! Bring the experts to your desktop June 2nd from 9AM to 4PM (CT).
Don't miss this great event and purchase your tickets now!
June 2, 2015 \\ 9AM to 4PM CT
(Schedule subject to change)
Implementing Brand Patterns 9am CT
by Dave Olsen, Creator of Mobile in Higher Ed
Ensuring the consistent adoption of brand elements across various channels can be a problem for many large organizations.
As West Virginia University rolls out a new brand campaign our central Digital Services unit is sharing tools with our web development community to help them make this shift. In this talk you will learn how we’re using patterns to:
- modernize and standardize toolsets
- encourage broad and fast adoption of the new brand elements
- make it easier to incorporate future changes to brand elements
This process has not been without its challenges so expect many pitfalls and missteps to be shared.
About Dave Olsen
Dave Olsen has been a developer and project manager with the University Relations - Web unit at West Virginia University (WVU) for the last nine years. Over that time he has worked on and led projects that range from developing a university-wide CMS to creating award-winning marketing websites. For the last two years he has also worked on implementing mobile solutions for the University. These include SMS-based services as well as WVU's central mobile web portal.
In addition to his work at WVU, Dave has released and currently maintains the open source project Mobile Web OSP. Mobile Web OSP is designed to make it easier for higher education institutions to launch their own central mobile web portals. It is currently being used by a number of institutions around the world.
Dave shares what he's learned about mobile, as well as his reactions to mobile trends, on his blog, Mobile in Higher Ed.×
Visual Regression Testing 10am CT
by Kevin Lamping, Front-end Engineer at Four Kitchens
You’ve spent months perfecting your layout; lining up pixels and matching up line-heights. You’re almost ready to launch when a request comes in to redesign a major component. You shudder in fear at the thought of having to manually regression test every page of the site to make sure you didn’t break anything.
Wouldn’t it be nice if there were an automated way to run a visual regression test? A way to warn you if changes break the UI in unexpected ways? These tools exist, and building them in to your workflow isn’t impossible.
In this session, you’ll learn:
- What tools are available and where do they each excel
- How to get started with PhantomCSS & Gemini
- How you can avoid the pitfalls of visual regression testing
About Kevin Lamping
Kevin Lamping is a Front-end Engineer at Four Kitchens. He also helps organize Hill Country JS, a front-end meetup in San Antonio. In his free-time, when he's not playing with his kids, Kevin dabbles in tabletop gaming, piano and gardening.×
Creating Workflows with Grunt 11am CT
by Micah Godbolt, Creator of SassBites
Is your development workflow getting more complex with every tool that you add? Is the process of committed code slowed down by dozens of manual steps? Is your deployment process plagued by user error?
With Grunt Workflows you can turn any complex, manual process into a single terminal command.
In this talk I will be exploring some of the NPM modules that will make your workflow easier to manage, and talking about tips and tricks for getting the most out of your Grunt setup.
Sketch Architecture 1pm CT
by Clark Wimberly, Content Designer at Invision
More than just the new kid on the block, Sketch is packing some serious power under the hood. Built with modern designers and developers in mind, its modular symbols, text styles, and element settings make getting from design to launch smoother (and more consistent) than ever.
In this session, we'll take a deep look through the design process and handoff of a large-scale editorial site designed in Sketch. We'll tackle:
- using symbols and styles
- pages, artboards, and slices
- creating multiple views / layouts
- getting ready for the build
- tips and tricks for starting with Sketch
As well as insights from past builds, I'll also provide the actual Sketch document this case study is based on. It should be a great way to explore a production-ready .sketch file at your own pace.
Writing Tests for Sass 2pm CT
by Dale Sande, Senior UI Architect for AppDirect
As software has grown in complexity, coming up with ways to ensure that the code is stable and ready for production is paramount. Application frameworks of all shapes and sizes have adopted strong behavior and unit level testing processes. What about the presentation layer?
As developers of larger and larger Sass frameworks and code bases, we are too in a position were we need to ensure that our code will work as expected. The core contributors of Sass foresaw this as well and introduced a series of Introspective Functions that allow us to test our code within our code. Test that a variable is valid or ensure that a function exists in memory before calling it into a mixin are all every day issues that we need to deal with.
In this talk I will address some common scenarios where we can use Sass’ introspective functions to test and validate our code before we trudge through the nightmare of a sometimes daunting error log. In addition I will discuss some other common libraries for unit testing Sass in hopes to inspire you to write stable and dependable code.
About Dale Sande
Hi, I am Dale. I split my time between San Francisco where I am Senior UI Architect for AppDirect, and Seattle where I am a Lead Instructor for Code Fellows' Web Development Accelerator.
When I am not up all night coding, I am very involved in the Sass community, locally and nationally. A core contributor to SassMeister, co-authoring the book 'Sass in the Real World' and write for various blogs.
In those rare moments when I can actually put the computer down, I enjoy spending time with my wife and two daughters riding bikes and enjoying the outdoors.×
Guerrilla Design Tactics 3pm CT
by Samantha Warren, Freelance Designer & Art Director
It takes a village to design a responsive design system, so how do you convince the village that they need to?
Facilitating change, making innovative happen, and fostering a design culture can be hard in an organization--especially when you are not in a position of authority.
As an organization becomes comfortable with standard ways of operating and resistant to necessary change, you can find yourself in the tough position of implementing things you know are wrong.
Learn how to:
- Develop a plan that encourages buy-in without being too prescriptive.
- Use tactics that allow you to pivot with changing design decisions.
- Create a personal toolbox full of useful ways to implement fast design deliverables.
About Samantha Warren
Samantha is designer, art director, and the maker of StyleTil.es. She works with wide range of organizations from small startups to large tech companies to make their products and brands more awesome. Previously at Twitter, Samantha specializes in a blend of visual design and user experience strategy. She has been designing for the web for more than 12 years and frequently speaks at industry conferences about design process, tactics, and Style Tiles.
When she is not in the studio she is obsessing over mid-century modern furniture, exploring San Francisco parks, learning how to be a better ceramicist, and hanging with @JimJones and Grace the cross-eyed cat.×
Frontend Round Table Q&A 4pm CT
by Sparkbox Team, Devs at Sparkbox
After a quick overview of the current Sparkbox workflow led by the awesome developers at Sparkbox, the floor is turned over to a Q&A session to wrap up the day! Follow-up on topics learned earlier in the day, ask questions of the Sparkbox team, or ask for tips and techniques to get around a tricky problem you're having!
About Sparkbox Team
Sparkbox is a team of web designers and developers based in the midwest and answering the call for a better web. Driven by a deep conviction in a web liberated from device constraints, Sparkbox leads the way toward a greater standard as we write and educate.
About the FrontEnd Summit 2015
As the web changes for the better, so do our tools. While keeping on top of industry changes is part of the job, fighting our tools that can help us do our job faster and better shouldn't be. In this special FrontEnd Summit, we deep dive into tools--some common like text editors and some relatively new to the scene like Grunt and Sketch--to see how they can help stay on top of cutting edge.
Why attend the online conference?
- Attending a conference online means no travel hassle!
- Bring the experts live to your desktop!
- Time spent on the road is better spent instead in the office or with family, friends!
- Sessions are developed to dive deeper into the material!
- Ask questions directly to the speakers!
- Can't make it the day of the conference? Watch the recordings whenever you want!
Can't make it the day of the conference? Recordings are part of registration, so you can watch the recordings whenever you want!
Within five business days after the event, we will send you information on how to view recorded sessions.
This conference was a load of fun. I loved the instant feedback from the speakers and the atmosphere.
I love these online conferences. It's convenient and you can still learn a lot from the comfort of your home or at work.
HOW IT WORKS
Once you are registered, you will receive a follow-up email to confirm your reservation. Later on, as the event draws near, you will receive a more detailed message, with the full schedule and other helpful information to help you take full advantage of your conference-going experience and plan your day.
On the day of the conference, you will receive an email invitation about 45 minutes before everything starts. Click on the enclosed link to sign in and enter the virtual meeting space. Once you are signed in, you'll be able to see and hear the presentations as they happen, ask questions as needed and chat with the other attendees if you like!
Technical Specifications: to attend The Summit, you will need a modern web browser and a recent version of the Adobe Flash Player. Follow this link to run our system diagnostic (opens in a new window). It will let you know right away which plug-ins, if any, you will need to update before the event.