Skip to content

Instantly share code, notes, and snippets.

View Lorezz's full-sized avatar
⚡
Working from home

lorezz Lorezz

⚡
Working from home
100 followers · 1.2k following
View GitHub Profile
@Lorezz
Lorezz / Main-column-with-sidebar.markdown
Created October 13, 2013 07:24
A Pen by Brad Frost.

Main column with sidebar

A basic (and common) layout. A main column of text with sidebar stacked underneath. When space becomes available the sidebar displays next to the main column.

A Pen by Brad Frost on CodePen.

License.

@Lorezz
Lorezz / animate_gradient_2.css
Last active August 29, 2015 14:12 — forked from anonymous/my.css
CSS Animated Gradient 3
background: linear-gradient(49deg, #25bf97, #ca11e8, #5f0ea1, #1e9de4, #2b4c8c, #2f3238, #232323, #c63f3f, #f52626);
background-size: 1800% 1800%;
-webkit-animation: AnimationName 29s ease infinite;
-moz-animation: AnimationName 29s ease infinite;
-o-animation: AnimationName 29s ease infinite;
animation: AnimationName 29s ease infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
@Lorezz
Lorezz / lzzAnimatedGradient.css
Last active August 29, 2015 14:12 — forked from anonymous/my.css
Animated Gradient 2
background: linear-gradient(49deg, #25bf97, #ca11e8, #5f0ea1, #1e9de4);
background-size: 800% 800%;
-webkit-animation: lzzAnimatedGradient 60s ease infinite;
-moz-animation: lzzAnimatedGradient 60s ease infinite;
-o-animation: lzzAnimatedGradient 60s ease infinite;
animation: lzzAnimatedGradient 60s ease infinite;
@-webkit-keyframes lzzAnimatedGradient {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
@Lorezz
Lorezz / bg.css
Last active August 29, 2015 14:15
CSS Animated Gradient
background: linear-gradient(49deg, #6000ff, #ff00c8, #07b1ff, #07ffca, #8cff07, #ffd907, #ff1407, #ff0772);
background-size: 1600% 1600%;
-webkit-animation: AnimationName 27s ease infinite;
-moz-animation: AnimationName 27s ease infinite;
-o-animation: AnimationName 27s ease infinite;
animation: AnimationName 27s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% 78%}
50%{background-position:100% 23%}
100%{background-position:0% 78%}
@Lorezz
Lorezz / style.css
Created March 11, 2015 11:18
Simple CSS Gradient
body{ background: -webkit-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
background: -moz-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
background: -ms-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
background: -o-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
background: linear-gradient(45deg, #085078 10%, #85d8ce 90%);
}
@Lorezz
Lorezz / index_swiper_nested_sample.html
Created March 11, 2015 11:18
Swiper Nested sample
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Swiper demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.0.4/css/swiper.css">
@Lorezz
Lorezz / Rounded-Card-Post-Sample.markdown
Created March 25, 2015 17:32
Rounded Card Post Sample
@Lorezz
Lorezz / javascript_resources.md
Last active August 29, 2015 14:22 — forked from jookyboi/javascript_resources.md
Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.

Libraries

  • jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  • Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - Conventions based MVC framework for HTML5 apps.
  • Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
  • lawnchair - Key/value store adapter for indexdb, localStorage
@Lorezz
Lorezz / css_resources.md
Last active August 29, 2015 14:22 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@Lorezz
Lorezz / SassMeister-input-HTML.html
Created November 22, 2015 14:08
Generated by SassMeister.com.
<button type="button">I look amazing</button>