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 ‘Teaching Web Design’ Category

Website Commenting

Thursday, January 9th, 2014

Website commenting, What is it? Why should you or your developer comment your code of your website?

Well, the simple answer is basically commenting or annotations are directions left by developers in the code that they develop. This can be very useful and instructional for website projects that have more than one developer, for websites that are extremely large or for websites that have complicated functions. These comments can speed up trouble shooting, adding additional functions to a website, or expanding a website.

Commenting inside the code can also be very useful and save a great deal of time and money if you have to move your site from one development company to another.

Now, that you have a basic understanding of  having commenting inside your website. Let’s actually take a look at commenting the code of your website.

EXAMPLE 1 Cascading Style Sheet

#wrapper{
	width:950px;
	height:100%;
	margin:15px auto;
	border:10px solid #000;
	background-color:#fff;
	overflow:auto;
}

Example 1 above is what is called a DIV tag inside a Cascading Style Sheet. This DIV controls the width and

height of the wrapper in also sets the margin, border, background color and whether the wrapper should overflow its pre-determined width and height. There is no comment with this statement. In the next Example; you will see the comment that belongs with this piece of code.

EXAMPLE  2

/* The wrapper below controls the entire site main layout and it also sets the width,
height, margin, border, background color and the overflow. This is universal for the
entire site and used globally */

#wrapper{
	width:950px;
	height:100%;
	margin:15px auto;
	border:10px solid #000;
	background-color:#fff;
	overflow:auto;
}

Your entire website should always be commented from the Cascading Style Sheet, Javascript, Jquery, HTML, or any programming language that has been used to develop your website. This is something that most developers do not do for their clients, but this is something you should always ask for when getting a website developed. It is always overlooked and most customers do not know to even ask about commenting.

If you would like Mojoe.net to discuss developing your web site, web application, need custom programming, or IT consultant, please do not hesitate to call us at 864-859-9848 or you can email us at dwerne@mojoe.net

Clemson MBAe Studio Lunch Presentation

Tuesday, October 8th, 2013

 

Clemson MBAe Logo

 

 

 

 

 

 

 

Clemson MBAe Studio Lunch Presentation – It was and  is my distinct honor to present Mobile App Development vs. Responsive Web Applications to the current class of the Clemson Masters in Business Administration (Entrepreneurship) program. I will be presenting a topic (see below) each Wednesday for the full month of October.

This class highlights a complete overview into Mobile App Development vs. Responsive Web Application, the benefits of each, versus the problems of each.  Which platform to choose; Google Android or Apple, and are there any other platforms to even consider?   What does it take to develop a mobile app versus a responsive web application, and once your Mobile App or Responsive Web App is launched what should you do now?

The presentations are being held at Clemson at the Falls 55 E.. Camperdown Way on the following dates:

10-2-2013 Introduction/Overview
10-9-2013 Which platform to choose
10-23-2013 Development – What is the process
10-30-2013 Mobile App / Web App is launched now WHAT?

If you would like Mojoe.net to discuss developing your web site, web application, need custom programming, or IT consultant, please do not hesitate to call us at 864-859-9848 or you can email us at dwerne@mojoe.net

WordPress Most Popular Plugins

Monday, January 21st, 2013

WordPress has a lot of great and functional plug-ins. Here is a list of the 30 most popular WordPress plug-ins. Not only do we tell you who/what the plugins are but give you links to the plug-ins, so if you have a WordPress installation you can install these plug-ins yourself. If you need help feel free to contact us at info@mojoe.net

I have used and do use the majority of every single one of these WordPress plug-ins for WordPress installation that we create for our customers. There are some very useful and helpful plug-ins that make your WordPress web site preform better and more efficiently to plug-ins that will better optimize and submit your site to search engines.

 

1.) All in One SEO Pack – WordPress SEO plug-in to automatically optimize your WordPress blog for Search Engines.

Active Versions: 25 | Downloads: 12,961,000 | Rating: 3.8 out of 5 stars | Link: All in One SEO Pack

2.) Akismet – Akismet checks your comments against the Akismet web service to see if they look like spam or not and lets you review the spam it catches under your blog’s “Comments” admin Screen.

Active Versions: 8 | Downloads: 12, 253,538 | Rating: 4 out 5 stars | Link: Akismet

3.) Google XML Sitemaps – This plugin will generate a special XML sitemap which will help search engines like Google, Bing, Yahoo and Ask.com to better index your blog or Word Press web site. With such sitemap, it’s much easier for the crawlers to see the complete structure fo your site and retrieve in more efficiently.

Active Versions: 11 | Downloads: 9,053,789 | Rating: 4.6 out of 5 stars | Link: Google XML Sitemaps

4.) Contact Form 7 – Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contacts flexibly with simple markup. The form supports Ajax powered submitting, CAPTCHA, Akismet spam filtering and so on.

Active Versions: 24 | Downloads: 8,957,262 | Rating: 4.3 out of 5 stars | Link: Contact Form 7

5.) NextGEN Gallery – It provides a powerful engine for uploading and managing galleries of images, with the ability to batch upload, import meta data, add/delete/re-arrange/sort images, edit thumbnails, group galleries into albums, and much more.

Active Versions: 22 | Downloads: 6,258,705 | Rating: 4.2 out of 5 stars | Link: NextGEN Gallery

6.) WP Super Cache – This plug-in generates static html files from your dynamic WordPress blog or site. After a html file is generated your web server will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts.

Active Versions: 13 | Downloads: 3,913,716 | Rating: 4.1 out of 5 stars | Link: WP Super Cache

7.) Google Analytics for WordPress – Track your WordPress site easily and with lots of meta data: view per author & category, automatic tracking of outbound clicks and page views.

Active Versions: 13 | Downloads: 3,895,749 | Rating: 4.3 out of 5 stars | Link: Google Analytics for WordPress

8.) WPtouch – WPtouch automatically transforms your WordPress web site for mobile devices complete with ajax loading articles and smooth effects when viewed from popular mobile web browsing devices like the iPhone, iPod touch, Android mobile phones, Blackberry OS6+ mobile devices, and more!

Active Versions: 18 | Downloads: 3,805,247 | Rating: 3.8 out of 5 stars | Link: WPtouch

9.) WordPress Importer – Import posts, pages, comments, custom fields, categories, tags and more from a WordPress export file.

Active Versions: 6 | Downloads: 3,549,379 | Rating: 3.2 out of 5 stars | Link: WordPress Importer

 10.) Jetpack by WordPress – Jetpack is a WordPress plug-in that supercharges your self-hosted WordPress site or blog with awesome cloud power of WordPress.com.

Active Versions: 16 | Downloads: 3,384,705 | Rating: 3.8 out of 5 stars | Link: Jetpack by WordPress

11.) Fast Secure Contact Form – This plugin allows a webmaster to easily create and add contact forms to WordPress. The contact form will let the user send emails to a site’s admin, and also send a meeting request to talk over the phone or video. And administration panel is present, where the webmaster can create and preview unlimited forms.

Active Versions: 16 | Downloads: 3,062,540 | Rating: 4.5 out of 5 stars | Link: Fast Secure Contact Form

12.) WP-PageNavi – This plugin provides the wp_pagenav() template tag which generates fancy pagination links.

Active Versions: 10 | Downloads: 3,137,808 | Rating: 4 out of 5 stars | Link: WP-PageNavi

13.) WordPress SEO by Yoast – Improve your WordPress SEO. Write better content and have a fully optimized WordPress site using the WordPress SEO plugin by Yoast.

Active Versions: 15 | Downloads: 2,849,862 | Rating: 4.7 out of 5 stars | Link: WordPress SEO by Yoast

14.) Share Buttons by Lockerz / AddtoAny – The WordPress plugin to help share, bookmark, and email your posts and pages using any service, such as Facebook, Twitter, StumbleUpon, Google, Digg, Delicious, and well over 100 more sharing and social bookmarking sites.

Active Versions: 19 | Downloads: 2,391,274 | Rating: 4.1 out of 5 stars | Link: Share Buttons by Lockerz / AddtoAny

15.) WP e-Commerce – WP e-Commerce is a free WordPress Shopping Cart Plugin that lets customers buy your products, services and digital downloads online.

Active Versions: 24 | Downloads: 2,168,848 | Rating: 2.8 out of 5 stars | Link: WP e-Commerce

16.) Google Analyticator – Google Analyticator adds the necessary JavaScript code to enable Google Analytic’s logging on any WordPress blog. This eliminates the need to edit your template code to begin logging. Google Analyticator also includes several widgets for displaying Analytic’s data in the admin  and on your blog.

Active Versions: 9 | Downloads: 22,071,028 | Rating: 3.6 out of 5 stars | Link: Google Analyticator

17.) Yet Another Related Posts Plugin – Yet Another Related Posts Plugin (YARPP) gives you a list of posts and/or pages related to the current entry, introducing the reader to other relevant content on your site.

Active Versions: 21 | Downloads: 2,008,447| Rating: 3.7 out of 5 stars | Link: Yet Another Related Posts Plugin

18.) TinyMCE Advanced – This plugin add 16 plugins to TinyMICE: Advanced HR, Advanced Image, Advanced Link, Advanced List, Context Menu, Emotions ( Smiles), Date and Time, IESpell, Layer, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters and XHTML Extras.

Active Versions: 10 | Downloads: 1,938,183 | Rating: 3.8 out of 5 stars | Link: TinyMCF Advanced

19.) Sociable – After introducing Sociable Skyscraper, the ultimate advanced and feature-packed plugin for setting up a rating system on your WordPress blog. It is sort of banner that reminds your readers to spread the word. You can select and customize several features, such as test, color, and length in order to ensure your readers and their friends a great Sociable Experience.

Active Versions: 13 | Downloads: 1,884,805 | Rating: 4.1 out of 5 stars | Link: Sociable

20.) Really Simple CAPTCHA – Really Simple CAPTCHA does not work alone and is tended to work with other plugins. It is originally created for Contact Form 7; however, you can use it with your own plugin

Active Versions: 5 | Downloads: 1,938,183 | Rating: 4.4 out of 5 stars | Link: CAPTCHA

21.) GTrans - Make your website available to the world using Google Translate.

Active Versions: 10 | Downloads: 1,643,512 | Rating: 3.8 out of 5 stars | Link: Google Translate

22.) WP to Twitter – WP to Twitter automatically posts a Tweet from your WordPress blog to Twitter using your URL shortening service to provide a link back your post from Twitter.

Active Versions: 23 | Downloads: 1,184,228 | Rating: 3.9 out of 5 stars | Link: WP to Twitter

23.) Broken Link Checker – This plugin will monitor your blog looking for broken links and let you know if any are found.

Active Versions: 12 | Downloads: 3,384,705 | Rating: 4.1 out of 5 stars | Link: Broken Link Checker

24.) AddThis – The AddThis Social Bookmarking Widget allows any visitor to bookmark and share your site easily with over 330 popular services.

Active Versions: 20 | Downloads: 1,118,777 | Rating: 3.4 out of 5 stars | Link: AddThis

25.) W3 Total Cache – Imporve site performance and user experience via caching browser, page, object, minify and content delivery network support.

Active Versions: 4 | Downloads: 1,371,650 | Rating: 4.6 out of 5 stars | Link: W3 Total Cache

26.) BuddyPress – BuddyPress lets users sign-up and start creating profiles, posting messages, making connections, creating and interacting in groups, and much more.

Active Versions: 17 | Downloads: 1,283,508 | Rating: 3.9 out of 5 stars | Link: BuddyPress

27.) WP-DB-Backup – WP-DB-Backup allows you easily to backup your core WordPress database tables. You may also backup other tables in the same database.

Active Versions: 2 | Downloads: 1,492,535 | Rating: 3.7 out of 5 stars | Link: WP-DB-Backup

28.) Smart YouTube PRO – Smart YouTube is a professional WordPress Video plugin that allows you to easily insert videos/playlists into your post, comments and in your RSS feeds.

Active Versions: 17 | Downloads: 1,424,742 | Rating: 3.5 out of 5 stars | Link: Smart YouTube Pro

29.) Redirection – Redirection is a WordPress plugin to manage 301 re-directions  keep track of 404 errors, and generally tidy up any loose ends your site may have. This is particularly useful if you are migrating your pages from an old website, or are changing the directory of your WordPress installation.

Active Versions: 11 | Downloads: 1,157,384 | Rating: 3.8 out of 5 stars | Link: Redirection

30.) WP-Polls - WP-Polls is extremely customizable via templates and css styles and there are tons of options for you to choose to ensure that WP-Polls runs they way you wanted.

Active Versions: 7 | Downloads: 1,173,730 | Rating: 3.7 out of 5 stars | Link: WP-Polls

 

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/

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: