Digital Typography

Low and behold the generational gaps of typography have reached the masses in digital form. Some call these style variations typeface or fonts. They come with special names usually the font is named after the creator of the font. If you’re a graphic designer, calligrapher, or print maker/ Artist. Then you will be faced with a decision one day to decide how the message of your artwork is rendered and viewed by the audience. So what resources are available for font choice and who are the gate keepers?

As a digital artist or designer. Especially for commercial artwork https://fonts.google.com/ has a nice library of various fonts that can be used for free. The process to embed the code into your CSS is straight forward. Google provides the link to copy and paste into the head of the HTML document. Then Google offers the CSS script to copy and paste into the CSS code.

On the other side of the coin, typographers create specific fonts and license them for sale to be used by designers for various reasons in the applied art industry. Design shack has a great article of where to gather more information about types of license uses. They also have various links to websites that sell font licenses. There you get to see what is styling in the font world. https://designshack.net/articles/typography/what-is-a-font-license-and-do-i-need-one/

The choice for fonts these days are vast and plenty enough to satisfy any audience. And if you want to stay in the know about fonts then consider https://typoday.in/ July,7,8,9,2022.

let’s float a little…

It’s been a while since I last messed around with CSS and I have to say that it still gives me the same feeling. I still get excited and giddy relearning and learning new things about it.

The past few days I have been just digging around the internet and reading some articles and posts and tutorials about CSS. How to write them properly and what each terms are for. I have read things about flexbox, which if I remember correctly I actually had a hard time understanding.

My favorite was reading and learning more about float. I know we are not discussing both flexbox and float until next week but I went ahead and read and played with it styling my content.

https://www.w3schools.com/css/css_float.asp

Mostly I just stayed with W3Schools website. I saw a few posts, practices and try it yourself kind of thing from a few different websites.

Using inline-block to create nav links…

One of the common use for inline block is to align list items horizontally instead of vertically. I found this very useful to as I was trying to have my list content appear horizontally. It was a bit tricky for me tho because the letters ended up overlapping each other but I think I fixed it.

margin tricks…

I’m following this guy on youtube and watched a few of his videos. Some of his videos include styling with a timer and honestly it was nerve wracking (atleast for me) to watch. I have yet to watch this video but I’ll post it here now, maybe some of you will find it interesting too…

So Far…

So far the class has been an interesting refresher from past classes, with a mix of new. I have already learned quite a bit more about HTML and CSS, like the audio tag from my previous post, I am still excited to use that one.

I had some bumps along the way, with my internet being slow, or having out of date server clients which made it hard to submit to the class server. However, even though there were some bumps, I was able to get over some of them and learn even more.

update on HTML

In class we have been learning the basics of HTML and CSS of assembling it on Dreamweaver. The basic elements of creating the specific code we want as in <header> <p> <a href> <h1> <body> , etc to create and become familiar in the basics of setting up the code for a website. Also learning how to transfer files on an FTP I use FileZilla, to make our sites live has really been exciting. We are also setting up a portal page to link our projects for this semester.

here’s a little video I found that was interesting for typography

A series of folders

Former Alaskan Senator Ted Stevens famously described the Internet as a “series of tubes” in a speech opposing net neutrality. His statement was an example of politicians who have the power to make important decisions about our current means of communication yet fail to understand it.

The metaphor is not the perfect illustration of what the Internet’s architecture looks like, but what might be a better comparison?

Continue reading “A series of folders”

Typography: Here’s some things you need to know

Typography is such a critical element in all that we do… and yet, it’s such an overlooked thing in our day and age, when typography is being utilized more than ever. Here are some things you need to know to level up your typography skills and create better designs for the web.

Continue reading “Typography: Here’s some things you need to know”

How do I do that? Image Optimization in Adobe Photoshop

Optimizing images for the web is an important part of building websites. Poorly optimized images means large files and longer loading times. Here’s how to optimize your image in Adobe Photoshop and insert those images into your HTML code.

Continue reading “How do I do that? Image Optimization in Adobe Photoshop”