- A Quick Introduction to 123ContactForm
Welcome to this quick introduction to a web service called 123ContactForm. 123ContactForm, despite its name, allows you to create many different kinds of forms, plus quizzes, and even polls, then embed them on your website. It’s filled with all kinds of features, options, and settings, so let’s take a look at some of them right now.Read More… - New Features in Bootstrap 4 Alpha
With around a year of development, 1,100 commits and 120,000 lines of code changed; there is a heap of exciting new features in Bootstrap 4 alpha. Let’s take a look!Read More… - Faster UI Design with “Symbols” and “Shared Styles” in Sketch
In this tutorial you’ll design a mobile shopping cart solution in Sketch. We’ll be paying close attention to two features within Sketch which will speed up our workflow: “Symbols” and “Shared styles”.Read More… - Introduction to the CSS Grid Layout
In this short video from my recent course, The CSS of the Future, I'll introduce you to the CSS grid layout. I'll explain briefly how it works, before discussing browser support (which is limited right now) and showing you how you can enable support for the grid layout in Chrome.Read More… - Vertical and Horizontal Scrolling with fullPage.js
These days more and more sites are designed based on the single-page approach (known as single-page or one-page sites). In this article, we’ll explore how to create such an experience for a demo site by taking advantage of fullPage.js. Read More… - 5 Things to Consider Before Becoming a Freelance Web Professional
Going freelance is great for many, but isn't for everyone. By knowing what the potential drawbacks are as well as the difference between employment and freelancing, you'll be better able to decide if it's the right career path for you.Read More… - Finding the Mobile Typography Sweet Spot
Let’s get serious about mobile typography; we all know that mobile is massive, and we can also agree that typography is super important within a design. Typography is a fundamental design element; personally, I prefer to start with it as I create any design because it helps set a good stage for the rest of the design. So let’s talk about how we can make our mobile typography the best it can be.Read More… - Quiz: Do You Understand SVG?
A quick quiz to test your knowledge of semantic HTML, based on the free short course Using SVG Sprites. Read More… - Tips for Designing and Building a Multilingual Website
Structuring a multilingual website can be pretty difficult. To help you get it right, I’m going to offer up some tips, and share some of our experiences at Tuts+ for going multilingual.Read More… - Learn the Rules of Great Form Design in Our New Short Course
In this course you’ll learn the key rules for great form design. From how to organize form elements, to input lengths and types, to forms on mobile devices, this short course will set you on the right path to awesome forms and happy users.Read More… - Connecting an API-Driven Web App with Javascript
We have our little app looking just the way we want, but it doesn’t actually do anything yet. So, let’s work on adding some JavaScript to make the app interactive.Read More… - Building an API-Driven Web App With HTML and CSS
Having designed some visual mocks to help guide us in building our little app for the browser, let’s get to the exciting part and start building!Read More…
View Learning Guide...Material Design Lite (MDL) is a framework which enables front-end developers to quickly build websites according to Google’s Material Design principles. In this series, Thoriq Firdaus takes you through all the components of MDL, to help you start building with Material Design.
View Learning Guide...During this short series, follow Jim Nielsen as he builds a simple web app based on the iTunes API. The app built during this series has a very specific use, but the principles and practical examples covered will arm you with a set of skills you can apply to many other projects.
Check out the demo and dive in!
View Learning Guide...In this series we’ll be focusing on coding a PSD layout, using the responsive Skeleton boilerplate. There are plenty of tutorials on how to code a design using HTML and CSS, often with an extra dash of JavaScript, but the main purpose of this tutorial is to get things built using the latest version of the Skeleton framework (2.0.4).
Take a look at what we’ll be building, then get stuck in!
