Have you ever tried to learn the Box Model but things never really seemed to stick?
Join James Stone, YouTube sensation for this 11 lesson course...
Or skip straight to the purchase button
In this course you will learn...
MOVING PARTS OF THE BOX MODEL
You'll learn what the moving parts are of the box model (and only the important bits, not every detail)
HOW TO USE THE CHROME INSPECTOR
You'll learn how to use the Chrome Inspector to see how the box model works out in the wild (and your own creations)
HOW TO REVERSE ENGINEER THE BOX MODEL USING ZURB FOUNDATION
You'll learn how to reverse engineer ZURB Foundation – the most powerful front-end framework on the planet – and understand the important patterns
BOX MODEL SPECIAL EFFECTS
You'll understand how to use borders and border radius to create specific effects
CREATE A BUTTON IN CSS FROM SCRATCH
You'll understand how to create a button from and anchor <a href="#">button coming soon...</a> tag and style it via CSS
CREATE PROPER ROUNDED PROFILE IMAGES VIA CSS
You'll learn the proper way to create rounded profile images using CSS and slim jpeg files, fast lean and ready for production. Don't ever use transparent PNG's for this. Not ever.
Build visually accurate front-end code by learning the Box Model inside and out
11 Video Lessons give you just the right amount of background to approach your own projects
My passion is Design Systems Engineering where I work at the intersection of fast-paced design and development teams. Unlike other online course experts, I am an award-winning web designer, a top contributor to the ZURB Foundation framework, and an Adjunct Professor at the School of Visual Arts at Penn State.
For the past 4 years I have worked as a Design Systems Engineer helping agencies, enterprises and startups to build out beautiful, performant front-end code and systems. This course is part of my mission to bring Design Systems Engineering to enterprises of all sizes.
"My goal is to assist web professionals wanting to work in the intersection between Design and Engineering a way to bootstrap their education and career."
James Stone, MFA – ZURB Certified Preferred
What people are saying...
He's a guy with a lot of experience, a natural teacher, and it shows
Throughout James' ZURB Foundation workshop, you'll also have the opportunity to soak up tips and tricks on efficient coding workflows, the latest apps and software, and other tech wizardry that James can't help but share. He's a guy with a lot of experience, a natural teacher, and it shows. Anyone who sits in a classroom with him will leave inspired at the end of the day.
James Stone's workshop was an example of how prototyping in ZURB Foundation could be fast and methodical
Fast and methodical are two words rarely used in unison, but James Stone's workshop was an example of how prototyping in ZURB Foundation could be just that. The workshop covered a wide range of key features in Foundation and allowed me to make the switch from Bootstrap without skipping a beat.
James Stone is one hell of a ZURB Foundation salesman and instructor
@JAMESSTONEco is one hell of a @ZURBfoundation salesman and instructor. I. Am. Sold. #greattech #flexible #biwinning
What sets this course apart from others?
PROFESSIONALLY RECORDED AUDIO
The BMAM Course has pro quality audio which means volume levels are consistent from video to video. The trainer has a clear articulated voice and speaks in the most easy manner to be understood. Transcripts are available for every lesson, just in case there is confusion, or you prefer to read rather than watch.
USES THE ZURB FOUNDATION FRAMEWORK
The Box Model Aha Moment Course goes above and beyond the existing (and fairly comprehensive) official ZURB Foundation documentation. The course is the missing link to being able to style the framework to match any visual brand with ease. This is not just a simple copy of the official documentation.
ERROR FREE + ALWAYS KEPT UP TO DATE
The source code shown in this course has been tested to be error free and working properly. There is a support system if you run into any issues. Unlike other courses which are still giving out out of date information, this course is constantly updated.
FOCUSED ON YOU
Unlike other courses which focus purely on theory, this course also provides you a detailed practical approach and guidelines for building real world components in CSS. The Box Model Aha Moment course starts with simple ideas and then connects and builds upon the concepts learned earlier.
REAL WORLD EXAMPLES
Unlike other courses and books that confuse more than they help, this course provides clear examples to explain concepts. The course provides assignments so you can practice what you learned and get better at your craft. This is not just passively watching theory and not doing anything with it. We will build stuff 🙂
Is this Course Right for You?
Your course is not for everybody, you can use this section to pre-select the customers that will get the best results.
WHO THIS IS FOR
- Product and Project Managers that want to better understand the process to take their ideas from their design to their engineering team smoothly.
- Artists and Designers that want to have a better understanding of how the web is built, to better inform their design decisions. Without having to learn a programming language or get buried in too much information.
- Developers that want to have a better control over the visual design of their web pages.
- If you already have an idea of how to create web pages by scratch or using a framework, then this course will give you the proper background, process, and examples to get to mimic visual designs accurately.
- The Box Model Aha Moment Course starts from a basic level for beginners for better understanding of the concepts.
WHO THIS IS NOT FOR
- Absolute beginners who do not know basic HTML or CSS
- Developers that don't want to spend the proper amount of time to translate professional quality designs.
- Developers that are completely against using a front-end framework and using a modern tool set.
- Designers and Developers that simply want to play around with settings and not really get to that pro level.
Pricing + Packages
- Instant access to 11 Lessons
- Lifetime access
Team packages are available. Contact us for details.
Own the Box Model in 30 days or less
I know that often other courses don't give you exactly what you signed up for, that is why we have a 30-day money back guarantee. If you sign up for the course and are not satisfied with it for any reason during the first 30-days you can request a full refund via email.
Here are answers to some frequently asked questions:
Can't I just figure this out on my own?
Probably... There are a ton of tutorials out there but they are not great. Often they go on for hours covering every little detail of the box model and give you little idea of how to create something useful.
In this course I cut right to the chase showing you the most important settings, and showing you how to mimic just about anything. You could dive through a bunch of online tutorials and perhaps come to the same conclusions, or you can jump start your progress by taking my years of experience that have been distilled down to the core essentials.
What if I don't use ZURB Foundation?
The box model is the same if you use a front-end framework or if you don't. If you are hacking out your own designs using just straight HTML and CSS the concepts will be exactly the same. In fact, you might get some good ideas about how you might approach common problems to solve.
What if I don't know how to code?
If you are a designer, product manager, or other tech professional, this course will still help you. I am not going to talk about variables or anything advanced. All you need is a text editor and the chrome web browser.
I'm a (UX/UI/Visual) Designer, is this the right course for me?
If you are a designer, an understanding of the box model will help to inform your designs and allow you to create "frugal ux designs" which will be a cinch for your web team to build out. If they get stuck, you can fire up this course and help them code the more difficult bits. 🙂
Will this work for Bootstrap or UI Kit?
Yes, the same principal applies to all modern front-end (CSS) frameworks.
Will this work with Material Design?
Yes, the same as above.
Will this work for iOS or Android?
Yes, for web apps that are loaded in the web browser. Native apps don't use the Box Model, unless you wrap the app with something like PhoneGap or Ionic framework.
I am a back-end developer, is this for me?
Yes, if you want or need to be able to pull off visual designs. This will teach you the basics of how you can modify just about anything to match a visual design with precision.
I am a full-stack developer, is this for me?
Yes, if you call yourself full stack, you better be able to pull off the visual designs that you are given. The box model is super important for pulling that off. If you are not feeling confident, you should definitely take this course.
I don't have time for another course.
I totally get that. If it is important like today then you would totally be on top of it. No problem if it's not a good fit right now. Check back with me later.
Can I get a refund if I don't like the course?
Yes, for up to 30 days if you are not completely satisfied I will refund your credit card with no more than a simple email. Keep in mind you won't have access to the additional bonuses or discount on the larger course Responsive Design Translation.
Why are you doing a pilot aka beta run?
My goal is to assist web professionals wanting to work in the intersection between Design and Engineering a way to bootstrap their education and career. To do that I need to know what's working and what's not. Beta runs are a great way to get that info, while also giving you an early-adopter discount in exchange for your input 🙂
Why is 42 the answer to the meaning of life?
You know, I have no idea. I am a huge fan of the Hitchhikers Guide to the Galaxy and I think that is one of the more obfuscated bits in the book (or movie). Perhaps in time I might get straight answer from either the mice or the whales. Who knows, nowadays there is probably a wikipedia page for that. Spoiler alert, don't tell me, I'd love to leave it a mystery. 🙂