Skip to content

Instantly share code, notes, and snippets.

Avatar

Indrashish Ghosh ghosh

View GitHub Profile
View beautiful-html5-dialog.css
dialog {
position: fixed;
top: 50%;
left: 50%;
right: auto;
padding: 30px;
transform: perspective(500px) translate(-50%, -50%);
background: linear-gradient(to bottom, #FFF, #F4F4F4) #FFF;
border: none;
border-radius: 3px;
@ahmadawais
ahmadawais / gulpfile.js
Last active Mar 23, 2020
Gulp: Useing ngrok with BrowserSync
View gulpfile.js
// first run npm install ngrok - then put var ngrok = require('ngrok'); at the top of your gulpfile
var ngrok = require('ngrok');
var browserSync = require('browser-sync')
browserSync({
server: "./app"
}, function (err, bs) {
ngrok.connect(bs.options.get('port'), function (err, url) {
// https://757c1652.ngrok.com -> 127.0.0.1:8080
});
});
View ApplicationsServiceProvider.php
<?php namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Request;
use View;
use App;
abstract class ApplicationsServiceProvider extends ServiceProvider
{
public function register()
@addyosmani
addyosmani / README.md
Last active Jul 29, 2020 — forked from 140bytes/LICENSE.txt
108 byte CSS Layout Debugger
View README.md

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

View console.log grouped
/**
* Console.log with call location and grouping to reduce log noise.
* Apply directly to code once.
*
* Original: http://remysharp.com/2014/05/23/where-is-that-console-log/
*/
var groupable = typeof console.groupCollapsed !== 'undefined';
['log', 'warn'].forEach(function(method) {
var old = console[method];
console[method] = function() {
@bomberstudios
bomberstudios / sketch-plugins.md
Last active Jun 24, 2020
A list of Sketch plugins hosted at GitHub, in no particular order.
View sketch-plugins.md
@JeffreyWay
JeffreyWay / .vimrc
Last active Jul 31, 2020
My .vimrc file
View .vimrc
set nocompatible " Disable vi-compatibility
set t_Co=256
colorscheme xoria256
set guifont=menlo\ for\ powerline:h16
set guioptions-=T " Removes top toolbar
set guioptions-=r " Removes right hand scroll bar
set go-=L " Removes left hand scroll bar
set linespace=15
@jed
jed / how-to-set-up-stress-free-ssl-on-os-x.md
Last active Aug 10, 2020
How to set up stress-free SSL on an OS X development machine
View how-to-set-up-stress-free-ssl-on-os-x.md

How to set up stress-free SSL on an OS X development machine

One of the best ways to reduce complexity (read: stress) in web development is to minimize the differences between your development and production environments. After being frustrated by attempts to unify the approach to SSL on my local machine and in production, I searched for a workflow that would make the protocol invisible to me between all environments.

Most workflows make the following compromises:

  • Use HTTPS in production but HTTP locally. This is annoying because it makes the environments inconsistent, and the protocol choices leak up into the stack. For example, your web application needs to understand the underlying protocol when using the secure flag for cookies. If you don't get this right, your HTTP development server won't be able to read the cookies it writes, or worse, your HTTPS production server could pass sensitive cookies over an insecure connection.

  • Use production SSL certificates locally. This is annoying

@AlexPashley
AlexPashley / mixins.scss
Created Jul 5, 2013
SASS: Mixins for CSS
View mixins.scss
/* MIXINs */
@mixin transition( $val : ease 0.5s ) {
-webkit-transition: $val;
-moz-transition:$val;
-o-transition:$val;
-ms-transition:$val;
transition:$val;
}
@mixin text-shadow( $top: 3px, $left: 3px, $blur: 3px , $colour: #333 ) {
You can’t perform that action at this time.