Web

YouTube Autoplay

*Update as it turns out, autoplay cannot be done on iOS devices (iPhone, iPad, iPod touch) and Android, because of the high amout of traffic you can use on mobile networks. Tentunya sudah banyak yang melakukan embed video dari YouTube… Baca selengkapnya YouTube Autoplay

Web Tuning for Performance

It’s my goal to have fast loading website for my customers and it’s always be my pleasure to do it the tuning. Since morning I tried to looking for the best way to put separate files for images, JavaScript and… Baca selengkapnya Web Tuning for Performance

CSS: Simple Tooltip With Pseudo Elements, the Triangle Hack, and Data Attributes

HTML <html lang=”en”> <head> <meta charset=”UTF-8″> <title>A Simple CSS Tooltip</title> </head> <body> <header> <h1>A Simple CSS Tooltip</h1> </header> <div class=”content”> <p><a href=”#” data-tooltip=”I’m the tooltip, yo.”>I’m a link with a tooltip.</a></p> <p><button data-tooltip=”I’m the tooltip, yo.”>I’m a button with a… Baca selengkapnya CSS: Simple Tooltip With Pseudo Elements, the Triangle Hack, and Data Attributes

CSS: Responsive Template

Here empty style for your need to make responsive template or theme. Before write style, in some condition, it’s better way to have meta in your header. <meta name=”viewport” content=”width=1100″ /> Here the empty responsive template CSS. /*————————————————*/ /*——————-[RESPONSIVENESS]——————*/ /*————————————————*/… Baca selengkapnya CSS: Responsive Template

Responstable – a Responsive Table Solution

Author: jordyvanraaij Source: tjoen <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <!– Copyright (c) 2014 by Theun (http://codepen.io/tjoen/pen/LEpeq) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to… Baca selengkapnya Responstable – a Responsive Table Solution

Ping from Around The World

So, you want to check is your web is could accessed from around the world, lets try with StartPing. StartPing provides remote ping service allowing user to test the reach ability of a host through multiple locations using simple web… Baca selengkapnya Ping from Around The World

Receive SMS Online for FREE and with NO Registration

At Receive SMS Online site, you will find some numbers you can send SMS text messages to and the messages will show up on the web. Receive SMS Online site is so much useful when you getting a message when… Baca selengkapnya Receive SMS Online for FREE and with NO Registration

JavaScript: Packer, Decode Packer and Beautifier JavaScript Online

If you want to minimize JavaScript code then use packer and use decode packer to clockwise and if you want to make beauti of your JavaScript code use beautifier. Packer: Dean Edward’s JS Packer Decode Packer: Pagebin Beautifier: JSBeautifier

JW Player: Play Shoutcast Livestream in JW Player 6

Here the code for JW Player 6 play Shoutcast livestream.   <!doctype html> <html> <head> <title>JW Player 6 Play Shoutcast Livestream</title> <script type=”text/javascript” src=”jwplayer.js”></script> <script type=”text/javascript”>jwplayer.key=”ABCDEFGHIJKLMOPQ”;</script> </head> <body> <div id=”myElement”>Loading the player…</div> <script type=”text/javascript”> jwplayer(“myElement”).setup({ file: “http://live.radiorodja.com/;stream.nsv”, image: “http://rodja.tv/wallpaper.jpg”, type:… Baca selengkapnya JW Player: Play Shoutcast Livestream in JW Player 6

Apache/.htaccess: Specify a Vary: Accept-Encoding header

I guess it’s meant that you enable gzip compression for your css and js files, because that will enable the client to receive both gzip-encoded content and a plain content. This is how to do it in apache2: <IfModule mod_deflate.c>… Baca selengkapnya Apache/.htaccess: Specify a Vary: Accept-Encoding header

Protect Directory From Direct Access

There is simple way to protect directory from direct access or prevents from snooping eyes. Create [highlight color=”orange”].htaccess[/highlight] and copy the code below: Options Includes FollowSymLinks MultiViews And off course there is always more ways to protect your folder since… Baca selengkapnya Protect Directory From Direct Access

Responsive Design Testing Tool

Viewport resizer is a browser-based tool to test any website’s responsiveness. The smartest way to share your defined environment of devices and breakpoints directly.

Scroll to Top