Prototyping Websites with Code

Tim Knight will focus on his prototyping process and using Sass to build your own prototyping toolset.

Join or login to comment.

  • JoAnne M.

    Very eye-opening! Thanks for sharing!

    1 · October 12

  • Tim K.

    I remembered that I never mentioned the architect who was responsible for the concept of Design Patterns. It was Christopher Alexander. While it might be hard to see the similarities with building and community architecture, two of his works essentially, "Notes on the Synthesis of Form" (1964) and "A Pattern Language" (1977) are highly regarding in the communities of software design and development. I hope you find them interesting.

    October 12

  • Tim K.

    Thank you everyone for coming out last night. My goal was to be able to provide a little something for everyone, both beginners and advanced, so I hope I achieved that for you.

    My slides are available at­ and I've added a final slide that includes links to some of the tools we talked about.

    I look forward to seeing you all next month and until then, happy prototyping.

    6 · October 10

    • Daryn St. P.

      Hey Tim, I really dug your presentation. I'm a heavy Sass user and you had a couple mixins that I love. I managed to find your breakpoint mixin but wasn't sure where to grab the color mixin. Can you tell me where I can get that at? It looks super useful. Thanks for your hard work!

      October 11

    • Tim K.

      Thanks Daryn, I'm glad you enjoyed it. The color palette aspect is actually a function. If you look at slide 19. The colors are setup using the $color-palette map within a configuration file. Then within my mixins and functions I create the palette function that you can see at top of that slide. That let's me shorthand the calls to the map. I hope that answers your question.

      1 · October 11

  • Tarik­ Here is a cool app that will process your Sass/Less files automatically. This is how I was able to use Less immediately without really needing to understand how to set it up or run (node.js for Less, Ruby for Sass). However, I'll be switching to just using Sass without Koala. I'm learning as I go, but feel free to ask me questions.

    October 10

    • Benjamin M.

      There's also prepros which is the equivalent of codekit for windows.­

      October 10

    • Benjamin M.

      It really depends what your web stack is but I prefer using nodejs with gulp to compile my Sass files since it's web stack agnostic and theres no need to install Ruby in order to use it.

      1 · October 10

  • Joey C.

    Good stuff! Thanks!

    2 · October 9

  • Kathryn B.

    very good, found out more I need to learn!

    1 · October 9

  • Jerry W.

    Great concepts and tips to work/design smarter - Thanks!

    1 · October 9

  • Jason

    Will this get recorded? I can't make it!

    October 9

  • John H.

    Unfortunately I wasn't able to make it. Are there any slides / links available?

    October 9

  • Margaret S.

    I dont get off work till 5:50 and am about 25 minutes away from the event. Will i miss too much of the presentation if i come that late? Im debating on going to this event tonight.

    October 9

    • Andi G.

      Definitely not! We usually get started around 6:05 or 6:10 ... we'll try to delay a bit for you :)

      October 9

    • Margaret S.

      Thank you. I will see u guys tonight

      October 9

  • Benjamin M.

    Yet again another meetup I won't be able to make it to due to last minute BS -_-

    October 9

  • A former member
    A former member

    HI, Your link is not working.­

    1 · October 6

  • Christopher N.

    Driving up from Sarasota for this :)

    3 · October 8

    • Lindsay Jo C.

      I'll be there too :D

      2 · October 8

    • Tim K.

      I'm driving up from Sarasota to present it so I'll do my best to make it worth it for you ;).

      1 · October 8

  • Tim K.

    I'm looking forward to seeing all of you tomorrow night both to learn and share. If you have prototyping questions please be sure to bring them.

    2 · October 8

  • Nicholas S.

    Just wanted to let the group know if there are any students out there Github has put together a free student developer package. A lot of neat tools and services.­

    2 · October 8

  • Skunkape

    If you click on the map link above, it will give you the VMC on Google Maps, which you can then give you a street view, panning to the right will show you the entrance to the VMC.

    1 · October 6

  • Nicholas S.

    Future topic suggestion: I would love to hear someone speak about Angular.js or Node.js if anyone regularly uses those.

    3 · September 11

    • Andi G.

      Hi Martin - We've got it on the schedule for early 2015!

      October 6

    • Martin F.

      Thanks, Andi. I forgot to click Meetup's Facebook-like "view previous replies" link and totally missed that! >blush<

      October 6

  • Jaime F.

    Can't go, I have a conflicting event. Sad to miss two months in a row! :(

    October 6

  • Leyva C.

    I have to miss because my friend is getting married. Who has a wedding on a Thursday?

    1 · October 3

    • Lindsay Jo C.

      In their defense, planning weddings on off days (AKA, not weekends), saves a lot of money. Most vendors are half or at least 30% less on a non-traditional day. :p

      October 3

  • Melina B.

    I would love to attend, but I won't be able to make it at 5:30 since I work in Thonotosassa and don't get off until 5pm. :-(

    September 20

  • Milagro L.

    Do we need any prior preparation for this?

    September 8

    • Tim K.

      Hi Milagro. What type of preparation did you have in mind? I'll be posting a comment to this thread shortly to give everyone a better understand on what they can expect from the talk. I would suggest that most people would want a basic understand of HTML and CSS, but I will get into other more advanced topics. Non-designers and management too will learn about some of the benefits prototype serves to the general process and how it fits into the development cycle.

      1 · September 8

Our Sponsors

  • Veredus

    Location & food for our November meetup.

  • ValPak

    Space & food for our Oct. Meetup!

  • The Iron Yard

    The Iron Yard will be providing food for the September meetup.

People in this
Meetup are also in:

Imagine having a community behind you

Get started Learn more

I started the group because there wasn't any other type of group like this. I've met some great folks in the group who have become close friends and have also met some amazing business owners.

Bill, started New York City Gay Craft Beer Lovers

Start your Meetup today

Act now and get 50% off.
Until February 1.

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy