Skip to content

Instantly share code, notes, and snippets.

View tutweb's full-sized avatar

Tutorial Web Design tutweb

  • Tutweb
  • Indonesia
View GitHub Profile
@tutweb
tutweb / youtube-thumbnail.php
Created May 12, 2014 18:17
Menampilkan Gambar Thumbnail Youtube Dengan PHP
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Menampilkan Gambar Thumbnail Youtube Dengan PHP</title>
</head>
<body>
<?php
@tutweb
tutweb / css-segitiga.html
Created July 2, 2013 17:48
Membuat bentuk segitiga dengan css
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Membuat bentuk segitiga dengan css</title>
<style>
/* Triangles
----------------------------*/
.triangles{
@tutweb
tutweb / jquery-loading.html
Created May 23, 2013 14:44
Jquery Loading Animation While Page Load
<!doctype html>
<html lang="en">
<head>
<meta charset='UTF-8'>
<title>Animasi Loading Saat Pertama Membuka Website</title>
<meta name="description" content="Menampilkan animasi loading saat membuka website" />
<meta name="keywords" content="website animation, loading animation, jquery animation, jquery loading, preloader, animasi loading" />
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200' rel='stylesheet' type='text/css'>
<style>
@tutweb
tutweb / iframe.html
Created April 25, 2013 12:26
Fullscreen Iframe
<html>
<head>
<title>Tutorial Web Design Full Iframe : tutorial-webdesign.com </title>
<meta name="description" content="test">
</head>
<frameset rows="*,1" framespacing="0" border="0" frameborder="NO">
<frame src="http://tutorial-webdesign.com/" name="test" scrolling="auto" noresize>
</frameset>
@tutweb
tutweb / tumpukan-kertas.html
Created March 29, 2013 19:49
Membuat efek tumpukan kertas dengan css
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Efek Tumpukan Kertas Dengan CSS</title>
<style>
body {
background:#666;
}
@tutweb
tutweb / twitter_follower_count.php
Created March 26, 2013 17:17
Display Twitter Follower Using PHP
<?php
$twitter_id = "tut_web";
$url = "http://twitter.com/users/show/$twitter_id";
$response = file_get_contents ( $url );
if(empty($response)){
$count = 0;
}else{
$t_profile = new SimpleXMLElement ( $response );
$count = $t_profile->followers_count;
}
@tutweb
tutweb / grayscale-image.html
Created March 3, 2013 15:52
Grayscale image with css3 filter
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3 Filter Grayscale</title>
<style>
.grayscale, .normal, img{
width: 300px;
}
.grayscale{
@tutweb
tutweb / disable-partial.html
Last active December 14, 2015 07:59
Disable select text on a div
<div class="content">
<h2>Disable Only One Div <small><a href="http://www.tutorial-webdesign.com/css-disable-select-text">http://www.tutorial-webdesign.com</a></small></h2>
<div class="entry">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non vero ipsum minima minus impedit voluptatum blanditiis laboriosam deserunt repellat fugiat quaerat quibusdam optio est sed odio eum ad laudantium accusantium.
</div>
<div class="entry nocopy">
<h3>Disabled</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non vero ipsum minima minus impedit voluptatum blanditiis laboriosam deserunt repellat fugiat quaerat quibusdam optio est sed odio eum ad laudantium accusantium.
</div>
<div class="entry">
@tutweb
tutweb / disable-all.html
Created February 28, 2013 07:41
Disable Copy All Text
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Disable All Text</title>
<style>
body{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@tutweb
tutweb / CSS Disable Text Selection
Created February 18, 2013 20:45
Disable Text Selection With CSS
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Disable Text Selection With CSS</title>
<style>
.website-content{
-webkit-user-select: none;
-khtml-user-select: none;