Skip to content

Instantly share code, notes, and snippets.

View lukasborawski's full-sized avatar
✨

Lukas Borawski lukasborawski

✨
48 followers · 45 following
View GitHub Profile
@lukasborawski
lukasborawski / scripts.js
Last active August 29, 2015 13:59
Facebook competition accessibility from liking of profile.
(function(){
window.fbAsyncInit = function() {
FB.init({
appId : '8547685675671896', // App ID
// channelUrl : 'http(s)://yourdomain.com/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
@lukasborawski
lukasborawski / gulpfile.js
Created November 18, 2014 15:43
Gulp synchronous tasks running.
var gulp = require('gulp');
var async = require('async');
gulp.task('task1', function() {
console.log('1');
});
gulp.task('task2', function(cb) {
setTimeout(function () {
console.log('2');
@lukasborawski
lukasborawski / appController.js
Last active August 29, 2015 14:17
MVC JavaScript App Structure
var _userForm = {
getElement: {
d: $(document),
f: $('.js-userForm')
},
send: function() {
var self = this;
@lukasborawski
lukasborawski / index.html
Created November 21, 2011 09:58
CSS3 Cloud
<html>
<head>
<title>My Loved Creation - CSS3 Cloud</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="whole_container">
<div id="main_container">
<div class="cloud_box">
<div class="cloud_arm_01 border-radius"></div>
@lukasborawski
lukasborawski / index.html
Created January 12, 2012 11:25
QDO Ventures Pure CSS Logo
<!DOCTYPE html>
<html>
<head>
<title>QDO Ventures - Pure CSS Logo</title>
<link rel="stylesheet" href="style.css"/>
<link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One' rel='stylesheet' type='text/css'>
<meta charset="utf-8" data-count="1">
</head>
<body>
<header>
@lukasborawski
lukasborawski / functions.js
Created February 17, 2012 08:56
CSS3 and jQuery Pagination - www.blog.lukasborawski.pl/demos/pagination/
$(document).ready(function(){
$('ol.pagination_list li').addClass('gradient');
$('ol.pagination_list li').click(function(){
$('li').removeClass('active');
if ( $(this).hasClass("active")) {
$(this).removeClass("active");
}
else {
$(this).addClass("active");
}
@lukasborawski
lukasborawski / index.html
Created October 28, 2012 15:25
CSS3 Breadcrumbs Concept
<div class="content_row content_row_01">
<div class="breadcrumb">
<ul>
<li><a href="#" title="Main Link" class="link">Main</a></li>
<li><a href="#" title="Main Link" class="link">Main Category</a></li>
<li><a href="#" title="Main Link" class="link">Sub Category</a></li>
<li><a href="#" title="Main Link" class="link">Current</a></li>
</ul>
</div>
</div>
@lukasborawski
lukasborawski / index.html
Last active December 11, 2015 08:18
Input[type="file"] concept.
<section class="content">
<div class="file_input_add_file box_matched">
<h4>Select file from your hard drive.</h4>
<fieldset class="add_file">
<label class="">
<input type="text" placeholder="the path to your file" class="file_name_field box_matched">
<span class="file_error_info">you did not select any file</span>
</label>
</fieldset>
<fieldset class="add_file">
@lukasborawski
lukasborawski / 01-file_shift.html
Last active December 28, 2015 18:29
Smooth SCSS @mixin generating notch and move for the element.
<!--
To change the value, change the number,
you may change the number of global shifts ($sft-o) and the number of its replication ($size).
-->
<!-- Usage for margins -->
<div class="shift_m_1 shift_m_hz-1 shift_m_vr-1"></div>
<!-- Usage for paddings -->
<div class="shift_p_1 shift_p_hz-1 shift_m_vr-1"></div>
@lukasborawski
lukasborawski / 01-file_tooltip.html
Last active December 30, 2015 00:39
Simple tooltip plugin.
<span class="tooltip" data-tooltip="Tooltip data">Element</span>