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 / html5-starter-template.html
Created January 24, 2013 17:29
html5 starter template
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Starter Template</title>
</head>
<body>
<header>
<hgroup>
@tutweb
tutweb / CSS-Center-element.html
Created January 26, 2013 16:20
Centering an element with css
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Position Center</title>
<style>
.container{
border:20px solid rgba(0,0,0,.5);
width: 400px;
height: 200px;
@tutweb
tutweb / disable-link-css.html
Created February 12, 2013 14:54
Disable link using css
@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;
@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 / 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 / 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 / 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 / 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 / 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>