Menno Pietersen DESIGNfromWITHIN
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Nice CTA button without images · CodePen</title> | |
| <style> |
DESIGNfromWITHIN
/ setAllToMaxHeight.js
Created
July 24, 2012 11:54
Equal height div's using jQuery - (Thx: PAUL IRISH via: http://www.broken-links.com/2009/01/20/very-quick-equal-height-columns-in-jquery/)
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
| $.fn.setAllToMaxHeight = function(){ | |
| return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) ); | |
| } | |
| // usage: $(‘div.unevenheights’).setAllToMaxHeight(); |
DESIGNfromWITHIN
/ optimized.html
Created
September 18, 2012 19:22
— forked from opengeek/optimized.html
Example of optimizing conditional filters using a Chunk wrapper
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
| [[[[*page-image:notempty=`$wrapImgThumb? &src=`*page-image` &alt=`[[*pagetitle]]` &thumbOpts=`w=480&h=320``]]]] |
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
| <div id="responsive_div"> | |
| <h1>This is a responsive div</h1> | |
| </div> |
DESIGNfromWITHIN
/ MODX - Wayfinder call with all options
Created
May 7, 2013 09:06
A MODX Wayfinder call with all options and defaults listed.
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
| [[Wayfinder? | |
| &startId=`0` | |
| &displayStart=`0` | |
| &level=`0` | |
| &ignoreHidden=`0` | |
| &ph=`0` | |
| &debug=`0` | |
| &hideSubMenus=`0` | |
| &removeNewLines=`0` | |
| &textOfLinks=`menutitle` |
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
| <span data-picture data-alt="GlarusSafe image" class="v4_landing_cta_bg_image"> | |
| <span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_s.jpg"></span> | |
| <span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_m.jpg" data-media="(min-width: 500px)"></span> | |
| <span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_l.jpg" data-media="(min-width: 768px)"></span> | |
| <span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_xl.jpg" data-media="(min-width: 980px)"></span> | |
| <span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_xxl.jpg" data-media="(min-width: 1200px)"></span> | |
| <!--[if (lt IE 9) & (!IEMobile)]> | |
| <img src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_l.jpg" alt="GlarusSafe image"> | |
| <![endif]--> | |
| <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. --> |
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
| [[*flex_socialType:notempty=` | |
| <meta property="og:type" content="[[*flex_socialType]]"> | |
| `]] | |
| [[*flex_socialType:isequalto=`book`:then=` | |
| <meta property="book:author" content="[[*flex_socialAuthorUrl]]"> | |
| `]] | |
| [[*flex_socialType:isequalto=`article`:then=` | |
| <meta property="article:author" content="[[*flex_socialAuthorUrl]]"> | |
| `]] | |
| <meta property="og:title" name="twitter:title" content="[[*pagetitle]]"> |
DESIGNfromWITHIN
/ Gulpfile.js
Last active
March 4, 2021 21:00
Gulpfile.js example Uses browser-sync, node-neat, gulp and gulp-sass
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
| /* | |
| Gulpfile.js file for the tutorial: | |
| Using Gulp, SASS and Browser-Sync for your front end web development - DESIGNfromWITHIN | |
| http://designfromwithin.com/blog/gulp-sass-browser-sync-front-end-dev | |
| Steps: | |
| 1. Install gulp globally: | |
| npm install --global gulp |
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
| /* | |
| * MODX Console Output | |
| * | |
| * @date 2014-05-11 20:32:09 | |
| */ | |
| Attempting to install package with signature: corpo-1.0.8-pl | |
| Package found...now preparing to install. | |
| Grabbing package workspace... |
DESIGNfromWITHIN
/ Gulpfile.js
Created
June 27, 2014 07:56
MODX Gulp, SASS, NEAT & Browser-Sync build file
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 gulp = require('gulp'); | |
| var sass = require('gulp-sass'); | |
| var uglify = require('gulp-uglify'); | |
| var rename = require('gulp-rename'); | |
| var minifycss = require('gulp-minify-css'); | |
| var concat = require('gulp-concat'); | |
| var neat = require('node-neat').includePaths; | |
| var browserSync = require('browser-sync'); | |
| var paths = { |
OlderNewer