Top 4 types of Website Designs

Flat Design

Flat Design websites are so atractive because of the minimalist approach. As in, there is not too much stuff going on that it is unbearable, but it is not too little that, it looks bland.
The three website styles I would take from for a personal chef would be, tioluchin.com, risotteriamelottinyc.com, and aquaceutic.pl

This is why for each of them:

  • tioluchin – the loading bar on the side of the page
  • risotteriamelottinyc – The menu
  • aquaceutic – the slanted homepage
My three favorite tags on awwwards.com are:
  • Animation – The sites share an animated aspect, such as interactivity. Sites that involve animations such as mediaelection.com are what would go in this category. These sites appeal to me because, I enjoy the interactivity and find most to be aesthetically pleasing.
  • Graphic Design – These sites are all specifically made to be aesthetically pleasing. mediaelection.com is also included in this category because it is very graphically pleasing. The graphic design sites are great for sites that you want to show off your artwork and things of that nature.
  • Minimal – This type of website is usually pretty bland, but not so bland, you just leave the site. A good example of this is trefectamobility.com. It has a nice simple design. I like this style because of how simple and sleek it is.

aquacetutic-pl_slanted_homepage risotteria_melotti_nyc_menu tioluchin-com_sidebar

7 important tips and tricks to creating an amazing website!

The Five Best Things I have learned about coding.

In no particular order the coding tips I have learned are:

  • Characters Encoded – If it is a special character, it’s encoded.
  • Hierarchy – Title tags are reserved for real content, and follow a clear hierarchy.
  • IDs – Used anytime an element appears only once on the page and cannot be targeted any other way.
  • JAVASCRIPT – jQuery (the most beautiful JavaScript library) is served from Google. Only a single JavaScript file is loaded. Both scripts are referenced at the bottom of the page.
  • Valid – The markup adheres to W3C validation. Tags are closed, required attributes used, etc.

I have not been doing enough commenting, which I should. Commenting helps clarify bits of code, for someone else, or for yourself. You may have hundreds of lines of code, but if you want one specific bit of coding, your best bet would be to add some commenting.

The two things I needed to look up while learning more about this.

jQuery- as they say on their website, jQuery Logo

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

W3C – The World Wide Consortium is defined as,w3c logo

The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C’s mission is to lead the Web to its full potential. Contact W3C for more information.

Meaningful CSS: Style Like You Mean It (Discussion 10/02 – 10/04)

Meaningful CSS

Jeffrey Zeldman said “In a site afflicted by classitis, every blessed tag breaks out in its own swollen, blotchy class. Classitis is the measles of markup, obscuring meaning as it adds needless weight to every page.”

Semantic Coding

Semantic Coding is defined as “a specific type of encoding in which the meaning of something (a word, phrase, picture, event, whatever) is encoded as opposed to the sound or vision of it. Research suggests that we have better memory for things we associate meaning to and store using semantic encoding.

ARIA

ARIA is a technical specification published by the World Wide Web Consortium (W3C) that specifies how to increase the accessibility of web pages, in particular, dynamic content and user interface components developed with Ajax, HTML, JavaScript and related technologies. On 20 March 2014 WAI-ARIA 1.0 became a completed W3C Recommendation. The Author mentions it because it, along with other additional platforms, are included in the new age of coding.

Microformats

Microformats are HTML for marking up people, organizations, events,locations, blog posts, products, reviews, resumes, recipes etc. Sites use microformats to publish a standard API that is consumed and used by search engines, browsers, and other web sites. See what-are-microformats for more.

While looking around on the site this article was originally published, I found a good article about Graphic Design. If you are like me, then you are talented in some fields of web design, but you struggle in the graphic designing department. This article helps you understand what to do and how you can make it easier on you and a designer to work together.

Just remember, if you are bogged down with too much stress, take a break, relax, and keep an open mind.