Skip to content

Instantly share code, notes, and snippets.

View veax's full-sized avatar

Borisov Vadim veax

View GitHub Profile
@veax
veax / atlas-search
Last active March 17, 2022 22:40
Atlas search autocompletion + near geosearch + pagination
@veax
veax / gist:54869a8ccec751d2397532bfed6e6808
Created December 19, 2018 16:21
overlay gradient with background-image
/*-------HTML:------*/
<main>
<div class="main-overlay"></div>
<header></header>
</main>
/*------CSS:--------*/
main{
{
"name": "",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "webpack-dev-server --mode development",
"build": "webpack -p"
},
"author": "",
@veax
veax / webpack.config.js
Created July 22, 2018 23:38
basic config
const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
module.exports = {
entry: {
app: ['babel-polyfill', './src/js/app.js']
},
output: {
@veax
veax / horizontal and vertical text centering over an image with overlay
Last active June 14, 2017 15:04
horizontal and vertical text centering over an image with overlay
/*-------HTML:------*/
<a href="#" class="box_link">
<img src="img/" alt="alt">
<span class="box_overlay"></span>
<span class="box_text">
Some text here
</span>
</a>
@veax
veax / package.json
Created June 11, 2017 22:22
package.json
{
"name": "optimizedhtml",
"version": "2.0.1",
"description": "OptimizedHTML - Start HTML Template",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "WebDesign Master",
"license": "ISC",
function heightDetect() {
$(".main_head").css("height", $(window).height());
};
heightDetect();
$(window).resize(function() {
heightDetect();
});
HTML:
<div class="wrapper">
<div class="tabs">
<span class="tab">Вкладка 1</span>
<span class="tab">Вкладка 2</span>
<span class="tab">Вкладка 3</span>
</div>
<div class="tab_content">
<div class="tab_item">Содержимое 1</div>
<div class="tab_item">Содержимое 2</div>
@veax
veax / media.css
Created June 11, 2017 22:11 — forked from agragregra/media.css
Bootstrap Media CSS | Sass
/*========== Desktop First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {