Thursday, November 17, 2011

WordPress: Theme Development

http://codex.wordpress.org/Theme_Development

5 Cardinal Sins of WordPress Theme Development
http://wp.tutsplus.com/articles/5-cardinal-sins-of-wordpress-theme-development/


WordPress Theme Development Training Wheels: Day One
http://wp.tutsplus.com/tutorials/wordpress-theme-development-training-wheels-day-one/

DIY WordPress Theme Framework Part 1: Defining Your Needs
http://wp.tutsplus.com/articles/diy-wordpress-theme-framework-part-1-defining-your-needs/

DIY WordPress Framework Part 2: Creating the Theme
http://wp.tutsplus.com/articles/diy-wordpress-framework-part-2-creating-the-theme/

DIY WordPress Framework Part 3: Using the Framework as a Child Theme
http://wp.tutsplus.com/tutorials/diy-wordpress-framework-part-3-using-the-framework-as-a-child-theme/

The Ins and Outs of The Enqueue Script For WordPress Themes and Plugins
http://wp.tutsplus.com/tutorials/the-ins-and-outs-of-the-enqueue-script-for-wordpress-themes-and-plugins/

WordPress: How to localize WordPress themes and plugins with GetText

Wednesday, November 9, 2011

**** How to Create a WordPress Theme from Scratch

http://net.tutsplus.com/tutorials/wordpress/how-to-create-a-wordpress-theme-from-scratch/

***** Building Custom WordPress Theme

http://webdesignerwall.com/tutorials/building-custom-wordpress-theme

Forms: An Extensive Guide To Web Form Usability

http://uxdesign.smashingmagazine.com/2011/11/08/extensive-guide-web-form-usability/

**** UI: 30 Free Professional and Useful UI PSD Files

http://webdesignledger.com/freebies/30-free-professional-and-useful-ui-psd-files

Friday, November 4, 2011

Responsive Web Design Templates and Frameworks

http://webdesignledger.com/resources/responsive-web-design-templates-and-frameworks

Thursday, November 3, 2011

Introduction To URL Rewriting

http://coding.smashingmagazine.com/2011/11/02/introduction-to-url-rewriting/

Wednesday, November 2, 2011

Monday, October 31, 2011

Create HTML Tables


Comparing Tables

Ease of Use
Cost
Clarity
SQL
MoneyDance
Quick Books
Tally
This table was created with Compare Ninja.

Tuesday, October 18, 2011

7 Blog Design Tips from a Content Strategist

Good Design tips for creating a blog. http://sixrevisions.com/content-strategy/blog-design-tips-content-strategist/#more-6028

Tuesday, June 14, 2011

5 Little-Known Web Files That Can Enhance Your Website


Here are the files we will cover:
  • P3P.xml – for user privacy
  • Geo.kml (and Geo.rdf) – for geolocation
  • Humans.txt – for attribution
  • vCard.vcf – digital business card
  • PICS.rdf – declares a website to be safe (or not safe) for young web users

also checkout: 

Tuesday, June 7, 2011

Content: Content Strategy: Optimizing Your Efforts For Success

http://www.smashingmagazine.com/2011/06/03/content-strategy-optimizing-your-efforts-for-success/

You need an editorial plan, an SEO plan, a content management plan, a content channel plan and a content distribution plan, among other plans.

Email: HTML E-mail Boilerplate For More Compatible Newsletters

http://htmlemailboilerplate.com/


There are various new and exciting stuff with the website development like HTML5 and CSS3.
But, when it comes to designing HTML e-mails, it is still the tables and hacks for improving compatibility with different e-mail clients.
HTML E-mail Boilerplate is a project which presents a starting point for HTML e-mail design and includes solutions for the major rendering problems with the most common email clients.
The code is very well documented and the download pack includes a non-documented version).

5 Web Design Blunders of Small Businesses

Responsive Web Design - 30 Creative Examples

http://webdesignledger.com/inspiration/30-creative-examples-of-responsive-web-design

Responsive web design means that the website will respond according to the medium that is being used to view it.

Monday, May 9, 2011

Social Media: Five Social Media Mistakes That Suck

http://sixrevisions.com/content-strategy/five-social-media-mistakes-that-suck/#more-5261

If you or your clients decide to venture into this space, take the time up front to develop a strategy, ask for expert help, and put a long-term plan in place with concrete goals.

Saturday, April 23, 2011

A Look into Color Theory in Web Design

http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design/

Meaning of Popular Colors:

Red symbolizes fire and power and is associated with passion and importance. It also helps to stimulate energy and excitement.
The negative connotations of red are rage, emergency, and anger, which stem from the passionate and aggressive qualities of red.
Orange is a combination of its two neighbors on the color wheel, red and yellow. Orange symbolizes happiness, joy and sunshine. It is a cheerful color, evoking childlike exuberance.
Orange is not as aggressive as red but takes on some of the same qualities, stimulating mental activity. It also symbolizes ignorance and deceit.
Bright yellow is a happy color representing the positive yellow qualities: joy, intelligence, brightness, energy, optimism, and happiness.
A dingy yellow brings about negative feelings: caution, criticism, laziness, and jealousy.
Green symbolizes nature and has a healing quality. It can be used to symbolize growth and harmony. People feel safe with green. Hospitals often use the color of green.
On the other hand, green is symbolic of money, showing greed or jealousy. It can also be used to symbolize a lack of experience or a beginner in need of growth ("green behind the ears").
Blue is a peaceful and calming color exuding stability and expertise. It is a common color used in corporate sites because of this. Blue can also symbolize trust and dependability.
A cool shade can bring about the negative side of blue, symbolizing depression, coldness, and passiveness.
Purple is the color of royalty and sophistication showing wealth and luxury. It also gives a sense of spirituality and encourages creativity.
Brighter purples can exude a magical feeling. It’s also great for promoting creativity and feminine qualities. Darker purples can conjure gloominess and sadness.
Although black is not a part of the color wheel, it can still be used to suggest feeling and meaning. It is often correlated with power, elegance, sophistication, and depth. It is said that wearing black on a job interview can show that the interviewee is a powerful individual, and the same goes with websites.
Black can also be seen negatively because the color is associated with death, mystery and the unknown. It is the color of grief, mourning, and sorrow so it must be used wisely.
White—also not a part of the color wheel—symbolizes purity and innocence. It also shows cleanliness and safety.
Conversely, white can be seen as cold and distant, symbolizing winter’s harsh and bitter qualities.

Get Complementary Colors: An easy way using the hex# notation is to replace cifre by cifre f.e. 
color #abcdef gets complementary #543210 or #ff00ff gets #00ff00 or #4f22c8 gets #b0dd37.
0 1 2 3 4 5 6 7 8 9 a b c d e f color
f e d c b a 9 8 7 6 5 4 3 2 1 0 complement

Wednesday, April 13, 2011

Content: Content Analysis Heuristics (Excel Download)

http://boxesandarrows.com/view/content-analysis
Most website designers are aware that an important part of understanding the background of any website redesign project is performing a content inventory as well as a content analysis.


Clearly, we are supposed to understand the current website content before we begin the process of redefining and reorganizing the website.


(Excel Skills:
Group & Outline: One of the best features of this type of inventory is that it takes advantage of excel's grouping capability. The plus and minus signs on the far left column allow you to expand and collapse groups of content. At the top of this column, you'll see a set of numbers. Clicking on these numbers allows you to expand or collapse all groups which reside on that particular level within the hierarchy. This feature is especially nice when dealing with large inventories. I prefer grouping over scrolling for line 3006.


How to Group & Outline: This feature is found in Data / Group and Outline / Group in (Excel 2002). Highlight multiple cells within a single column that you want to group, then choose data/group and outline / group / rows and hit ok. To remove grouping, simply highlight all rows you wish to ungroup and choose data / group and outline / ungroup. Play with it a little til you get the hang of it. In order to get it to group the right way, you may need to adjust the settings (Data / Group and Outline / Settings)


Split Screen: when an inventory grows, I find it helpful to use the "split screen" feature (Window / Split) so that I can view different columns more easily (sometime I want to see column A-C and AA-AC simultaneously. The double split screen allows me to do so.) You can split the screen into 2 sections or 4. SImply keep chooseing window/split until you get the configuration you want.)



 It was while preparing the content analysis report for that client that I developed the following set of 11 heuristics for analyzing website content.

  • Collocation (Bring together items with similar content or items about the same topic in one area.)
  • Differentiation (Place dissimilar items or items about different subject areas in different content areas.)
  • Completeness (All content mentioned or linked to should exist.)
  • Information scent (Content labels should be appropriately descriptive of content so that users know they are on the proper path to finding the information they are looking for. Content labels should therefore also reflect information collocation and differentiation.)
  • Bounded horizons (A site’s users should be able to easily understand the breadth of content they are looking at.)
  • Accessibility (Users should be able to access the content they want through the browsing hierarchy or by using search.)
  • Multiple access paths (Because users think about content in different ways, they should be able to take multiple paths to get to specific content.)
  • Appropriate structure (Organization of content should (1) match users’ mental models of the information space and (2) support the differences in users’ information-seeking behaviors: known-item finding; exploratory browsing; unknown information finding; and refinding.)
  • Consistency (Whenever possible, content structures in similar content areas should be consistent.)
  • Audience-relevance (Content organization allows different audience segments to easily find relevant content.)
  • Currency (Content should be kept up to date.)




Content: Doing a Content Inventory (Or, A Mind-Numbingly Detailed Odyssey Through Your Web Site)

http://www.adaptivepath.com/ideas/e000040
I’ve spoken with enterprises in the Fortune 100 who find themselves sitting on top of 6 years’ worth of Web content trapped in static HTML files. They know they need to get this stuff into database and redesign their site into a template-driven system. But their first question is inevitably, “So, uh, where do we start?”

Content: Content Analysis: A Practical Approach

http://www.uxmatters.com/mt/archives/2009/08/content-analysis-a-practical-approach.php

Content analysis is an essential part of many UX design projects that involve existing content.


Just as you cannot nurture a garden without regularly inspecting its plants and flowers, you cannot take proper care of your content without looking at it closely.



Content analysis, though time consuming, is fruitful, because your efforts provide the following benefits:
  • Content analysis results in a clear, tangible description of your content—which clients and stakeholders can perceive as nebulous—whether expressed in text or visually.
  • Content analysis provides the foundation for comparing existing content with either user needs or competitor content, letting you identify potential gaps and opportunities. [1]
  • Content analysis offers insights that help you make decisions about your content more easily—for example, what to prioritize.
  • Content analysis can reveal themes, relationships, and more.

Content: Make Your Content Make a Difference

Email: Do You Make These Email Newsletter Design Mistakes? Irresistible Subject Lines

Content: Toward Content Quality

http://www.uxmatters.com/mt/archives/2009/04/toward-content-quality.php

To truly consider content quality, we need to examine its quality along several dimensions. Consequently, the content quality checklists that follow cover everything from usefulness to voice to accuracy.
  • Usefulness & Relevance:
    • Does the content meet user needs, goals, and interests?
    • Does the content meet business goals?
    • For how long will the content be useful? When should it expire? Has its usefulness already expired?
    • Is the content timely and relevant?
  • Clarity & Accuracy:
    • Is the content understandable to customers?
    • Is the content organized logically & coherently?
    • Is the content correct?
    • Does the content contain factual errors, typos, or grammatical errors?
    • Do images, video, and audio meet technical standards, so they are clear?
  • Influence & Engagement:
    • Does the content use the most appropriate techniques to influence or engage customers?
    • Does the content execute those techniques effectively?
    • Does the content use too many or too few techniques for the context?
  • Completeness:
    • Does the content include all of the information customers need or might want about a topic?
    • Does the content include too much or too little information about a topic for the context?
  • Voice & Style:
    • Does the content consistently reflect the editorial or brand voice?
    • Does its tone adjust appropriately to the context—for example, sales versus customer service?
    • Does the content convey the appropriate editorial and brand qualities?
    • Does the content seem to have a style? If so, does the content adhere to it consistently?
    • Does the content read, look, or sound as though it’s professionally crafted?
  • Usability & Findability:
    • Is the content easy to scan or read?
    • Is the content in a usable format, including headings, bulleted lists, tables, white space, or similar techniques, as appropriate to the content?
    • Does the content have the appropriate metadata?
    • Does the content follow search engine optimization (SEO) guidelines—such as using keywords—without sacrificing quality in other areas?
    • Can customers find the content when searching using relevant keywords?


Thursday, April 7, 2011

UI: Fundamental Guidelines Of E-Commerce Checkout Design

SEO: Designing an SEO Friendly Website (from the ground up)

Below are my top tips for designing an SEO friendly website from the ground up. These cover the little things that need to be done (or avoided) from the offset, so a website can eventually live a happy life at the top of the search engines.
http://webdesignledger.com/tips/designing-an-seo-friendly-website

1. Don't use flash in navigation
2.  if you have a page about "restaurants in London", label any links that go to this page from the navigation or other internal links with the anchor text "restaurants in London".
3. Improve on website load times.
      Now when I say various elements, I mean things like:
  • CSS files – remove unwanted/unused code or place all the code on one line per div/class.
  • The amount of Java in the code – this can be really slow depending on what you are using it for so I’d advise using it sparsely.
  • Website image size – see point 4.
  • File size – remove white spaces and any unessential line breaks in code, keep it streamlined.
4. Keyword Placement
So, one of the major factors of SEO is telling Google what the page is about. This is done by writing great “user-focused” content. Within this content it’s important to get the keywords in the right position on the page. Here are the best places:
  • Title tag
  • Meta description and keywords
  • Website slogans
  • Navigation
  • Breadcrumb trails
  • H1, H2 and H3 tags
  • Bullet points
  • Alt text
  • Title attribute on links
  • The main website copy
  • Internal links
  • Footer links
  • URL’s
  • File / folder names
5. Add Social Elements
   Twitter helps SEO.

6. Friendly URL’s and Image Filenames.

7. Sitemaps

8. Google WebFonts
instead of using images for text, you now have a large collection of open source fonts to use on the web completely free!

9. 301 Redirects

10. 

Wednesday, March 23, 2011

Database: Speeding Up Your Website’s Database

http://www.smashingmagazine.com/2011/03/23/speeding-up-your-websites-database/


Ways to speed up your website by optimizing your database.

 Many server administration packages (like cPanel or Plesk) provide phpMyAdmin for this task. You’ll need to enter your database name, user name and password.

1. Indexing:
Columns like customerid — which deal with a lot of WHERE conditions with = or < or > and have many possible values, should be indexed. This is like the index at the back of a book: it helps the database quickly retrieve indexed data. This is one of the quickest ways to speed up database queries...
 ...But you should also index any columns that refer to ID numbers in other tables, such as customerid in the example above. These are sometimes referred to as FOREIGN KEYs.

It may seem that you should go ahead and index everything. However, while indexing speeds up SELECTs, it slows down INSERTs, UPDATEs and DELETEs. So, if you have a products table that hardly ever changes, you can be more liberal with your indexing. But your orders and order items tables are probably being modified constantly, so you should be more sparing with them.

2. Optimizing Tables
MySQL and other kinds of database software have built-in tools for optimizing their data. If your tables get modified a lot, then you can run the tools regularly to make the database tables smaller and more efficient.

3. Making Sure To Use The Cache
Just as a Web browser caches copies of pages you visit, database software caches popular queries.
  3a. Outgrowing Your Cache: In this case, increasing the size of the cache might help. But giving more server RAM to your cache means spending less on other tasks, so consider this carefully.

4. Making Your Own Cache

5. Reducing The Number Of Queries By Using JOINs

Thursday, March 17, 2011

CMS: How to Evaluate What CMS to Use

http://sixrevisions.com/web-development/how-to-evaluate-what-cms-to-use/

Make an informed decision on what CMS is right for you.


Here are eight characteristics that a good CMS should have:


1. Intuitiveness: easy to understand and use


2. Flexibility and Ease of Customization
* make sure that you’re not obligated to use their design templates.


3. Extensibility via Plugins and Modules


4. No Need for Programming Knowledge


5. Optimized for Performance and Speed


6. Security


7. Documentation and Community Support


8. Emphasis on Web Standards and Best Practices



comments 1: 


one important missing feature for many of us in Content Management:


The ability to maintain with ease a multilingual website, i.e. exactly the same website in English, Spanish and Portuguese.


Some systems like Joomla or wordpress have plug-ins but in the end it becomes so difficult to manage a ML website with them.


comment 2: 


I have used WordPress and Joomla. From the two i think Joomla is more easily editable via admin menu with modules, plugins and components. But it has some serious problem with code, it contains TABLES and other dirty stuff, not SEO friendly.


Wordpress is more clean organized, more “modern” and SEO friendly. I like everything about it, the only bad thing is that you can only add widgets and modules to the sidebar when you are in admin menu.


comment 3:


After becoming acquainted with WordPress, Joomla, and Drupal I have come to a couple of conclusions with them.


WordPress is a fantastic Blog CMS. Not a full featured website CMS. For full feature websites I like Drupal over Joomla. Joomla was a great place for me to start understanding how larger CMS systems work as it provided most of my needs out of the box, but now I like the variety of options and updates that the Drupal Community puts out. Drupal can be daunting to someone new as there are quite a few contributed modules and some that tackle the same problems. This can confuse and annoy those new to the game.


Comment 4:


Good article. We use Joomla and WordPress. Still have not had the need to look for something else. But it’s always fun to experiment, so I may try a couple of the above. Thanks!