Skip to content

Instantly share code, notes, and snippets.

Avatar
⚒️
No time for commit, just push!

Pavel Belousov pafnuty

⚒️
No time for commit, just push!
View GitHub Profile
@pafnuty
pafnuty / gist:4350799
Created Dec 21, 2012
HTML: start code
View gist:4350799
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
</body>
@pafnuty
pafnuty / h5bp-start-page
Created Dec 21, 2012
HTML: html5 (h5bp) start page
View h5bp-start-page
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="ru"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="ru"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="ru"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="ru"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
View test.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates molestias distinctio porro animi doloremque minima dolores dolor commodi ea eaque repudiandae corporis! Sint alias eos explicabo molestias dolorum sed nostrum exercitationem porro voluptas tempora accusamus sunt excepturi. Tempore eveniet autem a eius ducimus quasi similique eaque laborum laudantium molestiae enim!</span></div>
</body>
</html>
@pafnuty
pafnuty / [dlefaq]_img_w_caption.html
Created Dec 30, 2012
Картика с описанием
View [dlefaq]_img_w_caption.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Картинка с описанием</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
$('img').each(function(e) {
$(this).wrap('<div class="wrap-description" />')
@pafnuty
pafnuty / next_field_on_keypress.html
Created Jan 3, 2013
[dlefaq] Переход к следующему полю при нажатии на клавшу -
View next_field_on_keypress.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>следущее поле при keyup</title>
</head>
<style>
body {
width: 600px;
margin: 50px auto;
@pafnuty
pafnuty / for_rashpil.html
Created Jan 16, 2013
Пример с картинками
View for_rashpil.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
html {
background: url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/gray_jean.png) repeat;
font: normal 14px/1.2 Arial, sans-serif;
text-shadow: 0 1px 0 #fff;
@pafnuty
pafnuty / 21551.html
Created Jan 26, 2013
Ртололо
View 21551.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Трололо</title>
<style>
body {
width: 720px;
margin: 0 auto;
padding: 50px 0;
@pafnuty
pafnuty / selects.html
Created Jan 28, 2013
Селекты с переходом по ссылке в атрибуте value
View selects.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Селекты</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
$('.sorting-data').on('change', function () {
if($(this).val() != '' || $(this).val() != 'undefined') {
@pafnuty
pafnuty / [dle-faq]two_carousel.html
Created Jan 29, 2013
[dle-faq] Простейшая реализация двух каруселек на jCarousel
View [dle-faq]two_carousel.html
@pafnuty
pafnuty / li_statistics.html
Created Jan 31, 2013
Простое визуальное представление статистики.
View li_statistics.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Статистика</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
$('.stat-div li a i').each(function(e) {
$(this).animate({
You can’t perform that action at this time.