Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Sara Soueidan SaraSoueidan

🎯
Focusing
Block or report user

Report or block SaraSoueidan

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
@SaraSoueidan
SaraSoueidan / Simulate Click event in Vanilla JS.js
Created Sep 7, 2018
Vanilla JS .click() doesn't apply to links <a>, so this is a function that enables it to work on them. Source: https://gomakethings.com/how-to-simulate-a-click-event-with-javascript/
View Simulate Click event in Vanilla JS.js
/**
* Simulate a click event.
* @public
* @param {Element} elem the element to simulate a click on
*/
var simulateClick = function (elem) {
// Create our event (with options)
var evt = new MouseEvent('click', {
bubbles: true,
cancelable: true,
View Event Notes.md

Event Name:

Location:

Date:


Talk topic:

View gist:7915280

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})
View Simple-Circular-Menu.markdown
View HTML5-paste-image-to-page.markdown

HTML5 paste image to page

Using a simpel javascript code found on gist.github.com I have made simpel demo showing how you can paste images on the computer clipboard into HTML elements and save their info as dataURL

A Pen by Sten Hougaard on CodePen.

License.

@SaraSoueidan
SaraSoueidan / index.html
Created Aug 11, 2013
A CodePen by Sara Soueidan. Tumblr's Like/Unlike Animation with CSS3 animaitons - Make sure u got the latest version of Chrome. Also works in Firefox.
View index.html
<h2>Click the heart to like/unlike</h2>
<div class="heart">❤</div>
View placeholder-mixin
@mixin placeholder-color($color){
&.placeholder{
color: $color
}
&:-moz-placeholder{
color: $color
}
&::-webkit-input-placeholder{
@SaraSoueidan
SaraSoueidan / scrollbar-mixin
Created Jul 26, 2013
Sass mixin for styling scrollbars in webkit by Hugo Giraudel (http://codepen.io/HugoGiraudel/pen/KFDuB)
View scrollbar-mixin
/**
* Mixin scrollbar
*/
@mixin scrollbar($size, $primary, $secondary: lighten($primary, 25%)) {
::-webkit-scrollbar {
width: $size;
height: $size;
}
::-webkit-scrollbar-thumb {
View long-shadow-mixin
@function makelongshadow($color) {
$val: 0px 0px $color;
@for $i from 1 through 200 {
$val: #{$val}, #{$i}px #{$i}px #{$color};
}
@return $val;
}
/*usage*/
@mixin longshadow($color) {
text-shadow: makelongshadow($color);
@SaraSoueidan
SaraSoueidan / gist:6048686
Created Jul 21, 2013 — forked from devongovett/gist:1381839
Javascript classList shim for IE9 (it's only supported in IE10+)
View gist:6048686
/*
* Minimal classList shim for IE 9
* By Devon Govett
* MIT LICENSE
*/
if (!("classList" in document.documentElement) && Object.defineProperty && typeof HTMLElement !== 'undefined') {
Object.defineProperty(HTMLElement.prototype, 'classList', {
get: function() {
You can’t perform that action at this time.