Skip to content

Instantly share code, notes, and snippets.

View tifidy's full-sized avatar
🎯
Focusing

Oğuzhan Pişkin tifidy

🎯
Focusing
  • Yemeksepeti
  • Istanbul
View GitHub Profile
@tifidy
tifidy / material-design-shadows.css
Created August 5, 2020 14:33 — forked from serg0x/material-design-shadows.css
Google material design elevation system shadows as css. Based on https://material.io/design/environment/elevation.html#default-elevations Exported with Sketchapp from the Google material design theme editor plugin "Baseline" theme.
/* Shadow 0dp */
box-shadow: none;
/* Shadow 1dp */
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20);
/* Shadow 2dp */
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
/* Shadow 3dp */
@tifidy
tifidy / iisconfig.xml
Created March 4, 2020 13:18 — forked from jdmonty/iisconfig.xml
IIS html5 mode/pushState
<!-- https://coderwall.com/p/mycbiq -->
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="Main Rule" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
(function($)
{
function mergeArr(arr) {
// Sort the array in descending order
arr.sort(function(a, b) {
return b.start - a.start;
});
@tifidy
tifidy / package.json
Created June 26, 2019 08:18
Vuejs config
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
/* *******************************************************************************************
* GLOBAL CONFIG
* Vue.config is an object containing Vue’s global configurations.
* You can modify its properties listed below before bootstrapping your application.
* https://vuejs.org/v2/api/#Global-Config
* ******************************************************************************************* */
// Configure whether to allow vue-devtools inspection
Vue.config.devtools = true
$spaceamounts: (0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,115,121,137,150,164,170,202,242,270,329,330,140); // Adjust this to include the pixel amounts you need.
$sides: (top, bottom, left, right); // Leave this variable alone
$container-additional-width: 80px;
$screen-sm-min: 768px;
$screen-md-min: 920px;
$screen-lg-min: 1200px;
{
article:true,
type:"p",
elements:[
{element:'span', html:'Link yazı', attributes:{id:'id-1312', class:'class-1 class-2 text-danger'}},
{element:'ins', html:'Link yazı', attributes:{id:'id-1313', class:'class-1 class-2 text-danger'}},
{element:'a', html:'Link yazı', attributes:{id:'id-1314', class:'class-1 class-2 text-danger', href:'#'}}
],
body:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, [!id-1312!] saepe aperiam consequuntur tenetur beatae consequatur [!id-1313!] doloribus ipsum impedit, \
aut cupiditate ipsa quia officia molestias. Vitae omnis [!id-1314!] rem tempore sit.'
@tifidy
tifidy / angularjs_directive_attribute_explanation.md
Created April 21, 2018 16:17 — forked from CMCDragonkai/angularjs_directive_attribute_explanation.md
JS: AngularJS Directive Attribute Binding Explanation

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

  1. Raw Attribute Strings

    <div my-directive="some string" another-param="another string"></div>
module.exports = function sprintf () {
// discuss at: http://locutus.io/php/sprintf/
// original by: Ash Searle (http://hexmen.com/blog/)
// improved by: Michael White (http://getsprink.com)
// improved by: Jack
// improved by: Kevin van Zonneveld (http://kvz.io)
// improved by: Kevin van Zonneveld (http://kvz.io)
// improved by: Kevin van Zonneveld (http://kvz.io)
// improved by: Dj
// improved by: Allidylls
@tifidy
tifidy / css-helper.less
Created September 15, 2017 08:01
This helper lets you use classes like padding-r30px padding-l15px margin-r15px border-t10px padding-xpx and fa-30px It becomes really useful when Its comes to edit html quickly and self-explanatory
.fa-size(@n, @i: 0px) when (@i =< @n) {
.fa-@{i} {
font-size: @i !important;
}
.fa-size(@n, (@i + 1px));
}
.padding-right(@n, @i: 0px) when (@i =< @n) {