Filed under accessibility, Coding, CSS, Design, dribbble, HTML, Portfolio, standards, techniques, Tips, Tutorial, Tutorials, Web Design by Chris Spooner
Continue this step by step tutorial to create a simple single page portfolio website design that will self-update using shots from your Dribbble profile. In this second and final part of the series we’ll go through the process of building the Photoshop concept into a working HTML/CSS web page then add the jQuery plugins to [...]
Continue Reading "Build a Basic Dribbble Fed Portfolio Website (Part 2/2)"Filed under accessibility, Coding, CSS, html5, Web Design by Jacob Cass
This is a guest article contributed by Vail Joy. As Opera evangelist Bruce Lawson puts it, “Everyone’s talking about HTML5”. It’s perhaps the most hyped technology since people started putting rounded corners & gradients on everything. In fact, a lot [..]
Read More
Filed under accessibility, Web Design by Jacob Cass
I was recently humbled and amazed at an email I received through my brand identity questionnaire and I just had to share the story, not only because it opened my eyes to something amazing, but something I would never have thought of and I’m sure not many others would have either.
To cut to the chase, [...]
Filed under accessibility, Web Design by Jacob Cass
I was recently humbled and amazed at an email I received through my brand identity questionnaire and I just had to share the story, not only because it opened my eyes to something amazing, but something I would never have thought of and I’m sure not many others would have either.
To cut to the chase, [...]
Filed under accessibility, cms, css3, framework, grids, media queries, mobile, responsive design, Web Design by 352 Media
When you already have a full plate of client work, it can be difficult to get into new technologies. Responsive design is a big buzz-phrase right now, but it’s unnecessary to force it on a client unless their users will see a benefit from it. At 352 Media Group, we recently saw an opportunity to [...]
Continue Reading "Responsive design in the corporate world"Filed under accessibility, Articles, Coding, CSS, css3, Design, Fonts, HTML, interface, javascript, links, Resources, Typography, Web Design, web fonts by Chris Spooner
Over the past few years the number of fonts available for use in web design has dramatically increased. It wasn’t long ago that we all knew not to stray further than the basic Arial, Helvetica, Times, Georgia mix, but now there’s a range of services that allow the use of almost any font imaginable in [...]
Continue Reading "Which Custom Web Fonts Solution Should You Use?"Filed under accessibility, Blog, Coding, CSS, css3, Design, HTML, html5, semantics, standards, techniques, Tips, Tutorial, Tutorials, Web Design by Chris Spooner
Last week I posted part one of this tutorial series covering the process of creating a typography based blog design in HTML5 and CSS3. We finished off the Photoshop concept with the design based on a strict grid and text laid out in our desired typeface. Now let’s replicate the design in a static HTML5 [...]
Continue Reading "Create a Typography Based Blog Layout in HTML5"Filed under accessibility, Articles, Coding, crimes, CSS, HTML, misuse, semantics, tags, Tips, Web Design by Chris Spooner
View the source code of a hand full of websites featured in CSS galleries today and you’ll often see the same errors appear time and time again. These mistakes are usually habits we picked up during our early days of coding that have stuck around due to lack of clarification. This post rounds up a [...]
Continue Reading "You’re Doing it Wrong: Common HTML Tag Misuses"Filed under accessibility, Coding, CSS, css3, Design, harley davidson, HTML, interface, table, techniques, Tips, Tutorial, Tutorials, Web Design by Chris Spooner
We’ve all grown up as web designers staying well away from table based layouts, but we don’t often brush up on our table building skills ready for when we will actually need them. Follow this step by step tutorial to create a slick looking data table to compare the features of various Harley Davidson motorcycles. [...]
Continue Reading "How To Create a Slick Features Table in HTML & CSS"Filed under accessibility, Articles, Coding, copy, crimes, entities, entity, HTML, interface, semantics, Tips, Web Design, xhtml by Chris Spooner
It has been over a couple of years since I posted my HTML tag and usability crimes posts, both of which are amongst the most popular articles here on Line25. There’s something about this title people just can’t resist! Let’s take a look at ten crimes you may be committing in your HTML content. These [...]
Continue Reading "10 HTML Entity Crimes You Really Shouldn’t Commit"Filed under accessibility, Coding, CSS, css3, Design, How to, HTML, html5, interface, layouts, techniques, Tips, Tutorial, Tutorials, Web Design by Chris Spooner
Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3. We’ll build the HTML structure with the latest elements then style up the appearance of the site with CSS3 affects to match the original Photoshop concept with minimal use of background images. The [...]
Continue Reading "Create a Grid Based Web Design in HTML5 & CSS3"Filed under accessibility, Coding, CSS, css3, HTML, interface, javascript, jQuery, slideshow, techniques, Tips, Tutorial, Tutorials, Web Design by Chris Spooner
Javascript slideshows are one of the best ways to display lots of information in a relatively small space while adding cool functionality to a web page. Let’s build our own slideshow with sliding panels navigatable by button links. You could use the slideshow to showcase featured content on your homepage, or as a simple image [...]
Continue Reading "How To Build a Sliding Feature Slideshow with jQuery"Filed under accessibility, basics, beginner, Coding, CSS, Design, HTML, Icons, interface, photoshop, photoshop tutorial, semantics, techniques, Tips, Tutorial, Tutorials, Web Design by Chris Spooner
Some of my most popular articles and tutorials are those that cover the basics. In this post we’ll go through the process of designing a stylish button graphic in Photoshop, then build a complete working example in HTML and CSS. We’ll be looking at pseudo selectors in particular to create hover and active states for [...]
Continue Reading "CSS Basics: How to Design & Code a Stylish Button"Filed under accessibility, Fonts, Guest, Guest Articles, Typography, Web Design by Jacob Cass
This is a guest article from Jennifer Moline*.
Accessibility of images is emphasised during web design training, but an equally important issue that is much less discussed is font accessibility. While images require alt text tags to enable the visually impaired to know what is being displayed, [...]