Archiwum kategorii: Web Tools

Open Source PHP (Symfony2) E-commerce Solution – Sylius

Post pobrano z: Open Source PHP (Symfony2) E-commerce Solution – Sylius


Sylius is an open source and free e-commerce solution for PHP (and based on Symfony2).

It is capable of managing stores of any size and having complex products + categories.

Products can have different tax rates, many shipping methods are supported and it is integrated with Omnipay (multi-gateway payment processing library).

Sylius

Sylius can be used in 2 ways:

  • main application: customize views, configuration and start the project
  • standalone bundles: build a solution using the bundles you need (products, shipping, inventory, etc..)
The application has a full-featured API and it is being improved regularly.

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)

IM Creator – Instant Site Builder With Creative Templates (3 Lifetime Accounts Giveaway)

Post pobrano z: IM Creator – Instant Site Builder With Creative Templates (3 Lifetime Accounts Giveaway)


IM Creator is a very easy to use and hosted website builder that allows anyone to create good-looking websites without diving into any HTML-CSS or JavaScript.

There are many creative templates to choose from where all of them are optimized for search engines and looking good on mobile too.

Info: They are giving away 3 lifetime subscriptions (valued $95/year) to WRD readers, details below.

IM Creator Bio Template

Once the template is picked from a well-categorized list (it is also possible to start with a blank template), the site can be edited live with drag ‘n’ drops.

Inserting new galleries, slideshows, contact forms or menus is just a click away. All of them presented nicely and user-friendly.

One of the most frequent jobs while creating a website, editing images are also handled within IM Creator. There is a built-in image editor for resizing or cropping images.

IM Creator Photographer Template

Also, there are lots of widgets to enhance the website like Google Maps, Twitter timeline, SoundVCloud, Vimeo, Facebook and more.

Websites can integrate with any Google Analytics account, come with free e-mail accounts and new templates are introduced regularly.

How to join the giveaway?

3 lifetime subscriptions (valued $95/year) are being given away. In order to join:

Winners will be announced a week later (13 May 2013) and announced here. 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)

Pure CSS Content Slider – Gallery CSS

Post pobrano z: Pure CSS Content Slider – Gallery CSS


Gallery CSS is a content slider that is built with HTML-CSS and without any JavaScript.

It is an ultra lightweight solution (<1kb gzipped) and comes with an acceptable browser compatibility (IE9+).

There is support for auto-play, items can be browsed with the ready-to-use bullet-navigation or by simply linking to any slide.

The slider can display any HTML and a very useful resource for simple and fast-loading galleries.

Pure CSS Content Slider  - Gallery CSSAdvertisements:
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)

Retinize It – Photoshop Actions To Create Retina-Display Images

Post pobrano z: Retinize It – Photoshop Actions To Create Retina-Display Images


For designs created to be displayed on iOS or any other Retina-Display device, we need to create high quality version the right way.

Retinize It is a set of 2 free Photoshop actions where one of them slices the selected layer (or group) and the other for slicing +  scaling it by 200%.

These actions are a time-saver for anyone that regularly creates designs for websites in Photoshop. Simple-yet-handy.

Retinize ItAdvertisements:
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)

Beautiful jQuery Plugin For Filtering And Sorting Items – MixItUp

Post pobrano z: Beautiful jQuery Plugin For Filtering And Sorting Items – MixItUp


There are various jQuery plugins for filtering and sorting elements where the most popular ones are Isotope and Quicksand.

MixItUp is another great plugin to handle such tasks that deserves to be bookmarked.

While jQuery part decides which elements to show or hide, CSS3 transitions are used for animating them.

jQuery Filtering Plugin - MixItUp

The plugin plays nice with responsive + fluid layouts it is lightweight and works pretty fast.

There are many options for customization: effects, easing, their speed, etc. and it is very 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)

Browser-Specific CSS & JS Hacks: Browserhacks

Post pobrano z: Browser-Specific CSS & JS Hacks: Browserhacks


All browsers have different behaviors while rendering web pages. Even their versions have inconsistencies.

Although this is a bad thing, it is possible to make use of these inconsistencies for targeting the right browser and the right version (which is sometimes handy for debugging or applying code that will only be applied by the browser wanted).

Browserhacks

Browserhacks is a website which presents a list of browser-specific CSS and JavaScript hacks.

It is a single-page resource, includes hacks for Chrome, Safari, Firefox, IE + Opera and has a cool search box that eases finding the right hack instantly.

P.S. The project is open source and it is possible to contribute it with any new hacks.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 Helper For Google Maps: Maplace.js

Post pobrano z: A JavaScript Helper For Google Maps: Maplace.js


Maplace.js is a jQuery plugin that simplifies integrating Google Maps into websites.

It works with the latest Google Maps API (v3) and has methods for adding markers + custom content and drawing paths, polygons or routes.

Maplace.js

There are options for defining the zoom level or controls to be displayed (zoom, map/satellite..).

The plugin allows customizing almost everything from the icons used to texts and colors.

It has callbacks on each action and comes with a very well documentation.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)

Perfect jQuery Color Picker Plugin – Spectrum

Post pobrano z: Perfect jQuery Color Picker Plugin – Spectrum


Spectrum is a jQuery colorpicker plugin that probably comes with all the features you are looking for.

It is image-free (only CSS and JS) and can be used for all browsers or only as a polyfill for the input[type=color] of HTML5 .

The picker is actually familiar to designers/developers as it is the same one that comes with WebKit DevTools (created by the same developer) but now available as a jQuery plugin.

Spectrum - jQuery Colorpicker

It has support for color palettes by storing/displaying the colors you chose, the default selected color can be set or it can be configured to only display the palette with pre-defined colors.

Alpha transparency selection is available, can be always visible (without clicking to a picker icon) and supports multiple color formats.

Spectrum can be customized with CSS and it works on mobile as well.

 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 Non-Text Lorem Ipsum Alternative – Redacted Font

Post pobrano z: A Non-Text Lorem Ipsum Alternative – Redacted Font


Few days ago, a post at WRD had featured BLOKK (a font as blocks) and here is a similar resource with a difference.

Redacted Font is an open source font which is inspired from BLOKK but has a script version besides the block.

The script version is available as regular + bold and the project is so useful when wireframing.

Redacted FontAdvertisements:
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)

SVG.js – Manipulate And Animate SVG Easily

Post pobrano z: SVG.js – Manipulate And Animate SVG Easily


SVG.js is a JavaScript library for working (manipulating and animating) with SVG without any complexity.

The library is standalone, very lightweight in size (5kb gzipped) and has lots of features.

There are built-in methods for creating shapes (rectangle, circle, polygon, etc.) or defining images.

SVG.js

They can all be animated with size, position, color or any other properties and be interacted with standard JavaScript events.

It has support for grouping elements for mass manipulations, filling them is possible and a unified API simplifies working with the library.

SVG.js is extendable with plugins and there are already various plugins (like dragging or easing).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)