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 ‘Development’ Category

Cloud Printing without Google

Wednesday, March 13th, 2013

Cloud Printing without Google

LVT Cloud Printing IconMojoe.net and Liquid Video Technologies just completed LVTPrint which is our own software version of Cloud printing.  We developed our own cloud print software because we had been using Google Cloud print for our client NTHS. NTHS which stands for National Technical Honor Society is a association which has thousands of members. When new schools sign up or current schools adds new members they get anywhere from 10 to 500 new members.  This then requires them to print a roster, a member certificate for each new member and then a membership card. Each one of these are printed from different trays and different printers at there office in North Carolina.

So they where looking for a way to only have to click one button from their web site and have it print all of the internet orders with the Roster being printed and having the correct orientation, also to the correct tray,  the member certificate being printed to the correct paper type and tray, and then the member card being printed on special paper along with being printed to the correct tray.

We started by solving this issue by using Google Print which worked like a charm but in the last few months it has just stopped working with no rhyme or reason and as usual even though the product may be great you can never get anyone on the phone at Google for support.  Well, NTHS has come to rely on the one-click-printing feature that we developed in association with Google Cloud Print.

We had no choice we had to develop our own software so NTHS would not have to rely on Google Cloud Print so that this feature would continue to work. So we set down and wrote a windows based software app that allows their web application to communicate to their local server and as the orders come in our piece of software looks for new orders. Gets the orders, que’s them up and then prints the orders in the correct format and to the correct printer.

We are currently working on developing this for other companies as a stand alone product that can be used with any web application or web site that needs to print multiple/single documents from the web and still want the ability to do that from any internet connection.

If you would like more information about LVTPrint or would like a free consultation please do not hesitate to email us at info@mojoe.net or you can call us toll-free at 866-466-6563.

The 10 commandments of blogging

Friday, January 18th, 2013
It’s a new year. You have another year to achieve your business and blogging goals. There are many things you will need to do this year, but there are a few things you must do to get the most out of your blog. Let’s call them commandments.

1. Thou shalt write every day.

Words are your hammer and nails. Know how to use them, and they will build your blog and business. The only way to master writing is to write a lot, so set aside time every day to write a few paragraphs. Over time you’ll find your style and voice.

2. Thou shalt publish once a week.

I’ve neglected this commandment before and suffered. A blog is a living organism, and you must feed it with new content. A blog without fresh content will be ignored by readers and Google, drying up your traffic, leads and sales. Your traffic will increase as you post more frequently.

Be careful to balance frequency with quality. No one will return to a blog with shoddy content.

3. Thou shalt build an email list.

You must identify readers who want a deeper relationship with your content. These readers will become sharers, leads and sales. Even if you don’t plan to sell anything to them, collect their email addresses. Your email list is your first and most important business asset.

4. Thou shalt track everything.

Install Google Analytics on your blog. Get comfortable with the reports and tools. Understand who sends you traffic and which posts attract the most subscribers, leads and sales. Without this data you’ll take unnecessary risks, bet on the wrong content, and overlook valuable opportunities.

Tip: Google Analyticator is a WordPress plugin that makes it very easy to install Google Analytics.

5. Thou shalt sell something.

This is simple. You can’t earn an income from your blog if you have an empty cupboard. If you sell a product, find ways to pre-sell it with helpful posts. If you offer a service or advice, use your blog to explain your approach and demonstrate your techniques. You are not in business until you have a product and customers. Work on your product now.

6. Thou shalt use social media wisely.

I’ve watched many blogs suffer and die because their owners spent more time tweeting than creating content, building lists, and selling products. Social media is the new town square; it’s where you go to have meaningful conversations with like-minded people. But conversations aren’t sales. Use your time wisely.

7. Thou shalt look great.

Your blog has to look great. There are thousands of great-looking professional themes out there that will give your blog an immediate makeover. You can buy most of the best themes for less than $100. Don’t expect your visitors to invest in your blog if you won’t.

8. Thou shalt ask for action.

It’s hard to ask your readers to take action, but you must do it. You won’t get subscribers, comments, retweets or clients until you learn how to ask. The secret to asking for action is to share/give valuable information first.

9. Thou shalt love SEO.

Google will likely be your most reliable long-term traffic source. It will index every post you publish, and potentially lead more readers to your blog. Search engine optimization (SEO) is an evolving collection of tactics to get top rankings in Google’s search results. While SEO can be confusing at first, it can bring you tons of targeted visitors. Make learning SEO a goal and watch it pay dividends in 2013. This post will get you started.

10. Thou shalt remember your blog is only a marketing tool.

Some believe that social media and blogging are magical. Sprinkle a little blogging dust and you don’t have to build a great product, market it, or hustle for customers. That’s not true.

Your blog is a powerful tool, but just a tool. Learn how to use it to achieve your overall business goals.

Stanford Smith is the managing director at Pushing Social, where a version of this article originally appeared.

(Image via)
Want more information on WordPress Tips and Plugins?
Top 10 Essential WordPress Security Plugins

WordPress Web Site – Iced for You

Friday, January 11th, 2013

Iced for You a new WordPress web site that we developed. What is Iced for You? Well, it provides customers high quality gourmet cupcake products made with love and the best ingredients, with customization options only limited by the imagination.

The Mission
Design a WordPress CMS site for Iced for You. Make the site a custom one-of-a-kind WordPress CMS design that complemented the logo, colors, and captured the creations of Iced for You. Make sure that the site could be maintained by the owner and proprietor Courtney Tessler.

The Goal
Our goal was to develop a web site that was not only easily maintainable by the owner and staff. Another goal of Mojoe.net‘s was to make sure that the design of the site represented the gourmet cake creations so the visiting customers would leave the site wanting a delicious tasting cupcake.  This being a WordPress web site we not only had to set this site up but configure it as well.

The Work and Why We’re Proud of It
We are extremely proud of this web site and hungry after looking at it. We wanted a site that really showed off the cupcakes and with the photography that we provided and our design. We believe that we have accomplished the main goal of our customer to make her one-of-a-kind creations stand out on the site. The site has been being maintained by Courtney and she rarely if ever calls upon us to help her with the site.

If you would like more information on WordPress check out our CMS section.

Drupal Web Site – National Technical Honor Society

Friday, December 28th, 2012

We recently completed the National Technical Honor Society new web site. We added not only a fully functional CMS in Drupal but we also created a one-of-a-kind membership management system that allows the NTHS team to administrate the entire membership of NTHS. They can also manage all of their online orders, applications, invoices, alumni, reports, and directory. This is all custom built into a Drupal CMS.

The Mission
National Technical Honor Society is one of our Drupal CMS sites that we have not only setup and maintained the Drupal installation but we have customized the entire back-end of the site to manage NTHS’s association membership system. They wanted a provider who could not only develop a standard CMS but who could also customize their web application to meet their growing needs.

The Goal
Our goal was to create a site that was not only functional from a user perspective but also functional from an advisor and admin perspective as well. The site had to be flexible and have the ability to grow with the needs of NTHS.

The Work and Why We’re Proud of It
We’re proud of this site because we were able to develop a site that was customized to particular functions that were required by NTHS to be able to speed up its production while servicing their members and advisor. We developed one very special function that allows NTHS to click one button from the back-end and print all of their order. Does not sound like a lot but when you calculate the number of pieces of paper that they ship out it is quite massive.

If you would like more information on Drupal check out our CMS section.

Web Design Sponsor – LaunchPad SC – Clemson University

Wednesday, September 12th, 2012

Web Design Sponsor Mojoe.net

LaunchPad SC

LaunchPadSC Logo

Do you have a new business concept?
Do you dream of starting your own business?
This competition is for you!

Rules

Simply prepare a six-slide PowerPoint presentation of your new business concept and submit it to spiro@clemson.edu.

Entry Deadline

Oct. 31, 2012

Applicants

The competition is divided into two sections:

  • Section 1 is open to all full-time undergraduate and graduate students from Clemson University
  • Section 2 is open to all residents of South Carolina or students attending a South Carolina school of higher education.

Applicants can be solo individuals or teams of up to four members.

Judges

A team of business leaders will select 5 finalists from each section to present their business concepts at Clemson at the Falls in Greenville on Dec. 7, 2012 from 2:00 pm to 4:00 pm. Each finalist will have 5 minutes to present their concept and 5 minutes of question time.

Winner(s)

$20,000 in prizes!

  • Section 1 (Clemson University students) 1st place: $5,000
  • Section 2 (South Carolina residents) 1st place: $5,000
  • BrightStart™ Bundle of Services (valued at $5,000 per enterprise) for each winner including incorporation docs, business cards, legal, marketing and IT advice for start-up executives
  • Introduction to Angel Capital investors (UCAN) and SC Launch funding

Don’t wait to apply

No application forms.

Simply follow the PowerPoint guidelines and e-mail your six-slide PowerPoint to spiro@clemson.edu.

Sponsors for LaunchPad

You can check out additional information about the the following companies by visiting their links below.

Mojoe.net
Clemson University Spiro Insitute
McNair Attorneys
Greenville Marketing Lab
InnoVision
CertusBank 

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/

Apple Moves Toward a Larger iPhone Screen

Wednesday, May 16th, 2012

By LORRAINE LUK And JURO OSAWA

Apple iPhone Larger Screen

Apple Moves Toward a Larger iPhone Screen

Manufacturers say Apple has placed an order for larger display screens for the next generation of iPhone. The WSJ’s Juro Osawa tells Deborah Kan about what’s in store for the new device.

HONG KONG—Apple Inc., AAPL +0.27% which is expected to launch its next-generation iPhone later this year, has ordered screens from its Asian suppliers that are bigger than the ones used in iPhones since they debuted in 2007, people familiar with the situation said.

Production is set to begin next month for the screens, which measure at least 4 inches diagonally compared with 3.5 inches on the iPhone 4S, the latest phone from Apple, the people said.

The move suggests that the Cupertino, Calif.-based company is trying to make its popular smartphone more appealing amid intensifying competition from rival Samsung Electronics Co. of South Korea. Samsung, which became the world’s biggest cell phone maker in the first quarter, recently unveiled its new flagship smartphone with a 4.8-inch display, one of the largest smartphone screens.

 

apple0516

Bloomberg NewsAs Apple prepares for a launch of a new iPhone later this year, people familiar with the situation say the company is planning for a larger screen. Above, the Apple store in Hong Kong.

Until now, Apple has never changed the size of the iPhone’s screen, which has always been 3.5 inches from the first model that debuted in 2007. For the next iPhone, which analysts predict will come out in the fall, Apple is working with multiple screen makers including South Korea’s LG Display Co., LPL -3.60% Japan’s Sharp Corp. 6753.TO -2.37% and Japan Display Inc., a new company created last month by three Japanese companies and the government, some of the people said.

Apple has also stuck with one size for its iPad tablet, while other manufacturers have produced a range of sizes. The Wall Street Journal reported in February that Apple was testing tablet computers with screens smaller than the 9.7-inch screen on the existing iPads.

An Apple spokeswoman declined to comment.

Apple effectively defined smartphones as a new category with its iPhone, but the market has rapidly evolved and expanded over the past few years and is now crowded with many brands selling smartphones in various sizes and price ranges.

Apple, the world’s most valuable company, faces particularly fierce challenges from Samsung, which sells a much broader variety of phones. The two companies together account for more than half of the world’s smartphones. In the quarter through March, Samsung shipped 44.5 million smartphones to grab a 30.6% share of the global market, topping Apple’s 24.1% share with 35.1 million iPhones, according to market research firm Strategy Analytics.

This year, analysts expect Samsung’s smartphone shipments to double, while the next iPhone is also expected to boost Apple’s shipments.

Samsung said that the Galaxy S III, a new version of its flagship smartphone, will hit stores in Europe this month and in the U.S. this summer. Its 4.8-inch screen is larger than the 4.3-inch display on the company’s current flagship model Galaxy S II. Taiwan’s HTC Corp., 2498.TW -6.59% another major smartphone maker, also has models with screens larger than 4 inches.

A new iPhone with a larger screen wouldn’t necessarily mean that Apple is making changes to its products because of what rivals are doing, said Mizuho Investors Securities analyst Nobuo Kurahashi.

“The smartphone market has become diverse, but the iPhone still sets the agenda,” with the whole industry watching Apple’s every move, he said. He said that the iPhone’s strength lies in the overall experience including its user interface and applications, and the screen’s size wouldn’t be its defining feature.

“If Apple ever released a lower-priced iPhone, that would be more of a sign that the changing market environment is beginning to affect the company,” he added.

The iPhone remains a big growth engine for Apple, and the phone’s popularity in Asia was a key factor behind the company’s robust earnings for the most recent quarter through March. Its profit nearly doubled in the quarter, while iPhone sales jumped 88%.

Aside from their rivalry in the smartphone market, Samsung and Apple have been locked in a legal battle. Apple last year sued Samsung over smartphone design and patents, and Samsung countersued. At the same time, they are dependent on each other as Apple is the largest customer for Samsung’s component divisions, which make key parts for smartphones and tablets such as chips and displays.

Apple doesn’t manufacture its own products. Like many other major consumer-electronics brands, it hires manufacturing specialists—many of which are from Taiwan and have extensive operations in China—to assemble its gadgets, using components made mostly by Asian suppliers.

Write to Lorraine Luk at lorraine.luk@dowjones.com and Juro Osawa at juro.osawa@dowjones.com

Responsive Images and Web Standards at the Turning Point

Tuesday, May 15th, 2012

Responsive Images and Web Standards at the Turning Point

by MAT MARQUIS

The goal of a “responsive images” solution is to deliver images optimized for the end user’s context, rather than serving the largest potentially necessary image to everyone. Unfortunately, this hasn’t been quite so simple in practice as it is in theory.

Recently, all of the ongoing discussion around responsive images just got real: a solution is currently being discussed with the WHATWG. And we’re in the thick of it now: we’re throwing around references to picture and img set; making vague references to polyfills and hinting at “use cases” as though developers everywhere are following every missive on the topic. That’s a lot to parse through, especially if you’re only tuning in now—during the final seconds of the game.

The markup pattern that gets selected stands to have a tremendous influence on how developers build websites in the future. Not just responsive or adaptive websites, either. All websites.

What a long, strange, etc.

Let’s go over the path that led us here one more time, with feeling:

The earliest discussion of responsive images came about—predictably enough—framed in the context of responsive web design. A full-bleed image in a flexible container requires an image large enough to cover the widest possible display size. An image designed to span a container two thousand pixels wide at its largest means serving an image at least two thousand pixels wide. Scaling that image down to suit a smaller display is a trivial matter in CSS, but the requested image size remains the same—and the smaller the screen, the better the chance that bandwidth is at a premium.

It’s clear that developers’ best efforts to mitigate these wasteful requests were all doomed to fall short—and not for lack of talent or effort. Some of the greatest minds in the mobile web—and web development in general, really—had come together in an effort to solve this problem. I was also there, for some reason.

I covered early efforts in my previous ALA article, so I’ll spare everyone the gruesome details here. The bottom line is that we can’t hack our way out of this one. The problem remains clear, however, and it needs to be solved—but we can’t do it with the technologies at our disposal now. We need something new.

Those of us working on the issue formed the Responsive Images Community Group (RICG) to facilitate conversations with standards bodies and browser representatives.

“W3C has created Community Groups and Business Groups so that developers, designers, and anyone passionate about the Web has a place to have discussions and publish documents.”
http://www.w3.org/community/

Unfortunately, we were laboring under the impression that Community Groups shared a deeper inherent connection with the standards bodies than it actually does. When the WHATWG proposed a solution last week, many of the people involved in that discussion hadn’t participated in the RICG. In fact, some key decision makers hadn’t so much as heard of it.

Proposed markup patterns

The pattern currently proposed by the WHATWG is a new set attribute on the img element. As best I can tell from the description, this markup is intended to solve two very specific issues: an equivalent to ‘min-width’ media queries in the ‘600w 200h’ parts of the string, and pixel density in the ‘1x’/’2x’ parts of the string.

The proposed syntax is:

 

<img src="face-600-200@1.jpg" alt="" set="face-600-200@1.jpg 600w 200h 1x, 
face-600-200@2.jpg 600w 200h 2x, face-icon.png 200w 200h"> 

 

I have some concerns around this new syntax, but I’ll get to that in a bit.

The markup pattern proposed earlier by the RICG (the community group I’m part of) aims to use the inherent flexibility of media queries to determine the most appropriate asset for a user’s browsing context. It also uses behavior already specced for use on the video element—in the way of mediaattributes—so that conditional loading of media sources follows a predictable and consistent pattern.

That markup is as follows:

 

<picture alt=""> <source src="mobile.jpg" /> <source src="large.jpg" media="min-width: 600px" /> 
<source src="large_1.5x-res.jpg" media="min-width: 600px, » min-device-pixel-ratio: 1.5" /> 
<img src="mobile.jpg" /> </picture> 

 

Via Github, this pattern has been codified in something as close to a specas I could manage, for the sake of having all the key implementation details in one place.

Polyfills

So far, two polyfills exist to bring the RICG’s proposed picture functionality to older browsers: Scott Jehl’s Picturefill and Abban Dunne’s jQuery Picture.

To my knowledge, there are currently no polyfills for the WHATWG’s newly proposed img set pattern. It’s worth noting that a polyfill for any solution relying on the img tag will likely suffer from the same issues we encountered when we tried to implement a custom ”responsive images” solution in the past.

Fortunately, both patterns provide a reliable fallback if the new functionality isn’t natively supported and no polyfill has been applied: img set using the image’s original src, and picture using the same fallback pattern proven by the video tag. When the new element is recognized, the fallback content provided within the element is ignored—for example, a Flash-based video in the case of the video tag, and an img tag in the above picture example.

Differing proposals

Participants in the WHATWG have stated on the public mailing list and via the #WHATWG IRC channel that browser representatives prefer the img set pattern, which is an important consideration during these conversations. Most members of the WHATWG are representatives of major browsers, so they understand the browser side better than anyone.

On the other hand, the web developer community has strongly advocatedfor the picture markup pattern. Many developers familiar with this subject have stated—in no uncertain terms that the img set syntax is at best unfamiliar—and at worst completely indecipherable. I can’t recall seeing this kind of unity among the community around any web standards discussion in the past—and in a conversation about markup semantics, no less!

We’re on the same team

While the WHATWG’s preferences, and the web developer community’s differing preferences, certainly should be considered as we finalize a standard solution to the problem of responsive images, our highest priority must remain providing a clear benefit to our users: the needs of the user trump convenience for web developers and browser developers alike.

For that reason (for the sake of those who use the web), it’s critical not to cast these discussions as “us vs. them.” Standards representatives, browser representatives, and developers are all partners in this endeavor. We all serve a higher goal: to make the web accessible, usable, and delightful for all. Whatever their stance on img set or picture, I’m certain everyone involved is working toward a common goal, and we all agree that a ”highest common denominator” approach is indefensible. We simply cannot serve massive, high-resolution images indiscriminately. Their potential cost to our users is too great—especially considering the tens of thousands of users in developing countries who pay for every additional kilobyte they consume, but will see no benefit to the huge file they’ve downloaded.

That said, I have some major issues with the img set syntax, at least in its present incarnation:

1. USE CASES

Use cases are a list of potential applications for the markup patterns, the problems that they stand to solve, and the benefits.

I’ve published a list of use cases for the picture element on the WHATWG wiki. It is by no means exhaustive, as picture can deliver an image source based on any combination of media queries. The most common use cases are screen size and resolution, for certain, but it could extend as far as serving a layout-appropriate image source for display on screen, but a high-resolution version for printing—all on the same page, without any additional scripting.

At present, no list of use cases has been published for img set. We’ve been working under the assumption, based on conversations on the WHATWG list and in the WHATWG IRC channel, that img set covers two uses specifically: serving high-resolution images to high-resolution screens, and functionality similar to min-width media queries in the way of the 600wstrings.

It’s vital that we have a way to take advantage of new techniques for detecting client-side capabilities as they become available to us, and thepicture element gives us a solid foundation to build upon—as media queries evolve over time, we could find ourselves with countless ways to tailor asset delivery.

We may have that same foundation in the img tag as well, but in a inevitably fragmented way.

2. MARGIN FOR ERROR

I don’t mind saying that the img set markup is inscrutable. It’s a markup pattern unlike anything seen before in either HTML or CSS. This goes well beyond author preference. An unfamiliar syntax will inevitably lead to authorship errors, in which our end users will be the losers.

As I said on the WHATWG mailing list, however, given a completely foreign and somewhat puzzling new syntax, I think it’s far more likely we’ll see the following:

 

 <img src="face-600-200@1.jpeg" alt="" set="face-600-200@1.jpeg 600w 1x, 
face-600-200@2.jpeg 600w 2x, face-icon.png 200w"> 

 

Become:

 <img src="face-600-200@1.jpeg" alt="" set="face-600-200@1.jpeg 600 1x, 
face-600-200@2.jpeg 600 2x, face-icon.png 200"> 

Or:

 <img src="face-600-200@1.jpeg" alt="" set="face-600-200@1.jpeg, 
600w 1x face-600-200@2.jpeg 600w 2x, face-icon.png 200w"> 

 

Regardless of how gracefully these errors should fail, I’m confident this is a “spot the differences” game very few developers will be excited to play.

I don’t claim to be any smarter than the average developer, but I am speaking as a core contributor to jQuery Mobile and from my experiences working on the responsive BostonGlobe.com site: tailoring assets for client capabilities is kind of my thing. To be perfectly honest, I still don’t understand the proposed behavior fully.

I would hate to think that we could be paving the way for countless errors just because img set is easier to implement in browsers. Implementation on the browser side takes place once; authoring will take place thousands of times. And according to the design principles of HTML5 itself, author needs must take precedence over browser maker needs. Not to mention those other HTML5 design principles: solve real problems, pave the cowpaths, support existing content, and avoid needless complexity.

Avoid needless complexity

Authors should not be burdened with additional complexity. If implemented,img set stands to introduce countless points of failure—and, at worst, something so indecipherable that authors will simply avoid it.

I’m sure no one is going to defend to the death the idea that the video andaudio tags are paragons of efficient markup, but they work. For better or worse: the precedents they’ve set are here to stay. Pave the cowpaths.This is how HTML5 handles rich media with conditional sources, and authors are already familiar with these markup patterns. The potential costs of deviation far outweigh the immediate benefit to implementors.

Any improvements to client-side asset delivery should apply universally. By introducing a completely disparate system to determine which assets should be delivered to the client, improvements may well have to be made twice to suit two systems: once to suit the familiar media attribute used by videotags, and once to suit the img tag alone. This could leave implementors maintaining two codebases that effectively serve the same purpose, while authors learn two different methods for every advancement made. That sounds like the world before web standards, not the new, rational world standards are supposed to support.

The rationale that dare not speak its name

It’s hard to imagine why there’s been such a vehement defense of the img set markup. The picture element provides a wider number of potential use cases, has two functional polyfills today (while an efficient polyfill may not even be possible with the ‘img set’ pattern), and has seen an unprecedented level of support from the developer community.

img set is the pattern preferred by implementors on the browser side, and while that is certainly a key factor, it doesn’t justify a deficient solution. My concern is that the unspoken argument against picture on the WHATWG mailing list has been that it wasn’t invented there. My fear is that the consequences of that entrenched philosophy may fall to our users. It is they who will suffer when our sites fail (or when developers, unable to understand the WHATWG’s challenging syntax, simply force all users to download huge image files).

WE THE PEOPLE WHO MAKE WEBSITES

I’ll be honest: for me, no small part of this is about ensuring that we designers and developers have a voice in the standards process. The work that the developer community has put into the picture element solution is unprecedented, and I can only hope that it marks the start of a long and mutually beneficial relationship between we authors and the standards bodies—tumultuous though that start may be.

If you feel strongly about this topic, I encourage all designers and developers to join the WHATWG mailing list and IRC channel to participate in the ongoing conversation.

We developers should—and can—be partners in the creation of new standards. Lend your voices to this discussion, and to others like it in the future. The web will be better for it.

Follow up to Lunch and Learn with Greenville Marketing Lab – Blogging, SEO, and Learning Greenville, SC

Thursday, April 12th, 2012
Deveren WerneJay Spivey and Kamran Popkin offered great advise on blogging and using digital magazines at yesterday’s Lunch & Learn! Thanks!!

www.greenvillemarketinglab.com

Thanks to all who attended and presented at our Lunch & Learn at Ford’s Oyster House! I’m following the advice of Kamran Popkin, one of our speakers, who recommended blogging each morning while the coffee is brewing. Make blogging a habit, find your voice! Looking forward to our upcoming You Tub…
Useful links for Search Engine Optimization
  • Use Google Keyword Tool to create check your keywords and see how popular they are.
  •  Use Web Site Grader to analyze your site; its a free tool and if you search you can find other ones for analyzing your site
  • Check Link Popularity – If you are being linked to or are linking to other companies check their page rank to see how popular their site may be. The higher the page rank the potential for more of that traffic to visit your web site. You can check your page rank at Google Page Rank
  • Add Google Analytic s or Re-Invigorate – At Mojoe we use both of these tools Google is free and re-invigorate it $10.00 dollars a month. We do this so we can have cross comparison of analytical data for your web site.
  • SEO by Yoast This is a great plugin for WordPress
  • You can also check out one of our Blog posts that gives you a Step by Step checklist when designing and developing a web site

If you would like additional information on designing and developing your web site please check out our Blog.

Web Resources – Greenville South Carolina

Tuesday, March 13th, 2012

Developing or Designing a web site can be a challenging task. Having the right resources and knowledge available can increase productivity and insure that your site will be developed properly and efficiently. Mojoe.net provides their clients with educational material and links to invaluable resources. Here is a list of some of Mojoe.net’s web resources:

Mojoe.net Web Resources 

Cascading Style Sheet Resources

http://webdesignerwall.com/tutorials/css-social-buttons

http://www.webdesignerdepot.com/2012/03/how-to-optimize-your-css/

Font Resources

http://www.google.com/webfonts

http://cssfontstack.com/

Web Site Grader

http://hubshout.com/?p=WebGrader

http://www.prchecker.info/check_page_rank.php

Web Magazines

http://www.smashingmagazine.com/

http://www.webdesignerdepot.com/

Tips & Tricks
http://css-tricks.com/video-screencasts/ (Great Resource of Video Tutorials)

Overall Resource of Information
http://www.sitepoint.com

If you would like further information or would like to discuss  your web site or web application. You can schedule a Free consultation with Mojoe.net. Please do not hesitate to call us at 864-859-9848 or you can visit our home page and fill out the form. Next Week WordPress Tips and Plugins.

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:

Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms
Billige Toms Sko Dame
Billige Toms Sko
colorful toms
toms shoes classics
toms shoes for men
toms shoes men
tom sko
toms mens shoes
canvas toms
toms stripes
tom's shoes men
toms pics
jordans for sale
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
jordans for sale
cheap jordans
buy authentic cheap
jordans for sale
Jordan 7 Bordeaux
Jordan 6 Low Infrared 23
Jordan 13 Low Bred
Jordan 11 Low Bred
Jordan retro shoes store
buy jordans shoes
jordan shoes for sale
jordan store
authentic jordans
Air Jordan retro shoes
Toms Sko
Toms Sko
colorful toms
colorful toms shoes
Toms Sko
toms shoes classics
toms shoes classics
toms classics
toms classics
Toms Sko
Toms Sko
Toms Sko
toms Sko for salg
toms Sko billig
toms Sko for salg
Toms Sko
Buy TOMS Shoes Online
Buy TOMS Shoes
Buy TOMS
Classics TOMS
toms shoes
toms sale
toms outlet
cheap toms shoes
toms children
women toms
toms men
toms shoes 2015
toms sale stores
toms shoes
toms one shoes
Toms Sale
Buy TOMS Shoes Online
Buy TOMS Shoes
Buy TOMS
TOMS
Classics TOMS
toms shoe
toms sale
toms outlet
cheap toms shoes
toms children
women toms
toms men
toms shoes 2015
toms shoes sale
toms shoes shop
toms sko
toms sko uttak
toms sko
toms sko billig