Azexo-Composer-WYSIWYG

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse document structure by editor.

Read More
Demo

Client testimonials carousel

The testimonials carousel is a strategic section of a website. It’s a marketing tool, whose message is “this product/service has been used, and it’s good. Trust us!”.

Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design. Besides we considered the scenario where the user wants to see more feedbacks, so we added a button that links to a modal page with more testimonials, with a nice CSS3 transition….

Read More
Demo

Slider Pro – jQuery slider plugin

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.

Main features:

  • modular architecture
  • responsive
  • touch-swipe
  • CSS3 transitions
  • animated layers (and static)
  • infinite scrolling
  • carousel layout
  • full width and full window support
  • thumbnails
  • deep linking
  • lazy loading
  • retina-enabled
  • fade effect
  • full-screen support
  • CSS-only navigation controls (no graphics) for easy customization
  • video support
  • conditional images (different images for different screen sizes)
  • JavaScript breakpoints
  • Read More
    Demo

    Design an Elegant “Gratitude Log” Landing Page With Photoshop

    In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it started!

    Read More

    25 More Impressive Video Background Websites to Amaze You

    Everyone loves a goo? story. Knowing that fact, why not to use it for promotion your own brand online? Designing a site does not mean you have to create static experience only, websites are not printed products. You may do almost what you want.

    With HTML5 it became easier to add animations and videos to a website background. Video as a website background dramatically…

    Read More

    15 Top Solutions that Support the Collaborative Work of Designers and Developers

    Do you cringe when project management comes up in a conversation? Do you avoid taking formal measures to control your ongoing work? Then, reading the following article may be of tremendous help. You may think that a small company like your web design/development practice has no need for external resources to help you command it,…

    Read More

    Free Hand-Drawn Doodle Icon Set (100 Icons, PNG, PSD, SVG)

    If you want to convey an intimate, personal atmosphere in your design, you can’t rely on sterile, clean, pixel-perfect icons. So what about using hand-drawn doodles instead? That’s why we’re happy to release a quite special hand-drawn doodle icon set that has been created by Roundicons and can be used for both private and commercial projects…

    Read More Download

    Freebie: Christmas Icon Set (24, Icons, AI, PSD, EPS, PDF, SVG, PNG)

    Christmas is only a month away, and it’s time to add a few festive icons to your projects, or just freshen up your good ‘ol Christmas cards which you may be planning to give out to your family, friends, colleagues, and perhaps even strangers. Today, we’re happy to release the Christmas Icon Set, a set of 24 icons that are all available in AI, PSD, EPS, PDF, SVG and PNG formats. This icon set was designed and created by Manuela Langella and is free to be used in private as well as commercial projects…

    Read More Download

    Smooth Diagonal Fade Gallery with CSS3 Transitions

    In this tutorial we CSS3 powered by a smooth transition to the diagonal are going to create a gallery with fade effect . The server scan a folder with pictures and all the window that spans display them in a grid . Added a new photo gallery of the files in a folder ( preferably on a regular photo and a small 150 × 150 px ) is as easy as copying .

    Read More Demo

    How to Make Auto-Advancing Slideshows

    One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

    Read More Demo

    JavaScript Regular Expression Parser & Visualizer

    Regulex is a javascript regular expression parser and visualizer.

    • Written in pure JavaScript. No backend needed.
    • You can embed the graph in you own site through html iframe element.
    • Detailed error message. In most cases it can point out the precise syntax error position.
    • No support for octal escape. Yes it is a feature. ECMAScript strict mode doesn’t support octal escape in string,but many browsers still support octal escape in regex. I make things easier. In regulex, DecimalEscape will always be treated as back reference. If the back reference is invalid, e.g. /\1/?/(\1)/?/(a)\2/,or DecimalEscape appears in charset?because in this case it can’t be explained as back reference, e.g. /(ab)[\1]/?, Regulex will always throw an error.

    Website Demo

    Lightview – The jQuery Lightbox

    Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.

    By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible.

    Website Demo