Archiwum kategorii: Web Tools

Version Control Made Easy – GitHub For Windows & Mac

Post pobrano z: Version Control Made Easy – GitHub For Windows & Mac

Advertise here with BSA

GitHub is one of the most popular hosted version control services around and, besides its premium plans, usage is completely free for open source projects.

Many widely-used projects are hosted there (including Node.js Ruby on Rails, PHP or jQuery) and it definitely helps taking the code under control + improving the code with the contribution of others.

If you are like me; "work better with GUI apps rather than the command-line" and use GitHub, they now have free-to-use desktop apps for popular operating systems.

GitHub for Windows

Lately, they had launched GitHub for Mac and, now, GitHub for Windows is released.

Both applications offer almost all the functionality that can be reached from command line tools and ease the usage for developers like me : ).

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Gumby – Responsive CSS Framework With A Web UI Kit

Post pobrano z: Gumby – Responsive CSS Framework With A Web UI Kit

Advertise here with BSA

Gumby is a responsive and 960px-grid CSS grid framework that can be customized to work in every resolution with almost no effort.

Its fluid-fixed layout self-optimizes the content for desktop, tablet and mobile resolutions and there is support for nested grids.

Gumby CSS Framework

Similar to Twitter Bootstrap, it includes a web UI Kit of good looking buttons, forms, navigation + tabs and a tiny JavaScript file that brings these components to life.

Gumby has multiple versions to download: 12 columns, 16 columns, a hybrid one or an all-in-one package. And, there are PSD files provided to ease designing with the grid.

The framework is very well-documented, has demos for all of its features and totally free to use.

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Drop-downs (List-Menus) With Images – ddSlick

Post pobrano z: Drop-downs (List-Menus) With Images – ddSlick

Advertise here with BSA

Improving (manipulating) standard HTML elements with JavaScript for a better usability makes sense when used wisely.

ddSlick, a lightweight jQuery plugin, does that by mimicking the behavior of list-menus with a better look and more information.

It works as a drop-down menu where we can use images and description besides a simple text.

ddSlick jQuery Plugin

The data source that populates the drop-down options is JSON and there are multiple options for customizing the functionality. The look & feel can be changed as well (very few styles used).

There is also a callback function that is fired when an option is selected (which is good for auto-modifying a hidden form for a possible submit, etc.).

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

WYSIHTML5 – A Lightweight Rich Text Editor With Valid HTML5 Markup

Post pobrano z: WYSIHTML5 – A Lightweight Rich Text Editor With Valid HTML5 Markup

Advertise here with BSA

WYSIHTML5 is an open source rich text editor, developed by Xing, that produces non-bloated, valid HTML5 code.

The editor doesn't rely on any JS framework,  it is lightweight and loads/works pretty fast.

It transforms textarea fields and provides the major stuff including text styles (bold, italic), lists, headers, inserting images or links and coloring the text.

WYSIHTML5

There is speech-input (which is only displayed in Chrome) and HTML source code can be viewed with a click.

WYSIHTML5 speeds up the writing process by auto-linking the URLs and offers a secure usage by using sandboxed iframes in order to prevent identity theft through XSS.

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Instant CRUD Interfaces With PHP (CodeIgniter): GroceryCrud

Post pobrano z: Instant CRUD Interfaces With PHP (CodeIgniter): GroceryCrud

Advertise here with BSA

For data-driven web applications, we usually create an admin interface for managing this data where many parts of it are actually about listing records within a grid.

GroceryCrud is a CodeIgniter-powered resource that can auto-generate a fully-functional create/read/update/delete interface very quickly.

Once it is integrated into a CodeIgniter installation, a new grid with CRUD features can be created with only a few lines of code and it can have pagination, sorting + search, all with Ajax.

GroceryCrud

The generated data-entry forms can have both server-side and client-side validation where custom rules can be integrated easily.

It is possible to only use the desired columns and there are callbacks almost everywhere for further customizations.

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)

An Infinite jQuery Slider Plugin With Modern Effects – Sequence

Post pobrano z: An Infinite jQuery Slider Plugin With Modern Effects – Sequence

Advertise here with BSA

Sequence is a jQuery plugin for sliding content without a default theme but leaving the complete control to you.

Any type of content can be used and they are displayed in an infinite slider logic.

It uses a semantic markup and supports responsive layouts + touch devices and swiping.

Sequence.js

There are various unique transitions built with CSS3 (which requires modern browsers) and degrades gracefully for older browsers.

Sequence has options for controlling the functionality including the control of prev-next buttons, auto-play being on/off, the slide to be displayed on initial load, transition types and more.

Also, there are callbacks on every level interaction for further customizations.

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)

Centurion: A PHP Content Management Framework (Zend-Powered)

Post pobrano z: Centurion: A PHP Content Management Framework (Zend-Powered)

Advertise here with BSA

Centurion is an open source application which is both a fully-functional CMS and a base/framework for building project-specific content management/admin systems.

It is built on top of Zend and comes with features like user/comment/navigation management, social sign-in, internal search and more besides the handling of content.

A single installation can control multiple sites and the sites can have multiple languages.

Centurion

Centurion comes with an intuitive datagrid that works with any types of custom data and has capabilities like smart filtering, easy search, sorting, paging, ordering and bulk handling.

For creating + editing data, a powerful form module exists which you can create a form with your own data model. It has built-in components like rich text editor, multi select, switcher, multi upload, datepicker, error messages.

There are also many other re-usable components that will ease creating such a CMS system including caching, file handling, feed generation, lazy loading 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)

Truncating HTML With JavaScript Without Losing Markup – Cutter.js

Post pobrano z: Truncating HTML With JavaScript Without Losing Markup – Cutter.js

Advertise here with BSA

We sometimes need to display a shorter version of a text/content so that it fits to the layout as expected (like the "read more" links shown for truncated content).

Cutter.js is a JavaScript class that allows us to accomplish this on the client-side without losing markup.

Cutter.js

The class cuts the content to the number of requested words and if needed puts a link to open the full content again and, if wanted, places a link to open the full content.

It is a standalone + lightweight resource (1.5kb gzipped) and works cross-browser.

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)

Clipping JPEGs Freely With JavaScript: polyClip.js

Post pobrano z: Clipping JPEGs Freely With JavaScript: polyClip.js

Advertise here with BSA

When we need to clip an irregular shape from an image and use it on the web, PNG is the most common answer as it is the only image format used by all web browsers that support alpha channels.

However, PNG images come with a penalty of size (if the source is a photograph) compared to similar sized JPEGs.

polyClip.js is a script, built on jQuery, that allows us to clip any image with imagemap coordinates using HTML5 Canvas.

polyClip.js

For implementation on many images, "how practical would it be to use polyClip.js" is open to discussion however, for only few images, it can be a huge byte-saver.

And, it is supported in most browsers including IE7 (with Excanvas).

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)

34 Free WordPress Theme Frameworks and Starter Themes (With A Comparison Chart)

Post pobrano z: 34 Free WordPress Theme Frameworks and Starter Themes (With A Comparison Chart)

Advertise here with BSA

WordPress offers a huge space for creativity and flexibility when designing and developing new websites.

Any type of website can be built on top of it: from blogs to newspapers, corporate websites to landing pages and even social networks. All you need is a theme coded to handle that functionality.

WordPress Theme Frameworks

Yes, WordPress theme development. That is an easy process for experienced hands who knows the capabilities of the application and familiar with its functions and "not too hard" for others.

To simplify developing new themes, there are awesome WordPress theme frameworks and starter themes that you can use as a base for skipping the repetitive steps and begin with an optimized playground.

Here are the 34 free and good-quality ones that will save your time from searching them. And, in the bottom, you can find a comparison table for these WordPress theme frameworks.

 

Roots

Roots

The main power of this framework is its extremely clean WordPress code output, clean head and URLs (even for the head, CSS and JS paths).

Upon its activation, it automatically applies many useful customizations (like creating a homepage, defining the permalink structure, etc.).

Roots has 2 widget areas and it includes Blueprint CSS, 960.gs, the 1140px Grid, Adapt.js, Less Framework 4, Foundation by Zurb, and Bootstrap by Twitter.

Skeleton

Skeleton

It is a theme aimed at helping you build simple, uncluttered, useable, and mobile-friendly websites.

Skeleton has styling for typography and form elements + includes simple tabs and accordions.

The theme is based on and inspired from Skeleton Responsive Boilerplate, Theme Options Framework, Thematic Framework, Formalize and TwentyTen Theme.

P.S. There are also optional styles for bbPress and Jigoshop.

Bones

Bones

Bones is a theme following the mobile first approach that has a detailed + organized CSS, in-depth documentation with tutorials and details on every level.

There are 3 versions:

  • classic
  • responsive
  • HTML version for projects

Many useful features exist including page navi, breadcrumbs, related posts and HTML5 video with fallback.

It is based on 960.gs, 320 and Up Extension, HTML5 Boilerplate.

Gantry

Gantry

Gantry has a detailed admin interface with 65 base widget positions and 38 layout combinations that provide a huge space for customization.

There are lots of built-in features including the CSS and JS compression, speed-optimized codebase, several widgets and gizmos such as font-sizer, Google Analytics, to-top smooth slider, IE6 warning message, etc.

Starkers

Starkers

Starkers is a completely naked  WordPress theme built to be a starting point for theme designers.

It’s a stripped-back version of the ‘Twenty Ten’ theme that is bundled with each WordPress download.

The theme is based on YUI Reset and it is totally unstyled.

Wonderflux

Wonderflux

Wonderflux is a solid, easy to update and flexible platform you can use for any WordPress project.

It has location-aware template parts that allow you to concentrate on the content, not the code.

The framework comes with a fully dynamic CSS grid system, simple administration controls and over 100 display hooks.

Reverie

Reverie

Reverie is a HTML5 WordPress framework based on ZURB's Foundation and HTML5 Boilerplate.

It can almost be used out-of-the-box. There are 2 widget areas; sidebar and footer and 2 menus (top navigation menu and footer information menu). Also works with bbPress 2.0.

Thematic

Thematic

Thematic is a good option for using as-is or as a blank WordPress theme for development.

There are built-in with styles for popular plugins and many theme filters + hooks are available.

The theme has 13 widget areas + multiple layout options and it is strongly advised to use a child theme for customization.

Whiteboard

Whiteboard

Whiteboard focuses on simplicity and includes only the core WP functionality.

it supports WordPress features such as manageable menus, background, and header image besides featured images, several widget areas, and more.

The framework uses LESS for mobile support and responsive outputs. The code is lightweight + well-commented and there is support for child themes.

Presswork

PressWork

The big thing that separates this PressWork from others is its unique front-end editor.

Google fonts selector is integrated to this front-end editor to easily select your fonts. A PSD file is included to customize the design and it has 2 widget + 2 menu areas.

Constellation Theme

Constellation Theme

The Constellation theme is a great base for any WordPress-powered website.

It has the styles for creating responsive pages, has a HTML5 code and comes with a flexible grid system.

The theme is based on the HTML5 Boilerplate.

TwentyTen Five

TwentyTen Five

This theme is an HTML5-powered version of the default WordPress TwentyTen theme.

It is cleanly coded, using the theme and integrating new features on it is pretty easy.

Elastic

Elastic

There are several important stuff behind Elastic: a visual theme editor, a theme engine, and a set of protocols that link these two.

It aims to bring a new approach to editing and creating themes which both developers and end-users will find easy to work with.

Flexible

Flexible

Flexible is a carefully-coded child theme of the default Twenty Ten theme and built-with any browser size in mind.

It has a Facebook FanGate integration and packed with Themekit (which is a plugin for plain simple customization via WordPress editor).

WP Paintbrush

WP Paintbrush

WP Paintbrush comes with a built in front-end editor that enables anyone willing to quickly create a unique design for their website.

The editor has a drag 'n' drop interface for placing theme sections, comes with fixed or fluid layouts and much more.

Html5 Shell

Html5 Shell

mimoYmima has implemented an improved body tag that includes many valuable information about the page loaded.

There are smart sidebar disabling methods which could come handy, several @font-face examples and dynamic sidebar + custom template examples packaged with the framework

The code is commented clearly for easing the production process and it uses Modernizr + HTML5 reset css

Gantry is based on 960.gs.

Hybrid

Hybrid

This framework has many custom widget areas, widgets, hooks, shortcodes, page templates and many options to easily customize your website.

It is being improved continuously and has a community growing around it.

HTML5 Reset

HTML5 Reset

This blank theme focuses on making a solid HTML5 compatible starting point for WordPress theme development.

It also has some additional features such as built-in analytics and starter CSS declarations for basic WP elements.

HTML5 Reset is based on digwp.com's Blank WordPress Theme, Modernizr and HTML5 Reset.

The Buffet

The Buffet

The framework has many SEO features including breadcrumbs and jQuery improvements such as comments form validation, SuperSleight for IE6, superfish menus or jBreadcrumb.

It is also compatible with many plugins and fully localized, ready for translation.

The theme includes 960.gs and Blueprint CSS.

Simon

Simon

This framework includes useful options such as free icons, typography, breadcrumbs and form designs.

There are also multiple post formats to ease theme customizations.

It has support for widgets, child themes and comes with a clean code.

Handcrafted WP

Handcrafted WP

This one may not count as a framework, but it is an almost-naked starter theme with many useful features such as cleaner head code, integrated analytics, support for menus, post formats and custom post types.

The theme also has a widget-ready sidebar and dashboard.

Handcrafted WP is based on Toolbox Starter theme and HTML5 Boilerplate.

ToolBox

Toolbox

If you want to make your own theme and want it to be ready for HTML5, ToolBox may satisfy your needs.

It is a blank theme in plain and semantic HTML5 markup with almost no CSS.

Thematic-html5boilerplate

Thematic HTML5Boilerplate

This is a WordPress theme using HTML5 Boilerplate and based on Thematic ToolBox (and other Thematic themes).

H5 Theme Template

H5 Theme Template

H5 includes a full pack of theme files and folders with each file having all the latest WordPress functionality.

It is built with easy customization and personalization in mind and serves as a solid starting point for your next HTML-5-based theme.

Brave New World

Brave New World

This theme has no layout and styling except the modified version of Eric Meyer’s reset CSS and a baseline typography.

Although it is such a plain theme, it is built with HTML5, WAI-ARIA in mind and supports hCard + hAtom microformats.

1140 Fluid Starkers

1140 Fluid Starkers

This theme is the combination of Starkers + the 1140 CSS Grid and great for anyone looking for a responsive naked theme.

Indeziner

Indeziner

Indeziner is a starting point for creating websites using WordPress with no hassle.

It has a fully customizable homepage, almost every section can be enabled/disabled and bundled with a slideshow, gallery page and Flickr integration.

Blank Themes

Blank Themes

Blank Themes offer 1, 2, 3 column blank themes to start from with the variations of sidebar locations.

There is also a blank portfolio theme that can be easily customized and used for your own portfolio.

rtPanel

rtPanel

rtPanel has a developer centric framework which is useful for developers willing to tweak codes with hooks and functions.

The framework also provides control over content and design for anyone who is not so familiar with coding and web-development.

Sandbox

Sandbox

Sandbox and various other themes from plaintxt.org provide a strong and clean structure with rich semantic classes powered by dynamic functions and microformats.

The themes are minimal and can be good starting points for new themes.

Suffusion

Suffusion

Suffusion is a cross-browser theme with a bunch of options.

It has 19 widget areas, one/two/three column, fixed-width and flexible-width formats, 10 pre-defined templates, 18 pre-defined color schemes, 2 customizable multi-level drop-down menus, featured posts, a magazine layout, tabbed sidebars, widgets for Twitter, social networks, Google Translate and more.

Foundation

Foundation

Foundation is a blank starter theme that has all the core features needed to creating a new theme.

It is a nice kit for developing responsive websites, uses Orbit as a content slider and based on ZURB's Foundation Framework + HTML5 Boilerplate.

StartBox

StartBox

StartBox is a theme framework that makes rapid web development and WP theme creation simple for both designers and developers.

It comes pre-loaded with customizable theme options, several widget-ready areas and custom widgets, 6 pre-defined layouts and a comprehensive documentation.

Yoko

Yoko

Yoko is a modern three-column blog theme and it comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.

It also provides various post formats and uses Google Web Fonts.

 

Comparison Of WordPress Theme Frameworks

Themes Capabilities
HTML5 Responsive Mobile SEO Admin Int. Micro formats IE Hacks Basic Styles
Roots Exists Not Exists Exists Exists Exists Exists Exists Not Exists
Skeleton Exists Exists Exists Not Exists Exists Not Exists Exists Exists
Bones Exists Exists Exists Not Exists Not Exists Not Exists Exists Not Exists
Gantry Not Exists Not Exists Exists Exists Exists Not Exists Not Exists Exists
Starkers Not Exists Not Exists Not Exists Not Exists Not Exists Not Exists Not Exists Not Exists
Wonderflux Not Exists Not Exists Not Exists Not Exists Exists Not Exists Exists Exists
Reverie Exists Exists Exists Exists Not Exists Exists Exists Exists
Thematic Not Exists Not Exists Not Exists Exists Not Exists Not Exists Not Exists Exists
Whiteboard Exists Exists Exists Exists Not Exists Not Exists Not Exists Exists
Presswork Exists Exists Exists Exists Exists Not Exists Not Exists Exists
Constellation Theme Exists Exists Exists Exists Not Exists Not Exists Exists Exists
TwentyTen.. Exists Not Exists Not Exists Not Exists Not Exists Not Exists Exists Exists
Elastic Not Exists Not Exists Not Exists Not Exists Exists Not Exists Not Exists Not Exists
Flexible Exists Exists Exists Not Exists Not Exists Not Exists Exists Exists
WP Paintbrush Exists Not Exists Not Exists Exists Exists Not Exists Exists Exists
Html5 Shell Exists Exists Exists Exists Not Exists Not Exists Exists Not Exists
Hybrid Not Exists Not Exists Not Exists Exists Exists Not Exists Not Exists Exists
HTML5 Reset Exists Not Exists Exists Not Exists Not Exists Exists Exists Not Exists
The Buffet Not Exists Not Exists Not Exists Exists Exists Exists Not Exists Exists
Simon Not Exists Not Exists Not Exists Not Exists Exists Not Exists Not Exists Not Exists
Handcrafted Exists Not Exists Exists Not Exists Not Exists Not Exists Exists Not Exists
ToolBox Exists Not Exists Not Exists Not Exists Not Exists Not Exists Not Exists Not Exists
Thematic-html5boil. Exists Not Exists Not Exists Not Exists Exists Not Exists Not Exists Not Exists
H5 Theme Template Exists Not Exists Not Exists Not Exists Not Exists Not Exists Not Exists Exists
Brave New World Exists Not Exists Not Exists Not Exists Not Exists Exists Exists Not Exists
1140 Fluid Starkers Exists Not Exists Not Exists Not Exists Not Exists Not Exists Exists Exists
Indeziner Not Exists Not Exists Not Exists Not Exists Exists Not Exists Not Exists Exists
Blank Themes Exists Not Exists Not Exists Not Exists Not Exists Not Exists Not Exists Exists
rtPanel Not Exists Not Exists Not Exists Not Exists Exists Not Exists Exists Exists
Sandbox Not Exists Not Exists Not Exists Not Exists Not Exists Exists Not Exists Exists
Suffusion Not Exists Not Exists Not Exists Exists Exists Not Exists Exists Exists
Foundation Exists Exists Exists Not Exists Not Exists Not Exists Exists Exists
StartBox Not Exists Not Exists Not Exists Not Exists Exists Not Exists Not Exists Exists
Yoko Exists Exists Exists Not Exists Exists Not Exists Exists Exists
Devrim Vardar

 

Author: Devrim Vardar

Devrim Vardar is a talented web developer who also writes fiction and non-fiction besides code.

He can be found at Stild.com and via Twitter.

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)