Skip to content

Instantly share code, notes, and snippets.

View soska's full-sized avatar
🏠
Working from home

Armando Sosa soska

🏠
Working from home
View GitHub Profile
@soska
soska / respond-to-mixin.scss
Last active August 29, 2015 14:04
Useful respond-to mixin for foundation sass.
// to be used with foundation's responsive variables.
// e.g. @include respond-to($medium-up){…}
@mixin respond-to($media) {
@media #{$media}{ @content; }
}
@soska
soska / youtube-iframe.jsx
Created April 25, 2015 04:21
Youtube Iframe
var React = require('react-native');
var {
View,
WebView,
StyleSheet
} = React;
var style = StyleSheet.create({
@soska
soska / app.js
Last active August 29, 2015 14:23
silly react app
'use strict';
const React = require('react');
const App = React.createClass({
getInitialState(){
return {
hello : 'world'
};
},
@soska
soska / index.jsx
Created June 25, 2015 20:03
App Builder In React
'use strict';
const React = require('react');
const AdBuilder = React.createClass({
getInitialState(){
return {
creative : CreativeStore.getEmptyCreative(),
selectedWidget : null
}
@soska
soska / wphashtags.php
Created December 11, 2009 07:17
Simple Wordpress plugin that link hashtags in posts to wp-tags
<?php
/*
Plugin Name: WpHashTags
Plugin URI: http://duperrific.com/
Description: Links twitter-style #hashtags into wordpress tags. Does not check if the tag exists tho.
Author: Armando Sosa
Version: 0.1
Author URI: http://armandososa.com/
*/
<?php
echo csml::tag('div#header');
echo csml::entag('This is the header','h1#site-name.page-title');
echo csml::tag('/div');
/*
Output:
<div id="header">
<h1 id="site-name" class="page-title">This is the header</h1>
</div>
*/
@soska
soska / iphone.css
Created December 17, 2009 08:02
resize images to fit in iPhone viewport
@media:only screen and (max-device-width: 480px){
body{
font-size:14px;
line-height:21px;
padding:10px;
}
img{
max-width:300px;
<?php
/**
* Color class
*
* Plugin forn CSScaffold for color manipulation and stuff
* use like this:
* body{
* background: color-multiply(!colora,#900);
* }
<div id="container">
<div id="header">
<h1>Mi Blog</h1>
</div>
<div id="main_menu" class="navigation">
<ul>
<!-- la navegación aqui -->
</ul>
</div>
<div id="main">
var post = {
title: "Shave : Ultra simple Javascript templates",
author: "Armando Sosa",
category: "self-importance",
permalink: "http://startupinmexico.com/?p=8"
}
var template = "<li><a href='{{permalink}}'>{{title}}</a> by {{author}} on {{category}}</li>";
var html = shave(template, post);