STYLE SWITCHER

Developer

A modern, open source text editor that understands web design.

A modern, open source text editor that understands web design.
With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. Try Creative Cloud Extract (preview) for Brackets for an easy way to get clean, minimal CSS straight from a PSD with no generated code.
Why Use Brackets?
Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.
Get Code Hints from a PSD
The Extract for Brackets (Preview) extension lets you pull out design information from a PSD including colors, fonts, gradients, and measurement information as clean, minimal CSS via contextual code hints. You can also extract layers as images, use information from the PSD to define preprocessor variables, and easily get dimensions between objects. All in the context of your code. Website
More

Here are 100+ unicode symbols that you can use

100-plus-unicode-symbols Ever needed to add an icon to your design, but you didn’t want to include images or an entire icon font like Font Awesome into your page? We’ve got good news for you – there is a vast library of available icons and glyphs already in your browser. It is called Unicode, and it is a standard which assigns a unique identifier for an ever expanding number (currently over 110 000) of characters, symbols and icons. This doesn’t mean that you have a choice of a hundred thousand icons, though. It is up to the browser to render them, and it uses the fonts which are installed on the system to do so. In this article, we’ve collected a number of symbols that are available across Windows, Linux, OS X, Android and iOS. You can use them in your web designs today! Website
More

Sync two owlCarousel using version 2 Updated.

Owl-Carousel-2
<div id=”slider” class=”owl-carousel”>
<div class=”item”><img src=”http://placehold.it/350×150&text=1″ /></div>
<div class=”item”><img src=”http://placehold.it/350×150&text=2″ /></div>
<div class=”item”><img src=”http://placehold.it/350×150&text=3″ /></div>
<div class=”item”><img src=”http://placehold.it/350×150&text=4″ /></div>
<div class=”item”><img src=”http://placehold.it/350×150&text=5″ /></div>
<div class=”item”><img src=”http://placehold.it/350×150&text=6″ /></div>
<div class=”item”><img src=”http://placehold.it/350×150&text=7″ /></div>
<div class=”item”><img src=”http://placehold.it/350×150&text=8″ /></div>
</div>
<div id=”thumbnails” class=”owl-carousel”>
<div class=”item”><img src=”http://placehold.it/80×80&text=1″ /></div>
<div class=”item”><img src=”http://placehold.it/80×80&text=2″ /></div>
<div class=”item”><img src=”http://placehold.it/80×80&text=3″ /></div>
<div class=”item”><img src=”http://placehold.it/80×80&text=4″ /></div>
<div class=”item”><img src=”http://placehold.it/80×80&text=5″ /></div>
<div class=”item”><img src=”http://placehold.it/80×80&text=6″ /></div>
<div class=”item”><img src=”http://placehold.it/80×80&text=7″ /></div>
<div class=”item”><img src=”http://placehold.it/80×80&text=8″ /></div>
</div>
var sync1 = $("#slider");
var sync2 = $("#thumbnails");
var flag = false;
var slides = sync1.owlCarousel({
margin: 10,
items: 1,
nav:true,
navText:'',
dots:false
}).on('change.owl.carousel', function(e) {
if (e.namespace &amp;&amp; e.property.name === 'position' &amp;&amp; !flag) {
flag = true;
//thumbs.to(e.relatedTarget.relative(e.property.value), 300, true);
flag = false;
}
}).on('changed.owl.carousel', function(event) {
//sync2.trigger('next.owl.carousel');
sync2.trigger('to.owl.carousel', [event.item.index,100,true]);
}).data('owl.carousel');
var thumbs = sync2.owlCarousel({
items:4,
nav:false,
dots:false,
responsive:{
0 : {
items:1
},
320 : {
items:2
},
480 : {
items:3
},
600 : {
items:4
},
767 : {
items:2
},
991 : {
items:4
}

}
}).on('click', '.item', function(e) {
e.preventDefault(); sync1.trigger('to.owl.carousel', [$(e.target).parents('.owl-item').index(), 300, true]);
}).on('change.owl.carousel', function(e) {
if (e.namespace &amp;&amp; e.property.name === 'position' &amp;&amp; !flag) {
//nsole.log('…');
}
}).data('owl.carousel');
More

http://easyhtml5video.com/

HTML5 is the fastest growing web development trend and HTML5 video as a part of HTML5 becomes the new natural way to show video online. iPad, iPhone, Android, all new browsers declare the support for HTML5 video. It's great, but what is the usual route to create HTML5 video? First you need to find converters and make three versions of your video - .OGG, MP4, WebM. Then, to provide the compatibility with IE and old browsers you add a fallback Flash version of your video with Flash video player. And finally, you extract an image for poster and write batch lines of code to combine all of it... Quite complicated?
More

https://www.taskworld.com/

Work Smarter™ Measuring Performance to Improve Execution
Website
More

Spot.im

Untitled-1
Host Live Conversations on Your Site. Retain users on your site by giving them a great platform to talk to each other. It takes less than 5 mins.
https://www.spot.im/
More

Access localhost from another computer in the same network? [duplicate]

xampp
You need to find what your local network's IP of that computer is. Then other people can access to your site by that IP. P/S: You can find your local network's IP by go to cmd or press Winkey + R then type in "ipconfig". It will give out some information and your local IP should look like 192.168.1.x .
More