Skip to content

Instantly share code, notes, and snippets.

View ademilter's full-sized avatar

Adem ilter ademilter

View GitHub Profile
@ademilter
ademilter / video-css
Created January 24, 2014 00:09
background-video-embed-withh-css
.Cover__video-source {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
@ademilter
ademilter / gist:8972161
Created February 13, 2014 09:20
share & share count
// SHARE COUNT
$.getJSON("https://graph.facebook.com/fql?q=SELECT like_count FROM link_stat WHERE url=" + encodeURIComponent('"' + Screenshot.Meta.full_url + '"') + " &callback=?", function(t) {
t.data[0] && $("#share-button-fb .shot-social-count").html(shorterTotal(t.data[0].like_count))
})
$.getJSON("http://cdn.api.twitter.com/1/urls/count.json?url=" + encodeURIComponent(Screenshot.Meta.full_url) + "&callback=?", function(t) {
t.count && $("#share-button-twitter .shot-social-count").html(shorterTotal(t.count))
})
@ademilter
ademilter / _grid
Last active August 29, 2015 14:03
_grid.scss
$width-Container: 1200px;
$gutter-Row: 15px;
.Container {
max-width: $width-Container + $gutter-Row * 2;
margin-right: auto;
margin-left: auto;
padding-right: $gutter-Row;
padding-left: $gutter-Row;
}
@ademilter
ademilter / basicss.css
Last active September 19, 2020 19:23
web uygulamalari icin temel stilleri olusturur. varsayilan kenar bosluklarini ortadan kaldirir ve tipografik duzeltmeler yapar. normalize.css'ten hemen sonra gelmelidir.
/**
* 1. http://www.paulirish.com/2012/box-sizing-border-box-ftw/
* http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
* http://fatihhayrioglu.com/css3-box-sizing-ozelligi/
*
* 2. http://aestheticallyloyal.com/public/optimize-legibility/
*
* 3. http://maxvoltar.com/archive/-webkit-font-smoothing
*
* 4. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
@import "normalize";
@import "basicss";
@ademilter
ademilter / SassMeister-input.scss
Created February 1, 2015 01:25
Generated by SassMeister.com.
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
$vakitler: (
("imsak" "10" "4" "3" "2" "1" "1"),
("gunes" "3" "10" "3" "2" "1" "1"),
("ogle" "2" "3" "10" "3" "2" "1"),
("ikindi" "1" "2" "3" "10" "3" "2"),
@ademilter
ademilter / SassMeister-input.scss
Created February 1, 2015 21:39
Generated by SassMeister.com.
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
$times: "imsak", "gunes", "ogle", "ikindi", "aksam", "yatsi";
$sizes:
10 3 2 1 1 1,
2 10 3 2 1 1,
@ademilter
ademilter / Proje Klasör Düzeni
Last active February 19, 2024 11:23
Proje klasör düzeni
root/
|-- scss/ # https://gist.github.com/ademilter/746cb307f14bd4e32de1#file-scss
|
|-- js/ # Script klasörü
| |-- plugin/ - Eklentilere ait scriptler
| |-- pages/ - Sayfalara özel scriptler
| |-- plugin.js - Plugin klasöründeki dosyaları bu dosya içinde birleştiriyoruz
| |-- main.js - Global olan bütün scriptleri buraya yazıyoruz
|
|-- img/ # Ham tasarım ve sprite gibi dosyalar (psd, sketch, ai, vs...)
$(function() {
var map = new google.maps.Map(document.getElementById("map_canvas"), {});
var newyork = new google.maps.LatLng(40.69847032728747, -73.9514422416687);
var googleMapWidth = $("#map_canvas").css('width');
var googleMapHeight = $("#map_canvas").css('height');
map.setCenter(newyork);
$('#enter-full-screen').click(function(){
@ademilter
ademilter / font-face-builder.scss
Last active September 19, 2020 19:23
font-face builder
$font-family: (
group: serif,
id: regular,
name: 'Equity Regular',
fallback: (georgia, serif),
weight: normal,
style: normal,
file-name: 'equity_text_b_regular-webfont'
), (
group: serif,