Skip to content

Instantly share code, notes, and snippets.

@kovaldn
kovaldn / CSS - clearfix
Created November 28, 2014 16:00
CSS - clearfix
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
@kovaldn
kovaldn / main.css
Last active December 5, 2023 18:52
CSS: footer
<div class="wrapper">
<div class="main-content">
</div>
</div>
<footer class="page-footer">
</footer>
/* прибьём футер к низу*/
.wrapper{
@kovaldn
kovaldn / plugin.js
Created August 17, 2015 15:20
jquery plugin
// jQuery plugin
http://learn.jquery.com/plugins/basic-plugin-creation/
(function ( $ ) {
var shade = "#556b2f";
$.fn.greenify = function() {
this.css( "color", shade );
@kovaldn
kovaldn / module.js
Last active December 5, 2023 18:51
JS : good module
// Объявление модуля
var myModule = (function () {
// Инициализирует наш модуль
function init () {
_setUpListners();
};
// Прослушивает события
function _setUpListners () {
@kovaldn
kovaldn / Javascript: regular expressions.js
Last active June 12, 2023 10:29
Javascript: regular expressions
// ТЕОРИЯ
var pattern = "^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$" - тип "string"
var re = new RegExp(pattern); - это уже regex
// ССЫЛКИ
// готовые регулярки
Gskinner.com/RegExr/
Regexlib.com
@kovaldn
kovaldn / Datatables: aaData, aoColumns, mData, mRender.js
Last active May 30, 2023 09:15
Datatables: aaData, aoColumns, mData, mRender
/*
* Данный пример иллюстрирует, как можно заполнять таблицу данными, приходящими аякс запросом,
* а также как корректно обновлять данные таблицы
*
* Подробнее: http://www.datatables.net/usage/columns
*/
/*
* HTML, template
@kovaldn
kovaldn / Javascript: AJAX deferred.js
Last active August 27, 2022 07:32
Javascript: AJAX deferred
/*
* -------------------------
* AJAX deferred: when, then
* -------------------------
*/
// 1 пример
// Допустим нам нужно работать с результатами нескольких аякс запросов. Мы можем вэкономить время и вызывать их одновременно (параллельно)
$.when(
@kovaldn
kovaldn / CSS: font-face.css
Last active April 8, 2020 17:58
CSS: font-face
@font-face {
font-family: 'bebas';
src: url('../fonts/firasans-book.eot');
src: url('../fonts/firasans-book.eot?#iefix') format('eot'),
url('../fonts/firasans-book.woff') format('woff'),
url('../fonts/bebas.ttf') format('truetype'),
url('../fonts/firasans-book.svg#svgFirasans-book') format('svg');
font-weight: normal;
font-style: normal;
}
@kovaldn
kovaldn / HTML: symbols.html
Last active April 8, 2020 17:58
HTML: symbols
&copy; - спецсимвол для значка копирайтов
&laquo; - кавычки красивые
&nbsp; - пробел
@kovaldn
kovaldn / javascript: dropdown menu.js
Last active April 8, 2020 17:58
javascript: dropdown menu
/*Выпадающее меню*/
// html
<nav class="absolute">
<ul class="inline">
<li class="drop relative">
<a class="drop-toggle" href="">Пункт1</a>
<ul class="drop-menu hidden absolute">
<li><a href="#">Подпункт1</a></li>
<li><a href="#">Подпункт2</a></li>