Thoriq Firdaus
I'm a web designer, living in Indonesia. I love trying new things around CSS3 and HTML5, and occasionally speak at some local colleges and institutions on the subject. I also authored a book, Responsive Web Design by Examples, which covers practical approaches on building responsive websites rapidly with frameworks.
Tutorials
  • Web Design
    Introducing the HTML5 “Menu” and “Menuitem” ElementsMenu
    749 shares
    Today I’m going to introduce you to two elements: and , part of the Interactive Elements specification. The web has evolved into something more than just linked documents; pages behave increasingly these days like apps. As such, it’s an appropriate time to form standard web interactivity features.Read More…
  • Web Design
    Explaining the “Details” and “Summary” ElementsDetails
    214 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
    177 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
    372 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
    131 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
    206 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
    580 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…