Edward Irby EdwardIrby
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //REM Calc font size | |
| @function calculateRem($size) { | |
| $remSize: $size / 16px; | |
| @return $remSize * 1rem; | |
| } | |
| @mixin font-size($size) { | |
| font-size: $size; /* ie8 fallback */ | |
| font-size: calculateRem($size); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Ractive.partials.selectbox= require("../selectbox/selectbox.html"); | |
| var flexinputs ={ | |
| Input:require("./layouts/Input.html"), | |
| InputAnchor:require("./layouts/InputAnchor.html"), | |
| InputButton:require("./layouts/InputButton.html"), | |
| InputSlectbox:require("./layouts/InputSelect.html"), | |
| InputSelectboxAnchor:require("./layouts/InputSelectAnchor.html"), | |
| InputSelectboxButton:require("./layouts/InputSelectButton.html"), | |
| Selectbox:require("./layouts/Select.html"), | |
| TripleSelect:require("./layouts/TripleSelect.html"), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input class="flex-input-field" decorator="typeahead"> |
EdwardIrby
/ Checkbox-Style.scss
Last active
August 29, 2015 13:56
Cross browser checkbox styling with label and no need for an "id" value on the input and "for" attribute on the label. There's also an example of using an encoded svg for the background image.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // markup: <label class="css-label"><input type="checkbox" id="valueCheck" /><i class="css-checkbox"></i>Some Label</label> | |
| .css-label{ | |
| padding-left:20px; | |
| position:relative; | |
| input[type=checkbox]{ | |
| position: absolute; | |
| opacity: 0; | |
| overflow: hidden; | |
| clip: rect(0 0 0 0); | |
| height:15px; |
EdwardIrby
/ template.js
Created
July 13, 2013 21:40
This is the script that inspired the talk "Beyond the Comp: A UI Developer's Toolset" I will be presenting on Aug 8t, 2013. It uses jQuery and Handlebars to allow me to design a UI in the browser with real or in this case faked data and then host it on Heroku with a small php hack. Right now I'm working on adding meteor js to the mix.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function template_config(header, header_data, body, body_data){ | |
| Handlebars.getTemplate = function(name) { | |
| if (Handlebars.templates === undefined || Handlebars.templates[name] === undefined) { | |
| $.ajax({ | |
| url : 'templates/' + name + '.handlebars', | |
| success : function(data) { | |
| if (Handlebars.templates === undefined) { | |
| Handlebars.templates = {}; | |
| } | |
| Handlebars.templates[name] = Handlebars.compile(data); |
EdwardIrby
/ showPrimary.js
Created
July 13, 2013 21:35
Small script that listens for categories selected on the OpenSesame course upload page. It then uses the selected options to reveal radio button options that the user will be required to choose from in order to select a primary category for their course.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var subjects = jQuery('#edit-field-course-subjects-taxonomy-und'); | |
| function displayPrimarySubject(){ | |
| var subjectVal =[]; | |
| var subjectInput = subjects.find('input:checked'); | |
| subjectInput.each(function(){ | |
| var catVal= jQuery(this).val(); | |
| subjectVal.push(catVal); | |
| }); | |
| var primarySubjectField= jQuery('#edit-field-primary-subject'); | |
| if (subjectVal.length > 0){ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- saved from url=(0034)http://dev.opusproofing.com/appup/ --> | |
| <html><head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge; chrome=1" /> | |
| <title></title> | |
| <style type="text/css"> | |
| body{ | |
| background-color:transparent;background-image:url(images/6180_iadp_news_gradient.gif); | |
| background-repeat:repeat-x;background-position:top left;background-attachment:scroll; |
EdwardIrby
/ PreheaderDemo
Created
March 16, 2012 21:53
Mobile Emails: Responsive is not always the answer
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| <!--Preheader styles--> | |
| <style> | |
| .preheader{display:none;} | |
| @media (max-device-width:480px) { | |
| .preheader {display:block;} | |
| } |
NewerOlder