Closed al-the-x closed 9 years ago
Hi, @al-the-x, thanks for submitting. Is this workshop assuming that attendees have a basic knowledge of Sass or will you be covering Sass features/concepts as part of the workshop? Are there coding exercises or sessions built in for attendees to try the concepts you are teaching?
Just a friendly reminder: don't forget to update the rest of the template with your details!
Thanks for the ping @misscs! Yes, the proposed plan is to include enough basic Sass to appeal to beginners, but I don't intend to cover basic CSS. The entire workshop is planned as an extended coding exercise, actually, with plenty of breaks for people to stretch and discuss.
Hi David!
Thank you so much for submitting to SassConf this year!
Unfortunately, we weren’t able to select your workshop.
We had an incredible number of submissions this year: 81, in fact, enough to fill up over two weeks of Sassy goodness! But we only have two days, and we couldn’t pick everything.
If you have any questions at all about our selection process, your submission, or anything else at all, please reach out: elyse@sassconf.com and I’ll gladly give you more details.
Again, thank you for submitting. It’s people like you, who are willing to put themselves out there and work hard and submit and give talks that make it possible to even have SassConf. I hope you will submit again next year and continue to be part of the Sass community!
See you in November!
From CSS to Sassy Bootstrap...
Type of Presentation: Workshop
Description
Are you stuck in CSS? Maybe you're married to Bootstrap and all that
<div>
soup and just can't see a way out. You know that your styles would be so much easier to maintain if you couls just make the jump to Sass, but... Look, it's complicated.Fear not, faithful steward of the internet. Professional refactoring is a delicate and arcane art that involves making changes that are invisible from the outside, but any decent developer can learn the technique.
In this 4 hour tutorial, David Rogers, Front-End Instructor at The Iron Yard in Orlando, FL, will take you through a heavy refactor of a decently complex CSS layout to full Sass... without breaking anything. With the help of some brave audience volunteers, David will apply the same principles and experience to one of your projects. Finally, he'll refactor some messy Bootstrap markup into clean, semantic Sassy Bootstrap.
Agenda
@import
:hover
states! (Parent Selector)@
...?@import
it anywhere...@media
queries...@mixin
it up...@extend
your reach...node-sass
...ruby-sass
....css
to.scss
:hover
with&
...%
...ruby-sass
only :disappointed:)Workshops: Coding Exercise (required for workshops only)
Attendees should have code editor -- Sublime Text, Atom, Brackets, etc -- installed and configured. Existing knowledge of CSS syntax, selectors, and properties is required. No previous experience with Sass is required but familiarity with the grid and components provided by Bootstrap is expected.
Attendees will work through refactoring some canned examples of moderately complex CSS into clearer, cleaner Sass with follow-along directions. At the middle intermission, examples of projects for refactoring will be solicited from the audience for use in the final segment. If time allows, the group will build a reasonably complex layout with the Bootstrap grid and components without using a single Bootstrap class. All exercises will be instructor-led and interactive.
Speaker Info
More Info
Social Media:
Bio:
David Rogers wrangles @orlandophp & @orlandopython, teaches JavaScript for @TheIronYard, runs @JEAcademy, hacks freelance, and gots kids.