Skip to content

Instantly share code, notes, and snippets.

<nav role="navigation">
<ul id="main-menu" class="nav">
<li style="list-style: none; display: inline">
<h2 class="element-invisible">
Main menu
</h2>
</li>
<li class="menu-477 first active home">
<a href="/"></a>
</li>
@cbfrance
cbfrance / bootstrap-integration.scss
Last active December 12, 2015 02:38
comparison of a couple of common styles, how to use them together
// Baseline styles which should apply to all decent form markup
// Assume well-marked up forms
form input[type="submit"] {
// ... submit button styles
}
// Twitter bootstrap style buttons
// uses the placeholer % to avoid a needless render of the button class
// ... we do want to put btn classes on things!
<article class="report">
<header>
<h3>
<span class="source-url"><a href="http://www.facebook.com/photo.php?fbid=515039308564048&amp;set=a.217603604974288.576..." title="http://www.facebook.com/photo.php?fbid=515039308564048&amp;set=a.217603604974288.576...">facebook.com/photo.php...</a></span> أضيف من قبل <a href="http://www.facebook.com/217514361649879">Occupy Wall St.</a>
</h3>
<div id="report-actions">
<ul class="content-actions">
<li class="share-on dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">شارك</a>
<ul class="dropdown-menu">
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css"/>
<script src="http://cmx.io/v/0.1/cmx.js"></script>
<body>
<scene id="scene1">
<label t="translate(0,346)">
<tspan x="0" y="0em">One lazy morning</tspan>
</label>
<drawing t="translate(0,31)">
@cbfrance
cbfrance / Guardfile
Created August 1, 2014 22:29
Guardfile
group :sass, :all_on_start => true do
guard 'livereload', :latency => '0.5', :host => '127.0.0.1', :api_version => '2.0.9', :port => '35729', :apply_css_live => true do
watch(%r{\.(css|php|js)$})
end
guard :compass, configuration_file: './config.rb'
end
GRAY="\[\033[1;30m\]"
LIGHT_GRAY="\[\033[0;37m\]"
CYAN="\[\033[0;36m\]"
LIGHT_CYAN="\[\033[1;36m\]"
NO_COLOUR="\[\033[0m\]"
def colorprinter(ansi_code, content)
puts ansi_code #Build an ansi code for the terminal
puts content # output the content you want colorized
@cbfrance
cbfrance / screen.scss
Last active August 29, 2015 14:15
css animations example
@import "../../compass-mixins/lib/animation/core";
@import "../../compass-mixins/lib/animation/animate/fading";
@import "../../compass-mixins/lib/animation/animate/rotating";
@import "../../compass-mixins/lib/animation/animate/bouncing";
@import "../../compass-mixins/lib/animation/animate/specials";
@import "../../compass-mixins/lib/animation/animate/lightspeed";
@import "../../compass-mixins/lib/animation/animate/attention-seekers";
@import "base";
@import "colors";
@import "definition-lists";
@cbfrance
cbfrance / example-responsive.scss
Created February 16, 2015 07:17
Simplest responsive layout with columns()
body.example-responsive-layout {
@include animation("fade-in 2s");
font-family: sans-serif;
// Medium sizes
@media all and (min-width: 800px) {
@include columns(2);
// Use this to break across all of them, like a footer
.footer {
@cbfrance
cbfrance / screenshot.rb
Created July 10, 2015 01:26
screenshotting with our smartshot gem for multilingual QA
require "smartshot"
# see the capybara + poltergeist options listed at:
# https://github.com/teampoltergeist/poltergeist#taking-screenshots-with-some-extensions
fetcher = Smartshot::Screenshot.new(window_size: [1200, 900])
urls = ['meedan.com','meedan.checkdesk.org/en', 'meedan.checkdesk.org/ar']
urls.each do |u|
fetcher.take_screenshot! url: "http://#{u}", output: "./screenshots/#{u}.png", sleep: 10, timeout: 30, full: false
end