Thoriq Firdaus - Envato Tuts+ Profile

Tutorials

Quick Tip: Using the HTML5 Download Attribute
Creating a download link in HTML is straightforward; add an “a” tag and reference the file in the “href” attribute. It doesn’t always work though, in which...
Thoriq Firdaus
16 Mar 2023
Web Design
HTML5 Form Validation With the “pattern” Attribute
In this tutorial we’ll explore HTML’s pattern attribute, using it to help us customize the way we validate our forms.
Thoriq Firdaus
21 Apr 2021
Web Design
Sticky Positioning Without JavaScript (Thanks to CSS Position: Sticky)
Sticking elements when the user scrolls to a certain point is a common pattern in modern web design. This behaviour has now become a standard (CSS position:...
Thoriq Firdaus
16 Sep 2019
Web Design
A Translator’s Guide to WordPress Localization (l10n)
Some parts of WordPress, as well as derivative projects such as themes, plugins, and apps remain unfinished or completely untranslated. In this tutorial,...
Thoriq Firdaus
6 Feb 2017
Web Design
How to Create a Web Component for Embedding YouTube Videos
In this tutorial we are going to create a fully-functioning custom HTML element using “Web Components”.
Thoriq Firdaus
5 Jul 2016
Web Design
How to “Lazy Load” Embedded YouTube Videos
In this tutorial I’ll explain how to “lazy load” multiple embedded YouTube videos. Doing so will improve the performance of our initial page load, and hand...
Thoriq Firdaus
30 Jun 2016
Web Design
Form Design: How to Automatically Format User Input
In this tutorial you’ll learn how to format, real time, user input in a form field. As a user types something into an input field the value will be adjusted...
Thoriq Firdaus
27 Jun 2016
Web Design
How to Build an Infinite Scroll Experience With the History Web API
In this tutorial we are going to reinforce our History Web API skills. We’re going to build a UX pattern on the Web which is loved and loathed in equal...
Thoriq Firdaus
6 Jun 2016
Web Design
How to Integrate SmoothState.js Into a WordPress Theme
In our previous tutorial, we used the History Web API within a static site to serve smooth page transitions. In this tutorial we’re going to take things to...
Thoriq Firdaus
31 May 2016
Web Design
Selecting Parent Elements With CSS and jQuery
In this tutorial we will walk through a few cases where having a CSS parent selector might come in handy, along with some possible workarounds. Let’s get...
Thoriq Firdaus
2 May 2016
Web Design
Lovely, Smooth Page Transitions With the History Web API
In this tutorial we’re going to build a website whose pages transition smoothly, without the usual aggressive page refresh. To achieve this we’ll use the...
Thoriq Firdaus
28 Apr 2016
Web Design
Preserving Coding Standards: 5 Tools to Get You Started
There are numerous resources we can lean on during coding that will help preserve standards across the team. In this tutorial, we are going to look into how...
Thoriq Firdaus
6 Apr 2016
Web Design

Translations

Membangun Sebuah Template Email HTML dari Awal
Cara terbaik untuk memahami proses apapun adalah dengan melakukannya sendiri, dari awal. Hari ini, kita akan melakukan hal tersebut untuk mendesain email,...
Nicole Merlin
22 Nov 2022
Web Design
Membangun Web dengan Google Web Starter Kit
Web Starter Kit adalah sebuah inisiatif baru dari Google; sebagai bagian dari misi mereka untuk menyederhanakan alur pengembangan web, sembari mendorong...
Thoriq Firdaus
23 Jun 2014
Web Design
Pengenalan Animasi CSS bagi Pemula
Saat ini, semakin banyak website yang menggunakan animasi, baik dalam bentuk GIF, SVG, WebGL, video latar dan lain sebagainya. Ketika digunakan dengan benar,...
Catalin Miron
3 Jun 2014
Web Design
Petunjuk Singkat: Apa yang Anda Lakukan Ketika Medapati Sebuah File Bower
Pernahkah Anda mengunduh sebuah repositori GitHub, namun kemudian menemukan beberapa file aneh dan asing yang tidak Anda kenali?
Thoriq Firdaus
26 May 2014
Web Design
9 Fitur Sketch yang Harusnya Anda Gunakan
Sketch adalah sebuah aplikasi grafik untuk para desainer, yang dengan sangat baik juga dapat digunakan ke dunia web desain. Jika anda baru saja mengenalnya,...
Dominik Schmidt
10 Feb 2014
Web Design
Peningkatan Visual Sederhana di Sublime Text agar Dapat Menulis Kode Lebih Baik
Sublime Text menyajikan ribuan extensi dan pengaturan untuk menciptakan sebuah editor kode yang dapat terpersonalisasi bagi siapa saja. Saat ini, saya akan...
Josh Medeski
3 Feb 2014
Web Design
Petunjuk Singkat: Jangan Lupa Viewport Meta Tag
Saya mengingat perjalanan pertama saya mempelajari responsive web design; saya menggunakan grid biasa, bergulat dengan layout fleksibel, dan menangangani...
Ian Yates
26 Jun 2013
Web Design
Dasar Pemrograman JavaScript Berorientasi-Objek
Beberapa tahun terakhir, JavaScript semakin meraih popularitas, antara lain disebabkan dengan banyaknya pustaka (library) yang dikembangkan agar penerapan...
Leigh Kaszick
11 Nov 2009
Code