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.
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….
A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.
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
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…
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,…
If you regularly use both Adobe Illustrator and Photoshop, Creative Cloud Libraries offer a way to keep all of your frequently-used assets in one place. Creative Cloud Libraries can also be used with Adobe’s mobile apps, like Shape, Brush, and Draw.
Like everyone else, you want to show off your work in its best light. It’s vital that clients see designs, not as floating rectangles in white space, but in the context that they’ll be used: on tablets, on phones, on laptops. But the mockup shouldn’t overpower your design, it should…
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…
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…
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 .
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.
- 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.
/(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.
Kate Dreyer explains why maintaining search rankings when moving to another domain needn’t be a chore – if you do things right.