When it comes to web design, every designer tends to have their own favorite coding application. Luckily for Mac users, there are plenty of options to choose from, this roundup of HTML and CSS editors pulls together the most popular editing apps with a brief overview of their features.
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.
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.
We do a fair bit of trend spotting while we’re browsing for cool website designs to feature in our inspirational web design roundups. One design trend we’ve noticed that is becoming more and more popular is the split layout, where the page is divided vertically into two halves to display separate areas of content. Often these two halves are contrasting with light and dark color schemes and allow the user to make a decision on the type of content they want to see.
In a recent redesign of my own personal blog I decided to use a calendar style icon to display the post date . It’s one of those elements that would once have been created with background images, but now thanks to the wealth of CSS3 features it can be created entirely in CSS3. We’ll be using properties such as linear-gradients, border radius and box shadow to replicate the icon’s original Photoshop design.
Follow this step by step tutorial to create a traditional pen & paper inspired contact form in HTML and CSS. We’ll use a mix of basic and intermediate CSS techinques to give the form the appearance of a letter, then use the
@font-face CSS property to transform the digital text into handwriting.