Archiwum kategorii: Web Tools

Patternizer: HTML5 Canvas-Powered Patterns

Post pobrano z: Patternizer: HTML5 Canvas-Powered Patterns

Advertise here with BSA

Since ever, we create patterns as image files and use them in web pages by simply attaching them to the backgrounds of elements via CSS.

Patternizer, a web-based pattern design application, brings a different approach in how we create and use them.

Patternizer

The application enables us to design a pattern by simply inserting any number of stripes, rotating them and setting their properties like opacity, color, width or offset.

While we are designing the pattern, the application generates a code including the values of variables which can be used with a JS-library provided (patternizer.js) to build that pattern with HTML5 <canvas>. No images used, just a lightweight JavaScript file and few rules.

The method usually ends up in a smaller-sized solution and, best of all, the pattern can be manipulated by simply changing the values.

Also, with a free membership, it is possible to save and share patterns created.

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)

Easy APNS – Apple Push Notifications With PHP And MySQL

Post pobrano z: Easy APNS – Apple Push Notifications With PHP And MySQL

Advertise here with BSA

Push notifications are an important part of iOS applications as they help keeping the user connected with the application.

If you are developing an iPhone application and need to send such notifications, Easy APNS comes to the rescue.

Easy APNS

It is a PHP-MySQL-based solution for communicating with the APNS which describes every step of a standard setup in detail.

The solution works by inserting push messages into a MySQL table and sending them with the help of a cron job.

P.S. There is also an alternative library named PHP-APNS.

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)

CSS3-Powered jQuery Image Slider – Flux Slider

Post pobrano z: CSS3-Powered jQuery Image Slider – Flux Slider

Advertise here with BSA

Flux Slider is an image slider using CSS3 animations for creating good looking 2D or 3D transitions.

It requires jQuery or Zepto.js, inspired from the transitions of Nivo Slider jQuery plugin and mimics them without using traditional JavaScript-timer-based animations.

Flux Slider

Currently, there are 10+ transitions including Bars-Bars3D, Blinds-Blinds3D, Cube, Zip and more.

It can display a pagination and/or prev-next controls for browsing through the items.

Also, there are functions provided for auto-playing the slides and displaying captions with each.

P.S. The slider can be controlled with custom events with its API as well.

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)

Extremely Flexible jQuery Color Picker – ExColor

Post pobrano z: Extremely Flexible jQuery Color Picker – ExColor

Advertise here with BSA

ExColor is a jQuery plugin for enabling users to select colors from a Photoshop-like color picker.

It is attached to <input> fields and can be activated by simply calling a single-line function.

The color picker's design is so flexible as every element used in the picker comes with 10 different design options to select from.

Also, a web-based editor helps choosing each design element, their colors and various other options to create a unique look.

jQuery ExColor Color Picker Plugin

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)

JavaScript-Powered Code Editor – Ace

Post pobrano z: JavaScript-Powered Code Editor – Ace

Advertise here with BSA

Ace is an open source, standalone and web-based code editor that focuses on providing a similar or better experience with desktop-based ones.

It is actually developed for the well-known Cloud9 IDE and can be integrated into any web page easily.

Ace Editor

The editor's syntax highlighting works with JavaScript, HTML, CSS, JSON, PHP, Perl, Python, Ruby, etc..

There is support for auto indent/outdent, completely customizable key bindings ad theming.

Users can perform search/replace operations with regular expressions besides the standard method, toggle between soft tabs + real tabs and much more.

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)

Golden Grid System – A Base For Creating Responsive Designs

Post pobrano z: Golden Grid System – A Base For Creating Responsive Designs

Advertise here with BSA

Golden Grid System is a fluid-width grid system which functions as a starting point for building responsive websites.

It splits the screen into 18 even columns where two of them are used as outer margins, leaving 16 columns for use in design. And, they can be converted (or folded) into 8 columns or 4 columns.

The folding process is accomplished by media queries and enables the website to serve good-looking pages to screens from 240 to 2560 pixels.

Golden Grid System

Normally, responsive grids using gutters proportional to the screen can display the content like "it's being squeezed" once the screen width changes. Golden Grid System has elastic gutters which always stay in proportion to the content.

The resource also has handy little script named Golden Gridlet, which helps overlaying the grid and a baseline grid of 1.5em onto the page for visually checking that everything lines up properly.

P.S. It is built by the developer of the popular Less Framework.

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)

Cryptocat – Open Source App For Encrypted & Private Chats

Post pobrano z: Cryptocat – Open Source App For Encrypted & Private Chats

Advertise here with BSA

Cryptocat is an open source and web-based chat application that focuses on making sure that the communication is encrypted and private.

It is built with PHP and works with a single file besides the static files (CSS, JS and images) used.

The interface is simple-yet-nice and messages are encrypted with AES-256 using crypto.js library.

Cryptocat - Open Source Encrypted Chat

For a private group communication inside a chat room with other users, a passkey (used by all of the group) comes to the rescue.

Also, for paranoid users, there is Cryptocat Verifier, a Chrome extension which verifies that your Cryptocat session is not serving you modified JavaScript code.

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)

Twitter Bootstrap – A CSS Toolkit By Twitter

Post pobrano z: Twitter Bootstrap – A CSS Toolkit By Twitter

Advertise here with BSA

Twitter Bootstrap is a toolkit created by Twitter for kickstarting CSS when developing websites.

It is built with Less and consists of base CSS + HTML for typography, forms, buttons, tables, grids, navigation, and some more.

The grid provided is 940px wide 16-column and, for the layouts, there are solutions for both fixed + fluid ones.

Twitter Bootstrap

Twitter Bootstrap's HTML elements have a plain-yet-elegant style where form inputs get a nice box-shadow on focus or table rows being highlighted.

The kit also includes other stuff like popovers, alerts, tabs and pagination which all use semantic XHTML.

It is actually built with Preboot, an open-source pack of mixins and variables to be used with Less and, for anyone willing to use it with Less rather than the static CSS, a detailed how-to is provided.

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)

Responsive jQuery Content Slider – FlexSlider

Post pobrano z: Responsive jQuery Content Slider – FlexSlider

Advertise here with BSA

FlexSlider is a lightweight (4kb minified) jQuery content slider plugin that is fully responsive, works great in any resolution and adapts itself nicely.

It uses unordered lists, any HTML content can be placed inside each <li> and they will be converted into slides.

FlexSlider jQuery Plugin

Items can be browsed with the help of navigation buttons, keyboard or an auto-slideshow feature.

There are built-in animations offered for the transitions: fade and slide. And, it is possible to define the slide + duration speeds.

FlexSlider also has some options to improve usability like "pausing on action" or pausing on hover".

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)

SohoOS – All Tools For Managing A Small Business (And.. For Free)

Post pobrano z: SohoOS – All Tools For Managing A Small Business (And.. For Free)

Advertise here with BSA

Whether you are a freelancer or a small/big team, using tools to keep biz-related data under control is usually a good idea for everyone.

SohoOS is an all-in-one application that comes with lots of features for managing a business online.

It is free-to-use and consists of tools like project, document, customers and contact management, communication, invoicing, and more.

Once registered, a friendly dashboard that displays the latest activities, quick links, notes and activities welcomes you (this page can easily become the start page for many users).

SohoOS

Contacts

The first thing would be adding your contacts: contacts, vendors, clients and leads as many other components of the app work integrated with them. They can be imported from the contacts in your e-mail service or from a .CSV file.

For the leads, besides adding them manually, they can be collected with a "contact form widget (named LeadsWidget)" that can be embedded into any web page.

Projects

Any number of projects can be created, tasks and milestones with deadlines can be defined and each of them can be assigned to users.

Users can also attach documents for the project and a progress chart helps viewing if things are performing all ok.

Invoicing & Sales Tools

SohoOS has the features for creating invoices (with a custom look), charging your clients and tracking the process.

Once an invoice is generated, optionally, the payment can be collected by the platform as well via PayPal or credit card (and no merchant account is needed).

Also, you can define the products/services of the business and create/send quotes, sales and purchase orders accordingly.

SohoOS

Documents

For a multi-user environment, managing documents can be hard as they should be reachable by everyone or only some users but should be kept in the same place for an easier access, back up, etc.

The documents module accomplishes all these with ease. Add as much documents as you want to the system, assign them to users or groups and even decide whether they should be available internally or externally.

Communication

This is a premium feature of SohoOS but pretty impressive.

Using the platform, you can make calls, send SMSs, emails and even faxes for a good price by just purchasing credits.

Also, a built-in email client keeps you focused by displaying any incoming e-mails from a given account.

Other Features

Besides these core features, SohoOS offers more like offering ways for improving the visibility of a business by letting them create a landing-page and collect leads or with the "Freelance Area" where businesses can post and get projects.

All sound good? Then you can give this complete and free business management tool a try.

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)