Category Archives: Uncategorized

A Bookmarklet To Find Perfect Fallback Fonts – FFFFALLBACK

Advertise here with BSA


We are using new web fonts each day and need to pair them with standard fonts for a better use experience.

FFFFALLBACK is a bookmarklet which, once clicked, scans the web page, finds the web fonts used and creates an interface where you can easily try alternative fonts.

FFFFALLBACK Bookmarklet

It lets you to instantly toggle between the original and fallback outputs or can show them both so you can better decide if your web page will look ok when no web fonts are displayed.

The project is the result of a very nice article, Type study: Choosing fallback fonts, which will probably end up in "you sticking stronger to the bookmarklet" : ).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

PHPDevShell: Instant Back-End For PHP Apps.

Advertise here with BSA


When creating a web application, if no CMS is used, creating a back-end for managing the system is usually required.

PHPDevShell is a modular, plugin-based "code management system and framework" that offers a ready-to-use administration interface which can be extended with your own codes.

PHPDevShell

It provides most of the popular features that an application requires like:

  • user registration and management (with roles, groups an access rights)
  • presenting system settings
  • cronjob management
  • navigation
  • plugins
  • templates
  • and much more..

The project aims not to interfere with your system, rather, follows a simplistic approach to integrate with it.

PHPDevShell has many other features like a built-in mailing list manager and the ability to view logs for every action.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Fixing FOUT (Flash Of Unstyled Type) With FOUT-B-Gone

Advertise here with BSA


FOUT (Flash Of Unstyled Type) is the moment where web fonts appear unstyled for a short time just before loading @font-face (in FF 3.5/3.6 and IE 7-9). Once the web page is loaded, the viewer sees unstyled fonts turn into styled ones.

In order to fix this issue, FOUT-B-Gone can be a good solution. It is a script which hides elements with custom fonts assigned to them for a defined period of time (like 200 milliseconds).

FOUT-B-Gone

During that period, the fonts will -probably/hopefully- be loaded and the end-user won't experience FOUT.

P.S. There is also a built-in function which helps detecting whether @font-face is supported or not.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tiny Charts (Sparklines) With jQuery – Peity

Advertise here with BSA


Peity is a jQuery plugin for creating word-sized charts (sparklines) using HTML5 <canvas>.

It has support for bar, line and pie charts where color, width, radius and delimeter can be updated.

Peity jQuery Sparklines Plugin

The plugin adds a "change" event trigger to the graph elements, so, once their data is updated, the charts can be regenerated instantly.

If you would like to add new chart types, Peity can be extended by adding the new charting functions easily.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Flexible CSS Framework With Mobile-Tablet Support – inuit.css

Advertise here with BSA


Harry Roberts of CSS Wizardry recently launched a flexible and production-ready CSS framework, inuit.css, which aims to solve real problems and remove the boring, repetitive jobs that development sometimes brings.

Besides desktop browsers, the framework also works on mobile and tablet devices with minimum effort.

inuit.css

inuit.css is a single-file-framework and makes very few decisions and puts you in total control.

It embraces progressive enhancement and the features are compatible by IE7+, leaving IE6 behind.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Gallery Of Creative CSS3 Patterns

Advertise here with BSA


When it comes to speeding up web pages and creating flexible websites, every byte and method counts.

CSS3 Patterns Gallery, a website by Lea Verou, displays creative and good-looking patterns built with CSS3.

The gallery has a growing list of patterns and new ones can be submitted by everyone (once they meet a set of requirements).

CSS3 Patterns Gallery

Such patterns, besides having a smaller size compared to images, are much more flexible in every way like the ability to change the colors, dimensions, etc.

Considering the browser support for CSS3 and/or some of its features, using these patterns in live webites look experimental. In this case, the website is still handy for anyone to get inspired and improve their CSS3 coding skills.

P.S. The CSS rules for each patterns can be live-edited and previewed.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Customize The CSS Of Any Web Page & Share With Others Easily – CSS Pivot

Advertise here with BSA


Sometimes, for any website -whether it is built by us or others-, we may want to quickly apply new CSS rules and see how the output will look like.

CSS Pivot is a free web application which enables us to accomplish this by loading the desired URL inside an iframe, apply new CSS rules and, best of all, share the result with everyone via an unique link.

CSS Pivot

The interface is simple-yet-functional; it seperates the original and custom CSS used so anyone can see the new rules. Also, with a click, you can toggle between the original and customized web page.

It is very functional when a friend asks for a CSS-related help, you are showing a customer how small updates can change their website or finding out "how your CSS version of a popular website will look like : )".

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Pixel Proliferation: A Toolset For Managing Screen Resolutions

Advertise here with BSA


PunchCut, a user interface design company, is sharing a set of resources named Pixel Proliferation which present visual concepts and facilitate the conversations that get the design moving.

It includes:

  • a collection of Photoshop® CS5 marquee-tool presets for common screen resolutions. These cover both fixed-screen resolution sizes and ratios for less common resolutions that fall within standard ratios.
  • a set of layered Photoshop CS5 PSDs each providing common devices (iPhone4, Google Nexus, Motorola XOOM and more.) for comping and design presentations. These devices cover the standard ratios and device types (televisions, tablets, smartphones). The screen sizes are to scale to help put designs in accurate and realistic context.
  • a reference chart for resolutions and device landscape.

Pixel Proliferation

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

[Free] New Banner Rotation Script: Rotate Pictures, Text, etc on Your Website

Fancy rotating banners or pictures on your website to give different advertisements (or pictures) exposure? Or perhaps you want to randomize some text on your web page? Or even entire sections, or navigation menus? If so, check out the newest addition to the Free Banner Rotation Perl CGI Scripts page. As the name of the page says, it's free.

Powered by Gewgley