Skip to content

Instantly share code, notes, and snippets.

View zidniryi's full-sized avatar
🎯
Focusing

zidniryi zidniryi

🎯
Focusing
86 followers · 71 following
View GitHub Profile
@zidniryi
zidniryi / index.html
Created June 4, 2019 11:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Pemutar Musik Html 5</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
/* Font Family
@zidniryi
zidniryi / index.js
Created June 4, 2019 11:21
// html5media enables <video> and <audio> tags in all major browsers
// External File: https://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag...
// Inspiration: https://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement;
b.setAttribute("data-useragent", navigator.userAgent);
b.setAttribute("data-platform", navigator.platform);
// HTML5 audio player + playlist controls...
@zidniryi
zidniryi / index.css
Created June 4, 2019 11:24
/* Font Family
================================================== */
@import url("//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400");
/* Desktop
================================================== */
.container {
position: relative;
@zidniryi
zidniryi / index.html
Created June 5, 2019 11:51
<html >
<head>
<meta charset="UTF-8">
<title>Material Login Form</title>
@zidniryi
zidniryi / index.js
Created June 5, 2019 11:53
$('.toggle').on('click', function() {
$('.container').stop().addClass('active');
});
$('.close').on('click', function() {
@zidniryi
zidniryi / style.css
Created June 5, 2019 11:54
body {
background: #e9e9e9;
color: #666666;
font-family: 'RobotoDraft', 'Roboto', sans-serif;
font-size: 14px;
@zidniryi
zidniryi / media-query.css
Created June 5, 2019 16:05 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
@zidniryi
zidniryi / console.js
Created December 19, 2019 03:20 — forked from Harshmakadia/console.js
Mastering JS console like a Pro
// time and time end
console.time("This");
let total = 0;
for (let j = 0; j < 10000; j++) {
total += j
}
console.log("Result", total);
console.timeEnd("This");
// Memory
@zidniryi
zidniryi / App.js
Created September 21, 2020 02:45
State KonsepKoding
import React, { Component } from 'react'
export default class App extends Component {
constructor(props) {
super(props)
this.state = {
count: 0,
}
}
@zidniryi
zidniryi / AppHooks.js
Created September 21, 2020 02:53
Contoh State Dengan Hooks
import React, { useState } from 'react'
const App = () => {
const [count, setCount] = useState(0)
const onCount = () => {
setCount(count + 1)
}
return (
<div>