Web Site Design & Hosting, Greenville, South Carolina - Mojoe Logo
Web Site Design & Hosting, Greenville, South Carolina - Mojoe Logo

Why Surf the Net when you can Mojoe?

Web Site Design & Hosting, Greenville, South Carolina - Mojoe Logo Blog
Mojoe.net Weblog on Web Site, Web Design, Web Development, and General Info

Archive for the ‘Web Background Patterns’ Category

HTML5 and CSS3 Class

Thursday, August 16th, 2012

I recently taught a class for www.cctbusiness.com on HTML5 and CSS3 level 1 the class was exceptional. I discussed the basics and foundation of building your site with the correct markup and structure. I also covered basic foundation of CSS3. The students where great.  I could not have been more impressed with how quickly they picked up the foundation of the web development.

I have included a list of the resources that I provided during the class below. Also if anyone has any questions in regards to the class or information discussed please do not hesitate to email me at dwerne@mojoe.net.

Also if you would like to continue reading additional information about web development. Here are some suggested blog post: Step by Step Checklist you should be using when developing a web site. and The 10 Best Web Site Background Pattern Sites

Links to HTML5 and CSS3 Resources:

HTML 5 Resources
Here are some links to HTML5 Tags
http://www.w3schools.com/html5/html5_reference.asp
http://dev.w3.org/html5/markup/elements.html
http://html5doctor.com
http://html5rocks.com
http://html5weekly.com/
http://www.remysharp.com
http://www.script-tutorials.com

Source Code Editor Resource
Here are some source code editors that you can use when developing a website. Some are free and some cost to purchase

http://notepad-plus-plus.org/ (Free)
http://www.sublimetext.com/2 (Free)
http://panic.com/coda/ (Cost, for Mac)
http://macromates.com/ (Cost for Mac)
http://www.adobe.com/products/dreamweaver.html (Cost both Mac and PC)

Font Resources
Here are some resources where you can look at different type fonts and include @fontface in your site.
www.dafont.com (Free)
http://www.google.com/webfonts/ (Free and easy to include in your site)
https://typekit.com/ (Subscription but very affordable)

Browser Support
HTML5 and CSS3 Supported Browsers Charts
http://html5test.com/ – This site will rate each browser
http://www.findmebyip.com/litmus/ – Nice comparison Chart

Site Using HTML5
Here are some sites that are using the new attributes for HTML5 and CSS3
http://www.lastchart.com/
http://smalltalkapp.com/#all
http://hakim.se/experiments – Great Collection of Experiments

Resources for @Font-Face
Here are some sites that you can vist that can convert your font to an @font-face
http://www.fontsquirrel.com/fontface/generator/
http://css-tricks.com/snippets/css/using-font-face/ – How to use

Background Pattern Resources
When creating a background it is best to use a pattern that is seemless. Here are some links to some great resources for seemless backgrounds.
http://www.colourlovers.com/patterns – Background Pattern Maker
http://subtlepatterns.com
http://bgpatterns.com/ – Background Pattern Maker

Tables to DIVs
Tables are not being used as much any more. Most developers are using divs instead of tables. Here are some resources for using div instead of tables.
http://www.vanseodesign.com/css/fluid-layout-code/
http://www.csstablegenerator.com/
http://compareninja.com/

Color Charts
Here is a list of sites that can assist you with picking out your color charts.
http://www.colorpicker.com/
http://colorschemedesigner.com/
http://kuler.adobe.com/

HTML5 Test Sites
These are sites that will show you the Markup as well as how it works
http://www.w3schools.com/html5/html5_form_input_types.asp
http://html5demo.momac.net/
http://www.html5rocks.com/en/

The 10 Best Web Site Background Pattern Sites

Monday, May 28th, 2012

Who does not like a great web site background pattern for their web site? I believe it can make the difference between an okay web site and a web site that has some class and style.There are hundreds of sites available on the web that show you how to make background patterns. There are even sites that will allow you to download the pre-made patterns that you can just drop in to Photoshop Presets folder. There are some classical background patterns that are used quite a lot; such as, TV line pattern, diagonal line pattern, and dotted pattern. These patterns have been over-used. I think if you are going to design a web site then an original background pattern is a must. There are definitely some exotic pattern creators out there as well. I personally like the subtle patterns they can be added to your Photoshop very easily and can be altered without much effort.

Background patterns for web sites can be that little extra design element that makes your site stand out from the rest. I have included some links to sites that I use for background patterns check them out below.

STRIPE GENERATOR (This is a generator that will make the patterns for you)

Stripe Generator for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

SUBTLE PATTERNS (This is one of my favorites, love how subtle the patterns are and they even have a plugin for WordPress)

Subtle Patterns for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

COLOR LOVERS (This site not only has patterns, but color palettes as well and it is a site that allows you to create your own custom pattern)

Color Lovers Web Site Background Patterns

 

 

 

 

 

 

 

 

 

DOTTER PATTERN (This site is a dotted background pattern generator, pretty useful if you are in a hurry and don’t want to do it yourself)

Dotted Patterns for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

BG PATTERN CREATOR (This site allows you to basically create your pattern on the site, then you can download the image)

Pattern Creator for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

BRUSHEEZY PATTERNS (This site as a wide variety of downloadable images for Patterns everything from Wood Background to Snowflake Patterns)

Brusheezy Patterns for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

DIN PATTERNS (You want to talk about Exotic Pattern Creation this site definitely fits that description but it has some class and style in the patterns)

Din Patterns for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

BG MAKER (Wow, now this site is the KING of Patterns over 1685 Pages for a total of 246,633 Patterns as of this Post May 2012. This site not only has this many patterns but also allows to make your own pattern on the site. Another Personal Favorite)

BG Pattern Maker and Gallery for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

TARTAN DESIGNER (Now, if you’re feeling a little scottish and want a tartan for your web site background then this is the web site for you. As of May 2012 the site has over 123 pages with a  total of 615 Tartan designs. You can also make your own custom tartan as well)

Tartan Designer for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

ALICE GRAFIXX (Once again this site has plenty to look at just like the others over 64 pages for a current total of 1024 pattern backgrounds as of May 2012.)

Alice Grafixx Patterns for Web Site Backgrounds

 

 

 

 

 

 

 

 

 

In conclusion, no matter the design, style, color, or feel of web site you are going for the 10web sites above offer a wide-variety of patterns and textures. Please feel free to post a comment or suggest another pattern site for this post. Stay connected till next week, when we talk about color and give you some very useful links that every designer should have when choosing a color palette.

 

Web Design Greenville SC | Mojoe Blog is proudly powered by WordPress | Entries (RSS) and Comments (RSS).

Follow

Get every new post delivered to your Inbox

Join other followers: