✨

Lukas Borawski lukasborawski

✨

Software Engineer (full-stack)

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 / index.html

Last active September 21, 2017 11:01

CSS3 CD Audio Box - https://codepen.io/anon/pen/zEBRVq

	<html>
	<head>
	<title>CSS3 CD Audio Box - My Loved Creation</title>
	<link rel="stylesheet" href="style.css"/>
	</head>
	<body>
	<section>
	<div class="cd first_cd rotate_default">
	<div class="cd_in"></div>
	</div>

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 / 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 / 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 / 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 / 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 / 01-file_tooltip.html

Last active December 30, 2015 00:39

Simple tooltip plugin.

lukasborawski / 01-file_index.html

Last active December 30, 2015 00:49

CSS Animated Buttons.

	<!DOCTYPE html>
	<html>
	<head>
	<title>CSS3 Animated Buttons</title>
	<link rel="stylesheet" href="style.css"/>
	<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="description" content="CSS3 Animated Buttons">
	<!--[if gte IE 9]>

lukasborawski / input.html

Last active December 31, 2015 08:49

SCSS multiclass BEM model @mixin.