Technology news & comments affecting web professionals' lives

15 Free Button and UI Kit PSDs For Your Web Projects

October 16, 2012

From the blog:

15 Free Button and UI Kit PSDs For Your Web Projects – DesignFestival

Designers are usually responsible for every single aesthetic facet of their project. Between perfecting imagery, implementing branding ideas, and accommodating sites for mobile devices, there’s usually little time left for the intricate details of constructing your own buttons, icons, or other interface elements.

To make the most of their time (and their creativity), designers often use resource bundles to meet these frequent needs. Whether they take the form of tags, form elements, menus, or other components, these resources can get you out of design drudgery and back into the more thoughtful, higher-​​level aspects of your design.

Below are 15 to consider, but remember, there are hundreds (probably thousands!) more out there, both free and premium.

Posted in: design, free, web, graphics, icon, psd, ui

TOOLBOX: 960 Grid on jQuery-Mobile – merge flexibility with jquery-mobile ease

September 26, 2012

From the website:

960 Grid on jQuery-Mobile – merge flexibility with jquery-mobile ease

jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets.

HOWTO: Ajax user authentication and registration techniques with jQuery and PHP

September 26, 2012

From the blog:

Ajax user authentication and registration techniques with jQuery

Learn how to use Asynchronous JavaScript + XML (Ajax) with jQuery to authenticate and sign-in a user without refreshing the browser. Then, take it a step farther by suggesting user names to a new user who’s attempting to register with an existing user name.

For your toolbox: Socialite.js, a jQuery plugin

September 24, 2012


Socialite provides a very easy way to implement and activate a plethora of social sharing buttons — any time you wish. On document load, on article hover, on any event!

If you’re selling your soul, you may as well do it asynchronously. Socialite won’t cause document rendering to hang while waiting for 50kb of social media.

Features and Benefits:

No dependencies to use.
Loads external resources only when needed.
Less than 5kb when minified and compressed.
More accessible and styleable defaults/fallbacks.
Support for Twitter, Google+, Facebook, LinkedIn, Pinterest and Spotify.
Extensible with other social networks.
Mimics native implementation when activated.
Supported in all browsers (providing the buttons are).

Choosing the right PDF library in PHP

September 21, 2012

From the blog:

Choosing the right PDF library in PHP

There are a number of PDF libraries that can help you dynamically generate .PDF files through PHP : FPDF, TCPDF, DOMPDF, CEZPDF…

I’ve long worked with FPDF which is very light (with a core file of 49ko), easy to implement but the functions provided are limited.

TCPDF first astonished me since it is able to display pure HTML in a pdf file (tables, css,… support). It also provides transformation functions that allow you to display text vertically on a .pdf file, for example. But the TCPDF core file is much too heavy : 963 ko. I run AJAX scripts that load that library at each AJAX call, which makes the time waiting for the .pdf files to be ready much too long. So, I’ve tried to make that class lighter and got rid of all comments it contained. But I still had more than 500ko of file.

I then decided to go back to FPDF and found an extension class that allows FPDF to rotate text on a page.

This tutorial is devoted to implementing FPDF (and rotation class) in PHP framework Codeigniter 2.0.3.

HOWTO: Load jQuery Only If Not Already Present

September 7, 2012

From the blog:

Load jQuery Only If Not Present | CSS-Tricks

Say you were going to do an include on a whole bunch of pages, and inside of that include you wanted to do some jQuery specific stuff. That page may or may not already have jQuery loaded. If it already does, you don’t want to load it again, but if not, you do. This works for that.

HOWTO: Javascript Checkbox Validation

August 24, 2012

From the blog:

Javascript Checkbox Validation

If you would like to show a javascript alert if no checkbox was checked in a form, you need to validate the checked property of that checkbox. By using the onSubmit event of the form and a JS function similar to the example below you can validate your form correctly.

TOOLBOX: Columnizer jQuery Plugin

August 16, 2012

From the website:

Columnizer jQuery Plugin

The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. And, of course, it’s easy to use!

HOWTO: In DotNetNuke (DNN) Add an External Menu Link That Opens in a New Window

August 15, 2012

From the blog:

DNN: How to Add a External Menu Link that Opens in a New Window « Jim Walker’s Blog

Ever notice that when you go to add an external link page in DotNetNuke that there is no option for it to open in a new window? Well I have two methods that you can go about to get this working on your DNN site. The first, not for the faint of heart, involves a little database work. The second is a quick Javascript fix.

NB (from the comments section): Rich Hosek — Had
a problem with filtering something that was “double escaped,” so I
changed the single quotes in the javascript example to double quotes and
it works fine.

HOWTO: Image overlay for YouTube embed

August 14, 2012

From the blog:

Izikistan » Image overlay for YouTube embed

If you want a specific preview image for your YouTube video, you’re pretty much out of luck. When you upload a video, YouTube chooses 3 frames from your video based on an algorithm that might or might not be random. There are tips around for trying to game their algorithm, but that might be a little unethical and it’s unreliable since they’ve changed the algorithm over time. I think at they’re welcome to do whatever they want, but when I’m displaying an embedded video on my own site I should be able to present the video with my choice of preview image – they’re my users and if I want to Rickroll them I should be able to!

So, I found this idea for placing an image over an embedded video, but it failed with a JavaScript error. This answer at stackoverflow got the code working correctly.

What to do when you get this: “JavaScript : form.submit is not a function”

July 27, 2012

Check out this little gem I found here:

JavaScript : form.submit is not a function

I was just trying to submit an HTML form using document.formname.submit() method and was getting these error on different browser. document.formname.submit is not a function Uncaught TypeError: Property ‘submit’ of object #HTMLForm element is not a function
 Thats weird! It worked all the time. I was clueless why JavaScript would behave like this…? Yeah, that was a silly mistake. I didn’t realize that I named the submit button as ‘submit‘ and that why javascript is failing. We may do this kind of mistakes every now and then…

HOWTO: max-width in Internet Explorer

July 12, 2012

From the blog: – max-width in Internet Explorer

Most web-developers know that IE has fallen behind in the race for standards and being able to show the latest and greatest. Many CSS2 properties are unsupported. Some of the more useful ones, are properties such as max-width, max-height, min-width and finally min-height. I will argue, how max-width is a crucial property, when it comes to on line readability, and then I will show you how to make IE emulate the behavior of max-width, and in turn, how to make it emulate many other properties that Internet Explorer for Windows is not directly capable of.

HOWTO: 2 digit month from a date using NumberFormat() in ColdFusion

June 25, 2012

From the blog:

Dan Vega: 2 digit month from a date using NumberFormat()

I ran across a small problem today with regards to a dates month. You may come across this problem in a different context but I have a quick and easy solution for all occasions. In a shopping cart application the processor I am using (Payflow Pro) needs a 2 digit month for the expiration date. This means that for the month of march we need to represent it as 03 and not just 3. So whats the problem? Even when you format the date we drop leading zero’s. If you run the following you code we can see what the output is:

{ts ‘2007-03-12 19:54:43’} 3

So how can we fix this? That is where a great utility method…

TIP: A Hard-to-Hack Password Contains Just 4 Words

June 15, 2012

From the blog:

A Hard-to-Hack Password Contains Just 4 Words

June has already been a bad month for getting hacked. Professional networking site LinkedIn, dating site eHarmony and streaming radio site all reported the theft of users’ passwords, altogether involving 8 million accounts.

If it hasn’t happened to you already, your chances of having a password stolen in the future are high, but there are new tricks to keep an account safe even if hackers do get your password data.

All three companies advised their customers to change their passwords — LinkedIn went so far as to disable compromised accounts, forcing users to create new passwords — but that isn’t enough. Because attackers have new strategies, many companies have responded with better protection methods. Combined, these two factors have changed what it takes to make a safe password.

Posted in: privacy, security, web, howto, password

40 Examples of stunning Cinemagraphs (and links to tutorials)

June 11, 2012

From the blog:

40 Examples of stunning Cinemagraphs (and links to tutorials)

Cinemagraphs are still images that contain within themselves living elements allowing a glimpse of time to be experienced and preserved. Cinemagraph is a technique of blending the effects of images and videos. It was introduced by a New York fashion photographer Jamie Beck, in collaboration with motion graphics designer Kevin Burg. Since then, many other designers have created similar forms of cinemagraphs. Cinemagraphs are typically simply created as animated .gif files making them easy to use on a web page. In this article, I feature stunning examples of cinemagraphs for your inspiration. Don’t scroll too fast if you want to experience the Cinemagraphs and look carefully – elements you don’t expect to move may do it…!

A cinemagraph is simply a .gif file (could also be a video) with more artistic feel that the regular .gif you see everywhere. Typically it is a still image with a few elements slightly moving. This technique gives the cinemagraphs a bit of mystery and personally I like to watch them spotting the moving parts.

HOWTO: Look Good on a Webcam

June 7, 2012

From the blog:

How to Look Good on a Webcam – Matthew Rolston | Everywhere | Everywhere – DailyCandy

Photographer Matthew Rolston gives us his tips

If the saying “the camera adds ten pounds” is true, then we have a new one: A webcam adds fifteen, plus about 50 shades of creepiness.

To find out how to look more like ourselves (and less like an online predator) over Google video chat and Skype, we ask L.A.-based photographer/director Matthew Rolston for tips. In today’s video, he tells us how to sit, position the camera, and light our face for maximum attractiveness.

Useful links for Mobile Web Designer/Developer

June 7, 2012

Mobile design is getting more and more important as more and more mobile devices come on the market. And while most smartphones and tablets use standards-based browsers like Safari and Chrome, the best designs don’t assume that one size fits all. This page brings you some articles to help you get started with mobile design so that you can take advantage of this growing area.

Useful links for Mobile Web Designer/Developer

Custom Sidebar Per Page WordPress Widget Areas

June 5, 2012

From the blog:

Custom Sidebar Per Page WordPress Widget Areas – DIY Website

As you’ve probably figured out I use plugins for preference mainly to save my time, as coding is very time consuming. I also have a lot of sites. This however isn’t the only way, and if you only have one site and don’t mind learning code then read the codex. It has great and simple explanations for how to make effective improvements for your website. This codex article on the sidebar talks about different ways to display navigation and links in your sidebar. They also have a long codex list of widgets you can add.

As always, check ratings, download stats, user comments, version compatibility and last updated info before installing widgets and plugins. The CMS is updated often and if the widget shows it was created in 2008 and has never been updated it may not work and could even damage your database and make a big clean up job for you. But if it is still being downloaded often and is highly rated and there are no negative comments, it may just be a simple widget that does still work. So just check – is all.

Type-a-file Gives Your Web Typography a Head Start

June 1, 2012


Type-a-file Gives Your Web Typography a Head Start

Below you’ll find some text marked up with the core elements of Type-a-file. View the source code to find out how to use them on your own site. This element, for example is called a “kicker.” It’s paragraph text that introduces the rest of the text. It’s useful for outlining your topic & looks killer. Just create a div with class=“kicker” and throw some paragraphs into it. Blammo!

HOWTO: The Concrete5 SEO Guide

May 30, 2012

From the blog:

The Concrete5 SEO Guide

“Is Concrete5 SEO friendly?” I’ve seen variations of that question popping up repeatedly over the years, so I’m hoping this post will clarify how Concrete5 relates to search engine optimization. To web crawlers a Concrete5 website will look very much the same as other websites. So a short answer to that question is that there’s no negative SEO impact with running a Concrete5 site. In fact, it was designed with search in mind, and comes installed with a number of tools to help you fine tune your website’s search engine performance. That doesn’t necessarily mean that all blocks and themes are built with SEO in mind. But for the most part Concrete5 will make your life a lot easier when it comes to search engine optimization.

Here I’m going to be touching on some of the Concrete5 specific SEO techniques as they relate to more general search engine optimization, with an emphasis on Google since it’s become most people’s go-to search engine. If you are new to how Google indexes and ranks webpages, you might want to take a moment to read Google’s Search Engine Optimization Starter Guide. Veteran Concrete5 developers will be familiar with most of these SEO tips, but I’m going through this process with another site at the moment, so thought I’d write it down while it’s fresh in my mind.

Demo Websites

To help you vizualize what your new website may look like, we've prepared different "template" websites with mock content.

Company Website

Typical pages for a business include: About Us, Products, Services, Customers, Contacts.
View Demo

Society Website

Typical pages for a non-profit society include: About Us, Officers, Programs, Meetings, Photo Gallery, Contacts.
View Demo

Portfolio Website

Typical pages for a portfolio include: Photo Gallery, About Me, Contacts.
View Demo

Event Website

Typical pages for an event include: General Information, Registration and Travel, Accommodations, Agenda/Program, Pricing, Contacts.
View Demo

Keep in mind, these are samples; your actual website will have your own branding (logo), content (text and images), and menu structure.

About Us

Web Page Authority's vision is to help businesses grow through effective and affordable web solutions. Our team members have experience in diverse industries including information technology, commerce, graphic design, printing, and management, thus building a strong foundation of expertise in web design solutions.


Contact Us

+1 (574) 208-3932 Paul (Indiana)
+1 (918) 850-4224 Bogdan (Oklahoma)