Skip to content

Instantly share code, notes, and snippets.

View bilalucar's full-sized avatar
💭
I may be slow to respond.

Bilal Ucar bilalucar

💭
I may be slow to respond.
View GitHub Profile
@bilalucar
bilalucar / Normalize.CSS
Created March 17, 2017 08:35
Normalize.CSS
View Normalize.CSS
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
@bilalucar
bilalucar / gist:48dc0b0718ebb5fc06caf804f67a1664
Created January 30, 2019 19:56
JavaScript Deeper Understanding
View gist:48dc0b0718ebb5fc06caf804f67a1664
function main(){
console.log('A');
setTimeout(
function exec(){ console.log('B'); }
, 0);
runWhileLoopForNSeconds(3);
console.log('C');
}
main();
function runWhileLoopForNSeconds(sec){
@bilalucar
bilalucar / gist:4403af63f75daf901ef63eb6e5709ef4
Created January 30, 2019 19:38
JavaScript Intrigue the mind
View gist:4403af63f75daf901ef63eb6e5709ef4
function main(){
console.log('A');
setTimeout(
function display(){ console.log('B'); }
,0);
console.log('C');
}
main();
// Output
// A
@bilalucar
bilalucar / JS - JSX Farkı
Created December 5, 2017 12:23
JS - JSX Farkı
View JS - JSX Farkı
JSX:
<div className="div-class">Hello World!</div>
@bilalucar
bilalucar / JS - JSX Farkı
Last active December 5, 2017 12:23
JS - JSX Farkı
View JS - JSX Farkı
JS :
React.createElement("div", {className: "div-class"}, "Hello World!");
@bilalucar
bilalucar / Gridder
Created November 15, 2017 13:09
Gridder
View Gridder
<!-- Gridder navigation -->
<ul class="gridder">
<li class="gridder-list" data-griddercontent="#content1">
<img src="http://placehold.it/600x400" />
</li>
<!-- You can also load html/ajax pages by replacing the #ID with a URL -->
<li class="gridder-list" data-griddercontent="/content.html">
<img src="http://placehold.it/600x400" />
</li>
@bilalucar
bilalucar / PHPbot
Created November 12, 2017 12:36
PHPbot
View PHPbot
<?php
$fruits = array("d"=>"lemon", "a"=>"orange", "b"=>"banana", "c"=>"apple");
ksort($fruits);
foreach ($fruits as $key => $val) {
echo "$key = $val\n";
}
?>
@bilalucar
bilalucar / InlineTweet.js
Created October 5, 2017 07:34
InlineTweet.js
View InlineTweet.js
<span data-inline-tweet
data-inline-tweet-via="ireaderinokun"
data-inline-tweet-tags="webdesign,webdev,js,yolo"
data-inline-tweet-url="bitsofco.de">
Lorem Khaled Ipsum is a major key to success
</span>
@bilalucar
bilalucar / CSS Scroll Snap Points 'e Giriş
Created September 25, 2017 16:24
CSS Scroll Snap Points 'e Giriş
View CSS Scroll Snap Points 'e Giriş
div {
width: 300px;
overflow: auto;
scroll-snap-points-y: repeat(150px);
scroll-snap-type: mandatory;
}
Below
@bilalucar
bilalucar / CSS Scroll Snap Points 'e Giriş
Created September 25, 2017 16:23
CSS Scroll Snap Points 'e Giriş
View CSS Scroll Snap Points 'e Giriş
div {
width: 300px;
height: 300px;
overflow: auto;
...
}
div > img {
width: 250px;
height: 150px;
...