Skip to content

Instantly share code, notes, and snippets.

View tutweb's full-sized avatar

Tutorial Web Design tutweb

80 followers · 0 following
  • Tutweb
  • Indonesia
View GitHub Profile
@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 / 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 / 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 / gmail.php
Created May 14, 2014 14:25
Mendapatkan list email dari Gmail dengan PHP
<?php
function check_email($username, $password)
{
//Connect Gmail feed atom
$url = "https://mail.google.com/mail/feed/atom";
// Send Request to read email
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, $url);
@tutweb
tutweb / animasi-background.html
Created August 15, 2014 03:35
Membuat Animasi Background Website Dengan CSS3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Animasi Background CSS3</title>
<style>
body{
background-color: #f1c40f;
-webkit-animation: color 5s ease-in 0s infinite alternate running;
-moz-animation: color 5s linear 0s infinite alternate running;
@tutweb
tutweb / CSS Shapes Demo
Created September 2, 2014 19:31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo CSS Shapes</title>
<style>
*{
padding: 0;
margin: 0;
}
@tutweb
tutweb / animasi-background-scroll.html
Last active August 29, 2015 14:06
Animasi Bakcground Scroll
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Animasi Background Ketika Scroll</title>
<style>
*{
padding: 0;
margin: 0;
@tutweb
tutweb / scroll-play-video.html
Created September 6, 2014 06:29
Scroll to play video using jquery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Scroll untuk play video | Tutorial-Webdesign.com</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
function scrollVideo() {
var video = $('#video').get(0),
videoLength = video.duration,
@tutweb
tutweb / og-php.php
Last active May 27, 2019 10:25
Get Open Graph Meta Tag Using PHP
<?php
function fetch_og($url)
{
$data = file_get_contents($url);
$dom = new DomDocument;
@$dom->loadHTML($data);
$xpath = new DOMXPath($dom);
# query metatags dengan prefix og
$metas = $xpath->query('//*/meta[starts-with(@property, \'og:\')]');
@tutweb
tutweb / SyntaxHighlighter-to-Pastacode
Created December 30, 2014 02:29
Replace SyntaxHighlighter format to Pastacode
UPDATE wp_posts SET post_content = REPLACE ( post_content, '[html]
', '[pastacode lang="markup" message="" highlight="" provider="manual"]
<pre><code>');
UPDATE wp_posts SET post_content = REPLACE ( post_content, '
[/html]', '</code></pre>
[/pastacode]');
UPDATE wp_posts SET post_content = REPLACE ( post_content, '[css]
', '[pastacode lang="css" message="" highlight="" provider="manual"]