100 Popular Translated Web Design Tutorials and Articles

The Tuts+ Translation Project has been running for over a year now and is still picking up speed–every day we receive new submissions, requests and ideas, in all kinds of languages! With the help of Native we’re processing translations quicker and more easily. Find out how to get involved at the bottom of this post, but in the meantime here are some of the most popular translations, in 24 different languages, from Tuts+ Web Design.

Arabic (العربية/عربي)

• المرجع المقدس للمركزة بواسطة الـ CSS
• أساسيات تجربة الاستخدام (UX)
  
• حالة الـ SEO في عام 2015
  
• 7 وحدات CSS قد لم يسبق لك معرفتها
  

Bulgarian (Български)

• Създаване на (Off-Canvas) навигация с помощта на Bootstrap
• Пресъздаване на Ripple Effect част от Google Design
  

Bengali (বাংলা)

• সিএসএস সেন্টারিং-এর হলি গ্রেইল
  
• Sass ইন্টারপোলেশন সম্পর্কে যা যা জানা প্রয়োজন
  

Chinese (Simplified) (中文（简体）)

• 在Sublime Text里有助编码的简单视觉改善
• 成功的按钮设计的准则
  
• 快捷提示：别忘记Viewport Meta标签
  
• 制作简单的响应式HTML邮件
  
• 用CSS3和HTML5验证来创造最新式表单
  
• 中文字体新手指南
  
• 墙内生存指南：中国的网页设计现状
  
• 与G’Day的设计领队及创始人陈佳生的一次闲聊
  

Chinese (Traditional) (中文（繁體）)

• 9 個你應該知道的 Sketch 功能
• 牆內生存指南：中國的網頁設計現狀
  
• 一個簡單，響應式，流動式導覽
  
• Tuts+ 的翻譯項目起作用，我有圖表證明
  
• 使用Parse.js搭建自己的部落格
  
• 牆內生存指南：中國的網頁設計現狀
  

Dutch (Nederlands)

• De Heilige Graal van Centreren met CSS
  

French (Français)

• Construire un Modèle HTML d'Email Soi-Même
• Guide du Débutant au Wireframing
  
• Créer un Simple Responsive Email en HTML
  
• Guide du Débutant pour Associer Vos Polices de Caractères
  
• Un Menu Principal Simple, Adaptatif et Mobile
  
• 7 Approches Non Tramées de l'Icône de Menu “Hamburger”
  
• Comprendre les Options d'Exportation de Sketch
  
• 9 Effets Rapides Pour un Design à Peu Près Correct
  
• Enorme au Japon : Le Design Web au pays du Soleil Levant
  

German (Deutsch)

• Einfache Optische Hilfen für besseres Entwickeln in Sublime Text
• Ein Wireframing-Leitfaden für Einsteiger
  
• Erstellen Einer Einfachen "Responsive" HTML Email
  
• Kleiner Tipp am Rande: Vergiss nicht das Viewport Meta Tag
  
• Der Heilige Gral des Zentrierens Mittels CSS
  
• Die Export-Optionen von Sketch Verstehen
  
• 9 Schnelle Tipps Für Halbwegs Gutes Design
  

Greek (ελληνικά)

• Το Ιερό Δισκοπότηρο της κεντρικής στοίχισης στο CSS
• Γρήγορη Συμβουλή: Να θυμάστε να δίνεται Style στο Alt text σας
  

Hindi (हिन्द)

• सीएसएस एकत्रित की होली ग्रेल

Hungarian (Magyar)

• A Sikeres Gomb Dizájn Alapjai

Indonesian (Bahasa Indonesia)

• Cara Membuat Responsif HTML Email Sederhana
• Peningkatan Visual Sederhana di Sublime Text agar Dapat Menulis Kode Lebih Baik
  
• Petunjuk Singkat: Jangan Lupa Viewport Meta Tag
  
• Membangun Sebuah Template Email HTML dari Awal
  
• Pengenalan Animasi CSS bagi Pemula
  

Italian (Italiano)

• Creare Una Collezione di Pre-Caricamenti Animati in CSS3
• Configurare Foundation con Sass e Compass
  
• Il Sacro Graal Dell'allineamento in CSS
  
• Appunti al di là del Firewall: Lo stato del Web Design in Cina
  

Japanese (日本語)

• 2015年の SEO 業界
• 直ぐに試せる: HTML5 "download" 属性を使う
  

Korean (한국어)

• 최고의 CSS 중앙정렬 기법

Persian (پارسی) 

• کعبه ی آمال مرکز سازی با CSS
• لیست ضروری توتس پلاس برای طراحان وب
• Foundation برای تازه کار ها : شروع کار
• ساختن یک مجموعه از پیش-بارگذار های متحرک شده CSS3

Polish (Polski)

• Poradnik dla początkujących jak łączyć fonty

Portuguese (Português)

• Criando E-Mails HTML Responsivos
• Atualize Seus Formulários com Validação Via CSS3 e HTML5
  
• Aprendendo o Google Web Starter Kit
  
• Navegação Simples, Responsiva e para Dispositivos Móveis Primeiro
  
• Como Integrar o “No CAPTCHA reCAPTCHA” em Seu Site
  
• Como Criar um Portfólio Baseado no Instagram Utilizando o Bootstrap
  
• Aperfeiçoamentos Visuais Simples para uma Melhor Codificação no Sublime Text
  

Romanian (Română)

• Sfântul Graal al Centrării în CSS

Russian (Pусский)

• Создание простого адаптивного HTML-шаблона электронного письма
• Разбираемся с настройками экспорта в Sketch
  
• Простая, адаптивная навигация с учетом подхода "mobile first"
  
• Всё, что вы хотели знать о центрировании с помощью CSS
  
• Как интегрировать “No CAPTCHA reCAPTCHA” на Ваш Сайт
  
• Построение интерфейса модульной панели с помощью Pure
  

Spanish (Español)

• Creando un sencillo email HTML responsive
• Pon al día tus formularios con validación de CSS3 y HTML5
  
• Consejo rápido: no olvides la etiqueta meta viewport
  
• Sencillas mejoras visuales para una mejor programación con Sublime Text
  
• Consejo rápido: cómo usar el elemento “picture” de HTML5 para imágenes responsivas
  
• Empieza a desarrollar con Google Web Starter Kit
  
• Como integrar “No CAPTCHA reCAPTCHA” en tu website
  
• Una guía acerca de combinar fuentes para novatos
  
• Guía de esquema de página para principiantes
  

Telugu (తెలుగు)

• CSS తో Center చేయడం అనే అమూల్యమైన ఆర్టికల్

Turkish (Türkçe)

• Sublime Text'te Nasıl Daha İyi Kod Yazılır?
• Başarılı Buton Tasarımı İçin Esaslar
  
• CSS3 ile Hareketlendirilmiş Önyükleyici Koleksiyonu Oluşturmak
  

Vietnamese (Tiếng Việt)

• Cách Căn Giữa CSS Của Holy Grail
• Dòng lệnh cho thiết kế Web: Giới thiệu
  
• Dòng lệnh trong Thiết kế Web: Nắm bắt những khái niệm cơ bản

Get Involved!

Do you have a solid grasp of English and written fluency in another language? If so, and you’re willing to get involved, we’d love to have you translate some of our tutorials! Any languages are welcome, find the link in the sidebar of a tutorial you’d like to translate, click it to visit the form and enter your details to volunteer. 

Or, perhaps you have a favourite tutorial which you’d like to see translated into another language? Let us know in the comments. Lastly, stay up to date with Translation Project news by subscribing to the newsletter or following @tutsplus_es and @tutsplus_pt on Twitter!