Exploring Web Typography

31 Mar

There are several different methods to to apply custom fonts onto a website. Some of the most well known are @font-face and Google Web Fonts. @font-face is a css rule which allows you to download a particular font from your server to render a webpage if the user hasn’t got that font installed. This means that web designers will no longer have to adhere to a particular set of “web safe” fonts that the user has pre-installed on their computer. Most of the major web browsers support @font-face and the rest are soon to be on board with it. The basics are pretty simple to implement the @font-face rule, but it is possible to add lots of options to extend its features. You designate what rule it is “font- family”  is what you want to call the font, “src” is where it can be found, include a “font-weight”. And then you just use it like you would with any other style rule. @font-face wants to be able to be an online repository of fonts for use with the css rule @font-face for free. However, due to licensing issues, it hasn’t hit the world wide web by storm yet. The designers upload their fonts and let web designers use them for free. It’s a free database of fonts for free.

Google Web Fonts works about the same way. You can access it via the web and find a font that you like and wish to embed into your css or html coding for easy style to the page. It’s free just like with @font-face and you’re able to either add it directly to your css or html. It’s easy and simple and free. It works in most browsers and is extremely easy to use.

If I had the choice between using @font-face and Google Web Fonts I would have to go with Google Web Fonts. Mostly because it is already up and running. It’s already on the web and people are already using. I do like the idea of @font-face being available one day in the future but until they get funded, I will be using Google Web Fonts.

Some current web typography trends happening lately are that there are larger fonts available. Because of the demand for bigger monitors, larger fonts are ubiquitous on the web. Another trend is low contrast fonts. One argument in favor of such a move is that reduced legibility actually compels greater cognition and concentration – the eyes are forced to work harder to read the text, which, subsequently, increases the chances of the text actually being read than being glossed over. Further, lower contrast text facilitates design choices that wouldn’t otherwise be available in standard black-on-white text. There are many more trends going on with web typography though, like “wedding” fonts, increased white space, mixed-weight fonts, and many, many more.




Google Web Fonts

Web Typography Trends



Exploring Web Grid Systems

25 Mar

A Web Grid is a series of intersecting vertical and horizontal lines spaced at regular intervals. But its innate propensity for creating order out of chaos makes it one of the most powerful tools at a designer’s disposal. Grids are an invisible foundation that structure the websites we develop and design. This invisible foundation makes it possible for rapid development, concise code, and a much more organized layout. Though you are not always required to use a grid system, however, users will be able to notice the disorganization almost immediately. There are many benefits to using a grid: A Grid…Gives your design consistency; Allows flexibility between elements; Reduces CSS coding errors; For the most part, it eliminates the need for nested HTML tables; Can be used sort of like a wire-frame allowing you to plan; “Blesses” you with cross-browser support; Streamlines your development process for future projects; Acts as an adhesive and encourages the correlation between separate page elements; Makes it easier to embed images, text, and other visual aesthetics.

Some of the most widely used grid systems are: The Golden Grid and the 960 grid. The Golden Grid is a product of the search for the perfect modern grid system. It’s meant to be a CSS tool for grid based web sites. This grid system has absolute proportions, structure on the rule of thirds, contains symmetry, asymmetry, usability, accessible typography and more! The 960 grid is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

If I were given the choice between using The Golden Grid or the 960 Grid I would probably have to go with the 960 Grid. Mostly because it is the only one that I have use and I feel the most comfortable with. But also because it is just so easy to use. It’s a quick download and you are able to use any style you want. It’s set up to be the easiest thing imaginable. And that’s what I like about it. It is effortless.

Works Cited:
10 Really Outstanding and Useful CSS Grid Systems

Exploring Facebook

25 Feb

Facebook allows people to create their own pages. It can be a page about virtually anything. It is unique in that sense because people can just create their own businesses via Facebook and set up a cash register and online shopping store all from Facebook. The process itself is pretty self explanatory. There are several steps that must take place before your site is published on Facebook. I liked how user friendly it all was but I did not like that there was not really a set category for crafts or art. My page is not about art, but about crafting and sewing and what have you. I found that to be odd since they had so many other broad topics to choose from. Having a Facebook page can really benefit your own personal blog. The more word you have out there the better your business will look. It is all about having your name out there. Facebook pages allows you to put a website so that your name goes even further via the internet. From a marketing standpoint, it is important to think about connecting and engaging with current and potential customers. The more you interact online, the better you are going to look. Overall, I have been using Facebook since I was about 15 and I have enjoyed in for the most part. But with the constant new updates it can get pretty annoying. I do like it for a social media outlet but I do not spend as much time on there as I use to.


But here is a link to my Facebook page if you are curious.


Exploring Pinterest

12 Feb

Pinterest is a very unique and user-friendly site. You are able to bookmark all your favorite things; literally you can pin anything you want. I have been a Pinterest addict for about two years and became extremely useful while I was planning my wedding. With the help of creating different “boards” you can easily categorize things that you are interested in. For instance, while I was planning my wedding I had “Wedding Ideas” “DIY”  and “Foodies”. Since then, I have added several more boards and have pinned many things in each category. Because you are able to follow your friends pin boards, you are able to “re-pin” something that you like. This is a key element for Pinterest and the people’s sites that are floating around Pinterest. It’s a huge part of the company as a business and gets peoples’ names out there all the more faster. I have found so many interesting blogs and sites for DIY things that I would have never been able to find! It just makes so much sense for people that are passionate about certain things; that’s most of the reason why I’m semi-addicted. I absolutely love this site and I love that I can pin anything I want to. This will definitely help when it comes time to develop my web site because I will be able to find different ideas from different places and be able to pin them into the board that I choose. Overall, I will love Pinterest until the day that it is shutdown.

When thinking about marketing, Pinterest and marketing go hand-in-hand. It makes sense that when you create a pin, you can choose a picture you want as the forefront of you site. People see that picture and are instantly drawn to it; that’s some of the  reason why I have pinned the things that I have, the pictures just draw you in. Pinterest excels in that knowing that people will pin things that are appealing. When people click on those pins and are taken to the website, they are expected to have the same look and feel like the picture they first saw. At the end of the day, the person(s) who have designed these sites need to know what they’re doing when writing code for it. Because Pinterest will find you.

For those that are interested, here is the link to my website inspirations board

Exploring Wix

3 Feb

The design process was pretty self-explanatory. You were able to click on any graphic and manipulate it. I did not like this though. I found it confusing and was not able to simply not have anything clicked. I was confused most of the time by the site. I see that there are some perks with it, after all it is free for people to use. I don’t really know what I expected when I was creating the site. It didn’t turn out anything like I wanted it to, mostly because there weren’t that many options to choose from in Wix. And again, the site is free so of course it won’t come with every single little feature you want.

But alas, if you wish the view my site, here is the link:


Hope you enjoy it!

Comparing Web Browsers

27 Jan

A browser is a program that allows us to view the internet. With that being said, there are many different browsers floating around in our society. The four major ones: Internet Explorer, Mozilla Firefox, Safari, and Google Chrome. However, there is one that I have never even heard of: Opera. Personally, I favor Chrome. I like the convenience of having Google embedded into my search bar. I have used Firefox before and I liked the fact that you can have a bookmark tabs. As well, there are more options when wanting “Add-ons” as well as being able to make a bookmark tab. StumbleUpon is a popular add-on with Firefox. With Opera, it is somewhat built like Chrome in the sense that you can Google whatever you wish into the search bar, but then there’s a separate bar to the right of it. I did like how Opera lets you choose different themes. Both Opera and Firefox run at the same speed, sometimes. I switched from Firefox to Chrome because it was beginning to run very slowly. With Chrome it is much quicker to go from site to site, mostly because you can type anything and it usually has a pretty good idea of what you want; also it saves links that you go to regularly. Of course it doesn’t come with the fancy bookmark tabs like Firefox and you can’t have different themes like Opera but I just like how clean it is. There aren’t all these different buttons you have to push and it is just easier to use. Overall, I recommend Chrome. It’s cleaner, faster, and just more practical to use.

Exploring Slide Share

27 Jan

I thought that slide share was a pretty easy-to-use website. Because almost any type of presentations can be uploaded, it makes it pretty simple to upload and share your files. I liked how convenient it was to load the power point and be able embed the presentation onto my blog. The site looks very easy to use and that made uploading all the more easier. I would probably only use this website for this class. I have never heard of it until before this class and I cannot imagine another situation where I would need this. But I do see the benefits with being able to embed the slides into a website with ease. Overall, I am very happy with my first experience.