Thoriq Firdaus
I'm a web designer and an author living in Indonesia. I love trying new things revolve around CSS3 and HTML5, and occasionally gives presentation on the subject at some local colleges and institutions. I also authored a book, entitled Responsive Web Design by Examples, which covers practical approaches on rapidly building responsive websites.
Tutorials
  • Web Design
    Explaining the “Details” and “Summary” ElementsDetails
    91 shares
    In this tutorial we'll explore the
    and elements.Read More…
  • Web Design
    How to Build an Off-Canvas Navigation Layout With BootstrapOff canvas
    171 shares
    In this tutorial, I'll show you how to add an off-canvas navigation to Bootstrap with an extension called Jasny Bootstrap by Arnold Daniels.Read More…
  • Web Design
    Get up and Running with Google Web Starter KitGoogle
    364 shares
    In this post, I'm going walk you through several of Google Web Starter Kit's key features and also demonstrate how to use it for your next new project. Without further ado, let's get started!Read More…
  • Web Design
    Quick Tip: What to do When You Encounter a Bower FileBower
    87 shares
    Have you ever cloned or downloaded a GitHub repo, only to find a number of strange and extraneous files which you don't recognise? For example, you may well have found a bower.json file included in the source files. If you're not sure what to do with such a file, this quick tip will help you out.Read More…
  • Web Design
    Bringing Our Behance Portfolio Alive With CSS AnimationBehance thumb 3
    146 shares
    In previous tutorials we've looked into harnessing the Behance API to drive our own web page, and then, using LESS, we made the whole thing look presentable. In this tutorials we're going to enhance the experience for visitors by adding a lightbox effect and some CSS animations.Read More…
  • Web Design
    Styling Our Behance Portfolio Website Using LESSBehance thumb 2
    138 shares
    During the previous part of this series, we learned about the Behance API, using it to capture a user's portfolio pieces and display them on a web page. In this part we will style the web page, presenting the portfolio pieces in a suitably attractive way. Read More…
  • Web Design
    How to Use the Behance API to Build a Custom Portfolio Web Page Behance thumb 1
    201 shares
    Behance is great hub for creatives to share and show off their work and ongoing projects. Unlike Dribbble or Forrst which — as I personally see them — are predominantly populated by illustrators and UI designers, Behance encompasses a wider range of creative fields including Architecture, Motion Graphics, Automotive Design and Fashion. In addition to this, Behance also provides a set of APIs to get access to the content.Read More…
  • Web Design
    Practical Use of CSS3: Transforms and TransitionsWeb design
    125 shares
    Transforms and Transitions (introduced as part of the CSS3 specification) enable us to create the kind of interaction and experience previously only associated with JavaScript or Flash. You'll likely have read a lot of discussion and tutorials covering these properties, but they tend to be experimental in nature.Read More…
  • Web Design
    CSS3 Transitions And Transforms From ScratchPreview
    573 shares
    There are some amazing examples of CSS transforms and transitions, and whilst you may be blown away by them, there's a good chance that you're also overwhelmed and a bit intimidated! This tutorial will take you back to the very basics. We're going to create some fundamental CSS3 transitional movements, step by step.Read More…