Archiwum kategorii: Web Tools

A JavaScript/CSS Framework For Easier Data Entry: Grid Forms

Post pobrano z: A JavaScript/CSS Framework For Easier Data Entry: Grid Forms


Grid Forms is a JavaScript-CSS framework that aims to ease data entry.

It allows us to create printed-like forms that are perfectly placed on a grid and occupy less space.

Grid Forms

The framework comes with ready-to-use styles and they can also be customized with Sass.

Created forms are responsive and use a simple HTML structure.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A JavaScript/CSS Framework For Easier Data Entry: Grid Forms

Post pobrano z: A JavaScript/CSS Framework For Easier Data Entry: Grid Forms


Grid Forms is a JavaScript-CSS framework that aims to ease data entry.

It allows us to create printed-like forms that are perfectly placed on a grid and occupy less space.

Grid Forms

The framework comes with ready-to-use styles and they can also be customized with Sass.

Created forms are responsive and use a simple HTML structure.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Bootstrap 3 Is Released – Flat, Mobile-First And More

Post pobrano z: Bootstrap 3 Is Released – Flat, Mobile-First And More


The most popular front-end framework, Bootstrap, now has a new version with lots of exciting changes and features.

First of all, it has a flat design (on all the elements and components) which is the trend now.

It follows the mobile-first approach and always responsive (a how-to exists to disable the responsiveness).

Boostrap3

JavaScript plugins are re-written to prevent any conflicts, new components are added and some of them are removed.

There are small changes in the naming of classes but they are easy-to-adapt.

A new customizer exists which is capable of saving the changes to an anonymous Gist for easy reuse, sharing, and modifications.

Also, there is no more support for IE7 and Firefox 3.6.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Secure & Free Login Script With PHP-MySQL

Post pobrano z: A Secure & Free Login Script With PHP-MySQL


Experienced web developers usually have a ready-to-use register/login code (from older projects) that they can reuse.

For newbies or any developer without such a starting point, this login script with PHP and MySQL can be handy.

It is simplistic, object-oriented and secure (bcrypt with blowfish and using the official PHP password hashing functions).

PHP-MySQL Login Script

The files in the package are well-organized and only a single database table is used.

There are 4 versions that cover every need from simple to full-MVC-framework-like usage.

Most advanced version has all the features like login, register, forgot password, captcha support, edit account, account package, avatar and more.

Script is totally free and open source. Also, it is actively developed and well-documented.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Dripicons – A Beautiful, Free And Vector Icon Set With Webfont

Post pobrano z: Dripicons – A Beautiful, Free And Vector Icon Set With Webfont


Dripicons is a good-looking free icon set of 90+ items which are designed in flat style.

It includes icons that are suitable for web apps, like: arrows, media, charts and more.

The set is available in many vector formats (PSD, AI, EPS, PDF, SVG) and also as a webfont.

DripiconsAdvertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Map Icons – An Icon Font For Google Maps

Post pobrano z: Map Icons – An Icon Font For Google Maps


Map Icons is a free icon font that is built to be used with Google Maps API + Google Places API.

These icons extends the Google Maps Marker object to enable either an image or SVG marker to be used with the icon placed on top as a label. But, but they can be a perfect fit for any mapping-related content/app.

It includes 100+ icons with items for almost any type “points of interest” and location markers.

Map IconsAdvertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Debug Any PHP Code Easily With DebugBar

Post pobrano z: Debug Any PHP Code Easily With DebugBar


DebugBar is a free and open source app that can integrate into any PHP project and collect + present profiling data.

It has no dependencies, supports Ajax requests and includes generic data collectors and collectors for well known libraries.

PHP DebugBar

The bar is 100% JavaScript that sits in the footer (like Dev. Tools).

New collectors and views can be added with ease and it is possible to save/re-run previous requests.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Responsive Grid Layouts For WordPress Or jQuery – “Grid Layout Shock” (5 Lic. Giveaway)

Post pobrano z: Responsive Grid Layouts For WordPress Or jQuery – “Grid Layout Shock” (5 Lic. Giveaway)


Pinterest-like responsive grid layouts became one of the standard ways to present “lots of content” in an organized way.

For anyone willing to use such layouts on any web project, Grid Layout Shock is one of the easiest yet feature-rich solutions out there. And, they are giving away 5 Developers licenses to WRD readers (details at the bottom).

GridLayoutShock

It is available in 2 versions:

  • WordPress plugin
  • jQuery plugin

which makes the usage for almost any type of website so quick and painless.

They are both responsive, have multiple styles and can be customized in means of look/feel.

The WordPress plugin integrates with the site completely as it can pull the content from posts, custom post types, taxonomies, galleries and portfolios (both versions can get the data from RSS).

GridLayoutShock Sample

Using the shortcode generated in the plugin’s settings page, it can be added anywhere inside pages, posts and widgets. Or, the whole site can be displayed with a responsive grid template.

Also, the number of the posts, their order or dimensions can all be set.

Grid Layout Shock has both free (with limited features) and paid versions. Make sure you check them all.

How to join the giveaway?

5 Developer licenses ($99/each) are being given away. In order to join you can choose one or both of the actions to increase the chances:

The winners will be selected randomly and announced a week later (26 August 2013).

Good luck to all.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Clank – An HTML/CSS Framework For Prototyping Native Mobile Apps

Post pobrano z: Clank – An HTML/CSS Framework For Prototyping Native Mobile Apps


Clank is a free and open source HTML-CSS framework for easily prototyping native mobile or tablet apps.

It focuses on providing a consistent UI “without the the concern of mimicking a specific OS”.

The framework is component-based so that we can pick and use only the needed parts. And these components include buttons, forms, sliders, toggles and much more.

Clank HTML Framework

SCSS is used for styling and the layout can be skinned with ease by changing several variables.

There are also various “device wraps” bundled (iPhone, Nexus, iPad..) to quickly present the output in a realistic design.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Smooth Scrolling For Any Element With jQuery

Post pobrano z: Smooth Scrolling For Any Element With jQuery


Arbitrary.Anchor.js is a jQuery plugin that extends the standard anchor functionality (linking with #).

It enables us to target not only ids but any jQuery selector (like classes or element types).

Also, complex selectors can be used as well. (like http://example.com#.sup.brah – that needs to match both of the classes).

jQuery Arbitrary Anchors

The clicked links are automatically scrolled with a smooth scrolling effect.

And, this scrolling behavior’s speed can be customized by adding the ms value to the link (like http://example.com#.sup.brah|100).Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)