Getting the HTML elements in place Ok, let’s get writting some HTML. In the following video, I take you through writing your first HTML tags. I’ll also talk about using Codepen. Codepen is an online code editor, learning environment, and community for web development. We will be using it a lot, so sign up for an account right […]
Category: web
As we have heard, the internet is made up of a stupid amount of text documents that are all linked together. This linkage, or hyper-linkage, creates the web that we navigate the internet on. When we engage with the internet, we are essentially reading these text documents via a web browser, like Chrome or Safari. […]
Designing an email newsletter in Photoshop
In the screencast below, I put together a mock-up or high fidelity design for a small business email newsletter (eDm). This is a snippet of a larger design process that includes research, wireframing, design and development. We will look at that process in more detail in subsequent posts. Right now though, for this email newsletter […]
What kind of images should we make for screens? There are a lot of different image file formats, not all of them are appropriate for use on the internet or screen based media. This video gives a breakdown of web/screen file formats, plus other useful information and guidelines for producing artwork for the internet. How […]
The viewport is your user’s view of your web design. Your user’s viewport will be different depending on what kind of device they are using. It might be a small Android smartphone or an iPhone 12 pro. They might be using Firefox on a desktop computer. As responsive web designers, we design for all of […]
Implementing a shop with Ecwid
Ecwid is an extensive and powerful e-commerce service. Itis easy to implement and it’s free to start off. Here is a short video from the Ecwid youtube channel on setting up a shop. How to Create an Online Store in 5 Minutes! Ecwid Tutorial » You can add custom CSS to your Ecwid shop to change fonts, […]
Implementing a Formspree contact form
Formspree is a form backend, API and email service for HTML forms. It is the simplest way to embed custom contact us forms, order forms, or email capture forms on your static site. Note: Formspree offers paid plans. Make sure you don’t accidentally get charged.
The :hover selector is used to select elements when you mouse over them. The :hover selector can be used on all elements, not only on links. Use the :link selector to style links to unvisited pages, the :visited selector to style links to visited pages, and the :active selector to style the active link. Make […]
Coding your website: first steps
Here is a video about getting started. I often find that I’ll have multiple attempts at getting started. I’ll often recode a project multiple times. I’ll discover a different approach, a more streamlined way to achieve something. I’ll begin again. We learn important stuff by getting started. So, there is no harm in getting started […]
In part 1 of this article, we discussed the planning stages of a web design project. In this part, we will jump in and implement that planning with code. Let’s start writing some HTML. Open up a CodePen and follow along with the screencasts below. Good luck. Getting the main structure in place In this […]