Skip to content

Instantly share code, notes, and snippets.

🦇
What next, Github Stories?

Mudassir mudassir0909

🦇
What next, Github Stories?
Block or report user

Report or block mudassir0909

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View resume.json
{
"basics": {
"name": "Mudassir Ali",
"label": "Senior Frontend Engineer",
"picture": "https://en.gravatar.com/userimage/43915741/c8b27f3d9d1b9371afb9e59f78bde13d.jpg?size=200",
"phone": "",
"website": "https://registry.jsonresume.org/mudassir0909",
"summary": "Web frontend engineer with a passion for building large web applications that scale. Has a good sense of UI/UX design.",
"location": {
"city": "Sydney",
@mudassir0909
mudassir0909 / ios-safari-debug.md
Last active Oct 2, 2019
Debug your website on a specific iOS Safari version from on a Mac
View ios-safari-debug.md

I recentlty had to fix a CSS bug that was only happening on a web view on a certain iPhone 7 and I tried replicating it on my iPhone but I couldn't.

Step 1: Determine the iOS Safari version

Since, WebView uses Safari underneath, I had to first determine which version of iOS Safari is installed. Turns out to know that you just have to know the iOS software version itself as Safari also mirrors the same version.

You can find that out inside Settings > General > About. Scroll until you find it. I found out the iPhone 7 had 11.2.X.

The following step assumes that either

  • You do not have an iPhone
View LICENSE.txt
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2014
Copyright (C) 2014 Addy Osmani @addyosmani
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
View Recruiterbox-Logo-in-CSS3.markdown
@mudassir0909
mudassir0909 / selectize_no_results.js
Created Jul 24, 2014
A hacky plugin to display "No results found" message on selectize. Don't use this along with "dropdown_header" plugin though.
View selectize_no_results.js
/*
https://github.com/brianreavis/selectize.js/issues/470
Selectize doesn't display anything to let the user know there are no results.
This is a temporary patch to display a no results option when there are no
options to select for the user.
*/
Selectize.define( 'no_results', function( options ) {
var self = this;
@mudassir0909
mudassir0909 / clear_selection.js
Created Jun 10, 2014
Selectize plugin which gives an option to clear selection
View clear_selection.js
Selectize.define( 'clear_selection', function ( options ) {
var self = this;
//Overriding because, ideally you wouldn't use header & clear_selection simultaneously
self.plugins.settings.dropdown_header = {
title: 'Clear Selection'
};
this.require( 'dropdown_header' );
self.setup = (function () {
@mudassir0909
mudassir0909 / selectable_placeholder.js
Last active Sep 30, 2017
Selectable Placeholder for selectize dropdown plugin
View selectable_placeholder.js
Selectize.define('selectable_placeholder', function( options ) {
var self = this;
options = $.extend({
placeholder: self.settings.placeholder,
html: function ( data ) {
return (
'<div class="selectize-dropdown-content placeholder-container">' +
'<div data-selectable class="option">' + data.placeholder + '</div>' +
'</div>'
@mudassir0909
mudassir0909 / stopwatch.js
Last active Dec 31, 2015
My own version of Stop Watch Library
View stopwatch.js
(function(){
/*
polyfills for IE8
*/
if(!Array.prototype.forEach){
Array.prototype.forEach = function(callback){
for(var i=0; i<this.length; i++){
callback(this[i]);
}
}
@mudassir0909
mudassir0909 / ember_unknown_property_hook.js
Last active Aug 22, 2016
Ember unknownProperty & setUnknownProperty hooks defined inside Ember.Observable mixin
View ember_unknown_property_hook.js
// Little background about unknown properties
var myObject = Ember.Object.create({name: 'hi'}); // a plain simple ember object
/*
all the properties defined on the object are known properties
so the property "name" is a known property for myObject,
but any other properties which are not defined on this object are unknown properties
*/
// age is an unknown property as we did not set "age" yet
myObject.get("age"); // => undefined
You can’t perform that action at this time.