Build a Website using Blocks of Startup Design Framework

What you will learn in this tutorial: How to use blocks and create a web page from scratch using the Startup Design Framework.
Video run time: 5 minutes

Here is step-by-step tutorial through the process of using Designmodo’s new Startup Framework (demo) to create a web page.

SEE ALSO: How To Use Flat UI Pro and Angular.js to Build a Web App

In this video tutorial, David will show you how to set up folders properly and insert CSS and javascript from the kit. (David also explains the logic behind placing javascript code at the end of the page – a great bonus.)

David explains using the Blocks from the Startup Framework to get a basic website started and shows how to add in some basic customizations or mix and match blocks within Startup Framework for different style combinations. Once that assets are set up, you can build a fully responsive website in just a few minutes thanks to the great built-in blocks in the kit.

The tutorial is easy to follow using any platform or editor to develop basic HTML/CSS. David explains and shows the code and actual page as he works. You will need basic web design and coding knowledge and some understanding of Twitter Bootstrap to complete this tutorial.

David East

David East is a Developer Advocate for Firebase in San Francisco. He's a die-hard JavaScript fan and a budding iOS developer. He also likes waffles. If you like to write code—or eat waffles—follow him on twitter: @eastdotnet.

Newsletter

18 Comments
  1. SUSAN Feb 21, 5:19 pm

    Thank you for the tutorial, it really helped get me started. Now if I could just figure out how to get the slides like those on Sample 13 or Sample 25 to automatically transition that would be great.

    Reply
    0
  2. Lyman Mar 13, 9:03 am

    Have you guys ever thought of making a WordPress Theme? Or do you have a tutorial on integrating the startup framework into WordPress?

    Reply
    +5
  3. johnchatel Mar 18, 5:54 pm

    +1
    Great! Your framework is awesome and a guide to integrate with WordPress will be very helpful!

    Reply
    +6
  4. Paul Apr 3, 8:31 am

    Excellent Tutorial. I learned a lot from this! I am a beginner level front-end developer

    Just a question. If ever i need to integrate this into WordPress. What theme do you suggest?(HTML to WordPress)

    Please let me know.

    Reply
    +1
  5. Lorianne Apr 20, 1:44 am

    Wondering if you made the video for using Startup Framework with WordPress??

    Reply
    +1
  6. Mark Apr 28, 6:14 pm

    also wanting to know when a using with WordPress tutorial is coming

    Reply
    +1
    • Adrian Apr 28, 7:14 pm

      Hi, thanks all for interest in WordPress tutorials of Startup Framework. We’ll come back with this information in a few weeks.

      Thanks for patience.

      Reply
      +6
  7. Corey May 18, 5:04 pm

    Anyone have experience integrating this with Rails? For the most part things are great, but for example Header1 does not load images or text :[

    Reply
    0
  8. Marc Aug 7, 9:31 am

    Hi Adrian,

    Do you have any news about the WordPress tutorial for the Startup Framework for us?

    Can’t wait to start building!

    Cheers,
    Marc

    Reply
    0
    • Adrian Aug 7, 9:38 am

      Hi Marc, sorry, we are not going to make promised tutorials, because we make a full WordPress theme based on Startup Framework :)

      Reply
      0
  9. Marc Aug 7, 10:10 am

    Oh wauw!

    Do I need to purchase the WP theme again, as a Startup Framework customer?

    Reply
    0
    • Adrian Aug 7, 10:42 am

      I can’t give you more details know. All details in the release day!

      Reply
      0
  10. Marc Aug 7, 10:03 pm

    And when is de release day Adrian? :)

    Sorry for bothering you again!

    Reply
    0
  11. Marc Aug 7, 10:18 pm

    Haha ok! Then I’ll beam all my productivity-energy towards you guys!

    Thanks for responding so quickly each time :)

    Reply
    0

Leave a Reply

*
* Minimum length: 20 characters