Marden Web Design Philadelphia Web Designers

Philadelphia, Pa website design company offers news you can use.

News you can use

- Friday, May 16, 2014

Contact us for more information.

The 3 Biggest Factors In Your Business Website Success

- Sunday, March 22, 2015

The 3 Biggest Factors In Your Business Website Success

The 3 Biggest Factors to make your website a success

Is your small business website poised for success? 

A recent poll asked Internet users what they expect from websites—and meeting their demands is actually pretty straightforward. Here’s what the study, the State of the User Experience Report, found are the most important things customers care about when visiting a website.

1. Website performance: 

A high-performing website loads quickly, streams without buffering and otherwise delivers from a technical standpoint. This is by far the most important thing customer’s care about, cited by 52 percent of respondents.

What defines “loading fast”?

Sixty percent of consumers polled say they won’t wait more than five seconds for a Web page to load; about 20 percent won’t even wait three seconds. If a website doesn’t load quickly enough, more than 30 percent of respondents say they leave and buy from a competitor’s website instead.

2. Fresh, updated content: 

The second-most important factor in consumers’ experience. If you have an ecommerce website, it needs to be updated regularly, just like a physical store’s displays would be, to entice customers to buy new merchandise. If you create other types of content, such as blog posts or articles, those need to change regularly, too.

3. Consistency on mobile and desktop: 

This is the third most important factor, but can be the hardest for small companies to achieve. A whopping 85 percent of customers use mobile devices at least occasionally to go online, and more than half use mobile devices to go online “most of the time.” If your website isn’t mobile-friendly, don’t delay in getting it there—and keep in mind that 40 percent of customers expect your site to load just as fast on their smartphones or tablets as they do on their desktop computers.

Does your website give prospective customers what they want? If you’re not meeting visitors’ expectations, they’re not going to stick around—and that can have a huge effect on your business. If your website is missing any of the key elements, take steps—now—to fix the problem and get your site back on track.

 

Information from Smallbizdaily.com

News you can use

- Friday, May 16, 2014

Contact us for more information.

Best Responsive Websites Tips and Best Practices

- Wednesday, April 16, 2014

Start with a template

Sure, you can start coding from scratch, but there’s a lot of interesting free website templates that will make you save a lot of time. Among others, I recommend Mobile boilerplate, the 1140 grid and Skeleton.

There’s a lot more than those ones, so feel free to Google responsive web design template if you want more.

Working with fluid grid based layouts

Best Responsive WebsitesFluid layouts are an important part of a good responsive layout. In order to have a website that can adapt to many different screen resolutions, you have to use a fluid layout with widths defined in percents instead of pixels.

To get the size in percents from a size in pixels, you have to take the element’s width and divide it by the full grid size. For example: 200 px (element size) / 960 px (grid size) = 0.2083. Multiply this by 100, and you’ll get 20.83%.

This is why it is interesting to work with a 1000px grid. 1000 is a round number, and it is easy to calculate that 24% of this size will be equal to 240 pixels. For more info about 1000px grids, I recommend you to check out this article.

Flexible images

A very important aspect of a responsive layout is how images can adapt to the size of their parent container. The basic solution is to define a maximum width of 100%. This will make sure that your images are never wider than the parent container.

.content img{ max-width:100%; }

A better solution is to use context-aware image sizing. This technique basically consists of having different sizes of an image, and displaying only the size adapted to the device. Quick example:

And the related CSS:

@media (min-device-width:600px) { img[data-src-600px] { content: attr(data-src-600px, url); } } @media (min-device-width:800px) {img[data-src-800px] { content: attr(data-src-800px, url); } }

For more info about this technique, check out this article.

jQuery is your friend

jQuery is definitely a super useful tool when it comes to web development. Lots of jQuery plugins can help you to create better responsive websites. A quick round up of my personal favorites:

FitText: A plugin that makes font-sizes flexible.

Elastislide: A responsive jQuery carousel plugin.

Supersized: A fullscreen background slideshow plugin.

FitVids: A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

 


 

Don’t forget Apple’s viewport

The tag was introduced by Apple for their mobile devices (iPhones, iPads and iPod Touch). This tag allow you to specify the default size of a page when viewed with an iPhone or iPad.

The code above will ensure that upon opening, your layout will be displayed properly at 1:1 scale. No zooming will be applied.

For more info, feel free to check out Apple developer documentation.

Scalable background images

The CSS3 specification introduced a new attribute named background-size.

As you probably guessed, it is used to define the size of background images. It can be a size in pixels, or it can use some of the reserved keywords. The cover keyword scale the background image (while preserving original proportions) to be as large as possible so that the background positioning area is completely covered by the background image.

html { background: url(bg.jpg) no-repeat center center fixed;

-webkit-background-size: cover; -moz-background-size: cover;

-o-background-size: cover; background-size: cover; }

The solution above works perfectly in Chrome, Safari 3+, IE 9+, Firefox

3.6+ and Opera 10+. If you’re looking for a solution that works in older

browsers, I highly suggest using this jQuery plugin or one of the

alternative CSS tweaks published here.

 

Get inspired

When designing a website, it is always good to be able to get inspired by what others have done. Since the rise of responsive web design, online galleries have been created to showcase the best responsive websites.

The most complete gallery is definitely mediaqueries, but if you need some more inspiration, you can get it here.

Test, test, test, and test again!

Marden Web Design | 888-569-5501

CMS Made Simple

- Monday, April 14, 2014

CMS Made Simple

CMS Made SimpleWhy do we use and recommend the Adobe Business Catalyst CMS to our clients?

Business Catalyst is a fully integrated, secure application. It has a built-in CRM (customer relationship management) system, eCommerce, Email Marketing and Content Management wrapped into one system, with no extra software add ons, plugins or messy updates needed.

Business Catalyst is also a fully hosted CMS with 128bit encryption ready to use out of the box on your secure zones, payment forms and eCommerce without the additional $250 per year SSL Certificate purchase and installation.

Business Catalyst is an online business building platform where other CMS solutions are predominantly blogging platforms with added software to gain more functionality like eCommerce, Email Marketing etc. It is also Macintosh and PC compatible, has a full set of knowledgebase articles to access at any time and as premium partners, have access to community forms, live chat and customer case support to help support you.

Your Business Catalyst hosting fee covers for your software user licence, plus all the CMS features and ongoing upgrades, and improvements. No more paying for each patches or reloading software, it is all seamless and continual. This means that overtime with a greater feature set, your Website appreciates in value, which helps to future-proof your site, saving you extra costs.

We enjoy developing with this software and clients gain full control of their online business which makes Business Catalyst our platform of choice.

Check out some of our popular website packages like our Starter Website Package, Business Website Package and eCommerce Website Package.

Marden Web Design | 888-569-5501

Starter website

- Friday, April 11, 2014
Starter website package

If you are looking for a free website builder and getting frustrated trying to build your website we have the help you need.

Take a look at our Website Starter package that is very affordable website design that will give you a professional looking website. 

We also can help you with hosting your website with a secure hosting platform backed by Adobe.

For more information please check our website for more details.

Marden Web Design | 888-569-5501

Contact Details
Twitter Updates