Skip to content

Instantly share code, notes, and snippets.

View YaroslavW's full-sized avatar

Yaroslav YaroslavW

View GitHub Profile
@YaroslavW
YaroslavW / react-cdn.html
Created October 8, 2018 11:42
react-cdn.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!-- Don't use this in production: -->
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
@YaroslavW
YaroslavW / template_5.html
Created October 1, 2018 19:28
template_html5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Document</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
@YaroslavW
YaroslavW / webserver.js
Created September 30, 2018 12:16 — forked from hectorcorrea/webserver.js
web server in node.js
// A very basic web server in node.js
// Stolen from: Node.js for Front-End Developers by Garann Means (p. 9-10)
var port = 8000;
var serverUrl = "127.0.0.1";
var http = require("http");
var path = require("path");
var fs = require("fs");
var checkMimeType = true;
# Logs
logs
*.log
npm-debug.log*
# Runtime data
pids
*.pid
*.seed
@YaroslavW
YaroslavW / index.html
Last active May 5, 2018 21:11
html:5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- REACT LIBRARY -->
<script src="https://unpkg.com/react@15.5.4/dist/react.js"></script>
<!-- REACT DOM LIBRARY -->
<script src="https://unpkg.com/react-dom@15.5.4/dist/react-dom.js"></script>
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.animated {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
@YaroslavW
YaroslavW / index.html
Created April 10, 2018 10:03
bootstrap 3 cdn with full head
<!DOCTYPE html>
<html lang="en">
<head>
<!--Эти теги должны идти первыми-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0,width=device-width">
<!-- meta bootstrap 4 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--OpenGraph-->
@YaroslavW
YaroslavW / getAttributeValue.html
Created March 29, 2018 06:35
getAttributeValue
<!DOCTYPE html>
<html lang="en">
<head>
<!--Эти теги должны идти первыми-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0,width=device-width">
<!--OpenGraph-->
<meta property="og:type" content="website">
@YaroslavW
YaroslavW / head
Created March 29, 2018 05:48
head
<head>
<!--Эти теги должны идти первыми-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0,width=device-width">
<!--OpenGraph-->
<meta property="og:type" content="website">
<meta property="og:url" content="Ссылка на страницу">
<meta property="og:title" content="Заголовок">
@YaroslavW
YaroslavW / find_and_remove.js
Created March 20, 2018 22:09 — forked from max-frai/find_and_remove.js
Find and remove inactive facebook friends & bots
var accountTag = 'own_remove_account_tag';
var css = " \
.own_popup { \
width: 50%; min-width: 676px; height: 80%; padding: 15px; \
background: white; border: 1px solid #eee; border-radius: 15px; \
z-index: 999999; position: fixed; margin: auto; \
top: 50px; left: 0; right: 0; \
-webkit-box-shadow: 0px 3px 38px 0px rgba(50, 50, 50, 0.32); \
-moz-box-shadow: 0px 3px 38px 0px rgba(50, 50, 50, 0.32); \
box-shadow: 0px 3px 38px 0px rgba(50, 50, 50, 0.32); \