Skip to content

Instantly share code, notes, and snippets.

@siewho
siewho / responsive kick in
Created December 9, 2015 05:20
responsive kick in
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function(){
if (window.innerWidth < 600) {
var wrapper = document.querySelectorAll('.es-responsive');
for(var i = 0; i < wrapper.length; i++)
{
wrapper[i].classList.add('w320' ,'w480' ,'w600');
// console.log(wrapper[i].className);
}
}
@siewho
siewho / Sample HTML content for style guide
Created November 24, 2015 05:10
Sample html content for Style Guide
<!-- Sample Content for Style Guide -->
<h1>CSS Basic Elements</h1>
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
<hr />
<h1 id="headings">Headings</h1>
<h1>Heading 1</h1>
@siewho
siewho / screencapture retina to normal with imageoptim
Created March 5, 2015 08:02
screencapture retina to normal with imageoptim
# the path where screenshots to save
# if you want to save them to your desktop, SS_PATH should be "/Users/YOURNAME/Desktop"
SS_PATH="/Users/chang/Desktop/screenshots"
# a variable of unix timestamp for screenshot file name
NOW=$(date +%s)
# image format to create, default is png (other options include pdf, jpg, tiff and other formats)
SS_TYPE=png
@siewho
siewho / Preferences.sublime-settings
Created March 4, 2015 05:43
sublime preferences
{
"always_prompt_for_file_reload": true,
"auto_close_tags": false,
"bold_folder_labels": false,
"default_line_ending": "unix",
"draw_minimap_border": true,
"enable_tab_scrolling": false,
"highlight_modified_tabs": true,
"folder_exclude_patterns":
[
<snippet>
<content><![CDATA[/**
* ${1}
*/
]]></content>
<tabTrigger>colarge</tabTrigger>
<description>CSS - /* Large-----*/</description>
<!-- <scope>source.less</scope> -->
</snippet>
@siewho
siewho / gist:5963452
Created July 10, 2013 04:23
media_object.sublime-snippet
<snippet>
<content><![CDATA[<div class="media">
<div class="media-object pull-left">${1}</div>
<div class="media-body">${1}</div>
</div>]]></content>
<tabTrigger>mobj</tabTrigger>
<description>HTML - media object</description>
<scope>text.html</scope>
</snippet>
@siewho
siewho / bootstrap-plugins.txt
Created February 14, 2012 03:04 — forked from mklabs/bootstrap-plugins.txt
h5bp + twitter bootstrap integration
bootstrap-tooltip.js
bootstrap-popover.js
bootstrap-alert.js
bootstrap-button.js
bootstrap-carousel.js
bootstrap-collapse.js
bootstrap-dropdown.js
bootstrap-modal.js
bootstrap-scrollspy.js
bootstrap-tab.js