If you’re looking to get to grips with creating websites, one of the first skills you’ll need is to be able to create a concept website design in Photoshop. This post rounds up 35 of the best Photoshop web design tutorials on the web. Learn how simple effects and techniques are used to create detailed layouts in a range of different styles and how page elements are mocked up into complete page designs.
design
Showcasing 65 of the Best Website Designs of 2018
Throughout the year I’ve showcased my favorite website designs findings in the Line25 Sites of the Week roundups. This special near-end of year post showcases the best of the best, pulling together the best website designs of 2018 into one showcase of super cool sites.
Learning jQuery – Tutorial Roundup for Beginners
jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software and also one of the most popular Javascript libraries, used by designers and developers to enhance a website design beyond the confines of CSS and to easily create complex JavaScript effects with just a few lines of code.
35 Creative Examples of Doodles in Web Design
The everyday doodle is often left hiding away in a designer’s sketchbook, never being fulfilled in life as a complete design, but every now and again doodles get their chance of being part of the big picture. In web design, designers often strive to inject creativity into their interfaces and layouts. The good old pencil can be a highly useful tool that can easily add personality to a design, giving that feeling of originality that you just don’t get with crisp, smooth digital effects. This showcase of creative doodles in web design provides a wealth of inspiration and shows how hand-drawn elements can add that tactile and low-fi feel to a website design.
Responsive Web Design Articles, Tutorials & Guides
Because the showcase of responsive website designs proved pretty popular, we decided to revisit the topic and look at some super handy responsive web design articles, tutorials, and guides that will help you get started with @media queries in order to create your own responsive or adaptive web designs. The resources in this collection have been hand picked as the best the web currently has to offer.
25 Detailed Tutorials for Coding Up Your Web Designs
One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide.
30+ Horizontally Scrolling Websites Showcase
Love them or hate them, horizontally scrolling websites are scattered around the net, and there are some fantastic examples. Unlike the traditional layout of a website that scrolls up and down, horizontal websites flip things around and scroll from left to right. Sometimes they’re enhanced with Javascript to offer an even richer user experience, such as auto-scrolling effects. Check out this collection of 30 inspiring examples, and follow on to a hand full of brilliant tutorials that give an insight into the theory and practice of creating a horizontal site of your own.
Top 5 Web Design Debates That Cause the Most Riots
The world that surrounds the topic of Web Design is home to many debates and opinions on best practices or generally how things should and shouldn’t be done. While many of these opinions are accepted and taken on board by everyone, there are some that end up being split into two opposing camps. One camp will provide an expert opinion for one side of the argument, while the other contradicts with an equally valid argument. Let’s take a look at the five most popular debates; the ones that often end up developing into digital riots with opinions flying like arrows across the vast no-man’s land known as the comments section.
A Showcase of Beautiful Typography in Web Design
We all know how important typography is in web design and design in general. Choosing the right typeface(s) for web, colors and, if necessary, applying the right type treatment can help tremendously in conveying your message to your audience.
Most of the websites showcased today use large typography mostly in their headers, but also in other places such as subheadings and other elements to draw attention to areas of importance. Let’s take a look at some of the best examples of typography in web design.
Semi Web Safe Fonts to Spice Up Your Web Designs
We all know of the usual web safe fonts, you know, Arial, Verdana, Georgia, Times New Roman etc? They’ve been around for years and have become the standard for web typography, but there’s a bunch of fonts out there that are just waiting to be put to use in web design.
