Web Design Using Sketch, Flexbox, and JQuery Standard

Web Design Using Sketch, Flexbox, and JQuery Standard

Styling a Bare-Bones Web (Rails) Application

About the Book

Web Design Using Sketch, Flexbox, and JQuery takes a boot camp/peer coding approach, combining creative, design, and technical "over the shoulder" training that not only tells you how to build—but shows you. After completing this course, you will have the skills to tackle front-end work—both UX design and UI development.

Do you want to start a new career in front-end design and or UI development? Do want to level up and add UI development to your resume? Do you want to learn to code? Then, this is the course for you. Using this course you can upskill—you’re creative and smart, but your skills aren't inadequate for the current job market—with this course, you can learn those skills. I teach you to design a web application prototype using Sketch 3, and then build it using HTML5 and CSS3. Sketch, with CSS Flexbox is very powerful. I'll show you how to use Flexbox to make the prototype layout responsive—displaying on desktops, tablet, and smartphones. A bare-bones Rails application is our starting point. I'll show you how to style the Rails application's home page using Sketch 3, Flexbox, and JQuery—using my Rock-n-Roll inspired ACDC methodology.

I cover everything in just 113 pages and source code—no need for a 300-page book. Just the knowledge you need to be successful in a 2-hour read. I won't bog you down with Git, namespacing, and web frameworks. This crash course includes Sketch 3, HTML5, and CSS3 Flexbox example source code (Sketch 3 design files, icons, HTML, and CSS code). I show you how to design and build for the web—simply and concisely. After completing this course, you will be able to build a web application prototype with confidence. 

  • Share this book

  • Categories

    • Computers and Programming
    • HTML
    • Graphics
    • JavaScript
    • Ruby on Rails
  • Installments completed

    1 / 1

  • Feedback

    Email the Author(s)

About the Author

John Moore
John Moore

John has 13 years experience in instructional systems design and web development. He has designed and developed over 100 web-based learning products using multimedia and web technologies. John is also an artist. His public art is located in Indianapolis, Indiana. Learn more about John here: https://goo.gl/Fybqeb 

Table of Contents

Tools: HTML5, CSS3, JavaScript, and SVG 

Powerage: The ACDC Method 

High Fidelity Prototyping

Assessing: Web Application Breakdown

Conceptualizing: Mockup and Wireframe the Application 

Conceptualizing and Designing: Design Considerations 

Designing: Design Breakdown

Designing: Bohemian Coding Sketch 3

Designing: Building the Leftbar Section

Designing: Building the Footer Section

Designing: Building the Rightbar Section

Designing: Building the Category Section

Designing: Final Design

Coding: Building the Prototype in HTML5, CSS3 Flexbox, and JQuery

Coding: Working with the HTML5 DOM

Coding: Styling with CSS3 and Flexbox

Coding: Building the JavaScript/JQuery Preloader

Coding: The JavaScript/JQuery Preloader Experience

Coding: The Final Web Application Prototype

Going Forward

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $14 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub