Skip to content

Instantly share code, notes, and snippets.

@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
@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>
<snippet>
<content><![CDATA[/**
* ${1}
*/
]]></content>
<tabTrigger>colarge</tabTrigger>
<description>CSS - /* Large-----*/</description>
<!-- <scope>source.less</scope> -->
</snippet>
@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":
[
@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 / 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 / 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 / base value
Last active December 16, 2015 08:20
base value
// Base
@fd-base-font-size: 12px;
@fd-base-font-size--xs: 11px;
@fd-base-font-size--lg: 14px;
@fd-base-line-height: 20px;
@fd-base-text-color: #333;
@fd-base-bg-color: #fff;
// Spacing
@siewho
siewho / snippet.php
Created June 27, 2019 02:15
This is a snippet shared on http://ed41.j38/
<?php echo $jsToolbar; ?>
<div id="ed" class="type-component
ed-responsive
<?php echo $categoryClass;?>
<?php echo $suffix; ?>
<?php echo 'view-' . $view; ?>
<?php echo 'layout-' . $layout; ?>
<?php echo $rtl ? ' is-rtl' : '';?>
@siewho
siewho / snippet.php
Created June 27, 2019 02:15
This is a snippet shared on http://ed41.j38/
<?php echo $jsToolbar; ?>
<div id="ed" class="type-component
ed-responsive
<?php echo $categoryClass;?>
<?php echo $suffix; ?>
<?php echo 'view-' . $view; ?>
<?php echo 'layout-' . $layout; ?>
<?php echo $rtl ? ' is-rtl' : '';?>