text:
This month has been hectic.
I was holding off until we finished r3dm first project - redesigning the Society of Hispanic Engineers San Francisco website. It's been really interesting to build. We've been using keystone js CMS and I inadvertantly became and expert in Facebook's Graph API. You can see a preview here.
I won 6 months of free co-working at Wix.com by participating in a hackathon. It's great because I get to bike to downtown - so I get a workout - and I get to meet other devs in the same boat as me (flexible hours, freelancers, seed stage startups). If you're in SF check it out.
I'm volunteering for cyber.wizard.institute. Should be fun. It's run by Substack and friends. Also been hanging out at Noisebridge a lot. They raised $30K through Indiegogo and we're building all kinds of stuff like 3d-Printers and hacking the planet.
I have a directory where I'm storing all my solution to nodeschool.io courses.
For many of these solutions I have installed node dependencies. These are stored in a
node_modules directory
in each folder. To ignore a directory recursively you can use the following
.gitignore file
# .gitignore file
If you would like to remove any node_modules directories you've added accidentally you can use something like
git rm --cached */node_modules -r (ymmv).
Why did this warrant a blog post? I was searching around online and on irc for the solution to my problem
and there were a lot of misleading solutions such as
**/node_modules or even
Now I know.
We're evaluating Ghost.js for our upcoming project at r3dm.com. It's pretty cool. Explicitly NOT a CMS for node.
Here's our config file. Hopefully it saves some new devs some trouble. 1 2 3 4
The cool things to note are:
1) since heroku provides an environment variable
DATABASE_URL you can specify your
production database by passing it in. This is thanks to project knexjs which is a dependency of ghost.
2) heroku doesn't support storing files. But you're probably better off storing those in Amazon S3 + cdn anyway. This way just store the resulting urls in your heroku database.
This is a much cleaner solution, imho, than those provided elsewhere.
// # Ghost Configuration
// Setup your Ghost install for various environments
// Documentation can be found at http://support.ghost.org/config/
var path = require('path'),
config = {
// ### Development **(default)**
development: {
url: 'http://localhost:9000',
database: {
client: 'pg',
connection: {
host: '127.0.0.1',
user: 'user',
password: '',
database: 'database',
charset: 'utf8'
debug: true
server: {
host: '127.0.0.1',
port: '9000'
paths: {
contentPath: path.join(__dirname, '/content/')
// ### Production
// When running Ghost in the wild, use the production environment
production: {
url: 'http://ourapp.herokuapp.com',
mail: {},
database: {
client: 'pg',
connection: process.env.DATABASE_URL,
debug: false,
filestorage: false
server: {
host: '0.0.0.0',
port: process.env.PORT
// ### Testing
// Used when developing Ghost to run tests and check the health of Ghost
// Uses a different port number
testing: {
url: 'http://127.0.0.1:2369',
database: {
client: 'postgres',
connection: {
filename: path.join(__dirname, '/content/data/ghost-test.db')
server: {
host: '127.0.0.1',
port: '2369'
logging: false
// ### Testing MySQL
// Used by Travis - Automated testing run through GitHub
'testing-mysql': {
url: 'http://127.0.0.1:2369',
database: {
client: 'mysql',
connection: {
host : '127.0.0.1',
user : 'root',
password : '',
database : 'ghost_testing',
charset : 'utf8'
server: {
host: '127.0.0.1',
port: '2369'
logging: false
// ### Testing pg
// Used by Travis - Automated testing run through GitHub
'testing-pg': {
url: 'http://127.0.0.1:2369',
database: {
client: 'pg',
connection: {
host : '127.0.0.1',
user : 'postgres',
password : '',
database : 'ghost_testing',
charset : 'utf8'
server: {
host: '127.0.0.1',
port: '2369'
logging: false
// Export config
module.exports = config;
So I haven't been able to work on a solid blog post on any specific technology. I'd like my articles to be a lot like the articles you see on nettuts or sitepoint, just haven't found tech I'm super passionate about like that this month.
The other day I was doing market research and was searching for affiliate marketing programs in different
industries. After opening a bunch of website tabs and ctrl-F-ing on every page for 'affiilate' I look at rick
and ask him, "why isn't there a chrome extension or something that'll do this for me?". I whipped up
wordgrep.org the next day. Some friendly people on
##javascript (freenode irc channel)
told me about Yahoo query language which acts as a free proxy for us.
Next things I'd like to add are
If I see there is demand for this tool I'd be willing to offer a pro version where you get access to a proxy I make and crawls sites Yahoo wont. If you have any other feature requests lmk.
This post is secretly only for testing embedding jsfiddles in a webpage. But I might as well give the blog an update. I'm currently teaching part-time at Hacker Coding Academy a 12 week full stack Javascript Vocational school. I'm very excited to work on my communication skills and really learn what I know by passing it on.
Below is an assignment I'm playing around with. Would it be cool to design your own business card with html/css? Could be fun.
A part of mastering the commandline is extending it with your own custom commands. On any nix environment you
should have access to config files, e.g.,
~/.bashrc or
~/.profile. I add my aliases to my
~/.zshrc file.
ZSH is pretty dope btw, definitely check it out.
Heres and excerpt of my
alias mkblog="jekyll build; jekyll serve -w"
alias gph="git push heroku master"
alias rr="rake routes"
alias corrun="cordova build android; cordova run android; adb logcat | grep CONSOLE"
function pyserver() {
python -m SimpleHTTPServer "${1:-8765}";
alias tunnel="ssh harry@< took out my ip :p > -D 8080"
So I use iterm2 on my mac. And there's a shortcut option-spacebar which switches back and forth between a desktop and iterm2 in fullscreen. I do most of my work that way, switching between a browser and code. Recently however I've been following some screencasts on youtube which required me to switch between broswer, fullscreen iterm2 and fullscreen youtube player. This was the perfect time to change the mission control shortcut on my mac.
As you can see I mapped moving one screen left or right to
⌥h and
⌥l so I can switch using vim-like keys.
I've been learning ui-router and I'd like to share some things I've learned that took me a while to get. With bits of Ionic Framework.
Let's say you have an abstract state with a child and another state and you want to trigger a transition from the controller to the other state. The following is a concrete example. I was building an ionic app that would grab a photo from the phones photolibrary and transition to another view, passing the fetched uri to the new view.
'use strict';
var app = angular.module('Txtbinge', ['ionic', 'firebase']);
app.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
if(window.StatusBar) {
app.config(function($stateProvider, $urlRouterProvider) {
.state('app', {
url: '/app',
abstract: true,
controller: 'AppController',
templateUrl: 'templates/applayout.html'
.state('app.home', {
url: '/home',
views: {
'centerContent' :{
templateUrl: 'templates/home.html'
.state('crop-image', {
url: '/crop-image/:imageURI',
templateUrl: 'templates/crop-image.html',
controller: 'CropController'
Here we set up all the states in our app. Note that the 'crop-image' state is going to require an ':imageURI' param in it's url.
'use strict';
app.controller('AppController', function($scope, $state, Camera) {
$scope.newPost = function() {
if( navigator.camera ) {
Camera.getPicture().then(function(imageURI) {
$scope.imagesrc = encodeURIComponent(imageURI);
$state.go('crop-image', {imageURI:$scope.imagesrc});
}, function(err) {
console.log('error inside getPicture(): ' + err);
} else {
console.log('no camera');
var str = encodeURIComponent('app/images/ionic.png');
console.log('encoded uri is: ' + str);
$state.go('crop-image', {imageURI:str});
app.controller('CropController', function($scope, $stateParams) {
$scope.imageURI = $stateParams.imageURI;
console.log('inside cropcontroller ' + $scope.imageURI);
AppController is the main controller for this app. Accessible from any state inheriting from the
app abstract
state declared in
app.js. Notice how we are fetching a uri from the photolibrary and passing it as a parameter for the
CropController. We must first call
encodeURIComponent() on this uri to pass the value around. Otherwise ui-router
get's confused - loading
CropController but failing to change the url or load the template.
'use strict';
app.factory('Camera', ['$q', function($q) {
function cameraSuccess(imageURI, q) {
// hack until cordova 3.5.0 is released
if (imageURI.substring(0,21) === 'content://com.android') {
var photoSplit=imageURI.split('%3A');
return {
getPicture: function() {
var q = $q.defer();
navigator.camera.getPicture(function(imageURI) { cameraSuccess(imageURI, q); },
function(msg) {
}, {
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
return q.promise;
camera-service.js we've wrapped all calls to the cordova-plugin-camera in an agularjs service. This is a good solution until the Ionic Framework provides guidance on interfacing with
cordova plugins. See How to use Cordova plugins ….
Today I was trying to upgrade all my brew kegs with
brew upgrade. But it trips up on libiconv.
You might try like I did and call brew with sudo but you get this message
Error: Cowardly refusing to `sudo brew upgrade`
You can use brew with sudo, but only if the brew executable is owned by root.
However, this is both not recommended and completely unsupported so do so at
your own risk.
Interesting, so now what? We could login as root but that might complicate things. What I did was give myself (a non-root user) access to the file. Like so
sudo su
chown <username> /usr/local/Cellar/libiconv/
Now that directory belongs to the current user and brew has no issues modifying that directory!
sudo chown -R $USER /usr/local/include
This method is now outdated. Github Pages now exposes the site.github namespace
I use jekyll with github pages to build this blog. I also use disqus for comments.
You just have to add a code snippet into the page.
Problem is when developing with jekyll I usually like to test how things look locally and then push the site to github pages. Which means whenever I look at a blog post I haven't pushed, Disqus will create a thread like
localhost:4000/something.html in addition to the intended one
morenoh149.github.io/something.html. I asked around and found a jekyll plugin for environment variables. But github pages disables plugins. So I dug through the
site variable on both production and github pages and found github pages sets
GH_ENV which I haven't seen documented anywhere. Now I simply do
{% if site.GH_ENV == 'gh_pages' %}
< disqus snippet >
{% endif %}
to get the disqus thread generated only if the post is being viewed on github pages.
I recently had to migrate a Heroku app that was under my personal accounts, Heroku and s3, to another user. But this app also had assets under Amazon Web Services Simple Storage Service which made the process more complicated. You can use something like bucket explorer to manage S3 with a gui. I'll show you how to do it with aws-cli. I'm assuming you installed it and you're familiar with the commandline in general.
Since we are using more than one aws account we should use a config file to store both sets of credentials. See AWS configuring environment. Place your personal credentials under default and make another set for the recipient.
[profile client001]
Remember to clear your env
variables if you were using them before. aws-cli defaults to using the env variables if present, even if you pass
--profile argument.
Now you should be able to do
aws s3 ls and get your file listing. And
aws s3 ls --profile client001 and get the
client's files.
If you are dealing with a small amount of data < 1TB we can simply copy the files to our local machine and then copy
them back to the new bucket. For larger amounts I have no clue :(
aws s3 cp s3://mybucket/ . --recursive
Note aws-cli cp command doesn't support matching by
* so you have to use the
--recursive flag.
You can test what will happen if you run the command, with the
--dryrun flag.
You can copy the files to the new bucket like so.
aws s3 cp . s3://new-bucket --profile client001 --recursive
Note you may have to specifiy
--region some-region for some reason specifying the region in my config file didn't work.
You have to set the heroku env variables to the new aws credentials using the heroku toolbelt
heroku config:set AWS_ACCESS_KEY_ID=new_blah
heroku config:set AWS_SECRET_ACCESS_KEY=new_blah
heroku config:set AWS_S3_BUCKET=new_blah
and just transfer it using heroku's system.
Many times you have to create a bootable usb stick on a mac. I always follow the instructions at How to create a bootable USB stick on OS X. I created a quick bash script that makes this process faster
1 #!/bin/bash
2 HELP_STR="please provide location of .iso"
3 if [ "$#" -lt 1 ]; then
4 echo $HELP_STR
5 else
6 echo "`diskutil list`"
7 echo "==============="
8 echo "enter disk to eject"
9 echo -e ">> \c"
10 read word
11 echo "ejecting: $word"
12 echo "`diskutil unmountDisk $word`"
13 echo "copying $1 to $word note this may take a while and there won't be a progress bar"
14 echo "`sudo dd if=$1 of=$word bs=1m`"
15 fi
Source code for this project can be found here.
The ember app kit is currently the defacto starting point for any ember project.
You're going to have to learn a little grunt and bower. The getting started tutorial on
the ember site is a good starting point. To add bootstrap, moment.js and showdown.js add
them to the end of the dependencies section. Note, bower in the ember-app-kit installs to
vendor/ directory as opposed to the
bower_components which is usually the default.
1 {
2 "name": "ember-app-kit",
3 "dependencies": {
4 "handlebars": "~1.1.2",
5 "jquery": "~1.9.1",
6 "qunit": "~1.12.0",
7 "ember": "~1.3.0-beta.4",
8 "ember-data": "~1.0.0-beta.4",
9 "ember-resolver": "git://github.com/stefanpenner/ember-jj-abrams-resolver.git#master",
10 "ic-ajax": "~0.2",
11 "ember-testing-httpRespond": "~0.1.1",
12 "bootstrap": "~3",
13 "momentjs": "",
14 "showdown": ""
15 },
16 "resolutions": {
17 "ember": "~1.3.0-beta.4"
18 }
19 }
putting an "" empty string seems to work fine. Then reference these assets from index.html as normal.
The next deviation deals with how handlebars is setup. In the tutorial you see dale declaring


text:
CAPE CORAL, Fla.- Special Needs students from schools across Lee County dusted off their dancing shoes this afternoon. About 120 kids joined in the Mariner High School gym for their 2nd Annual Spring Dance. The event brings together physically and mentally handicapped high schoolers from Mariner, Ida Baker, and Island Coast high schools.
"There's nothing greater than seeing the pleasure on their face and the smiles on their faces and them interacting with each other and dancing. I think every student should have that opportunity," Mariner High School Life Skills teacher Carla Jerdan said Thursday.
Jerdan says for many of the students, it's their first time attending a school function.

subset: commoncrawl


text:
30+ WordPress 2-Column Themes
Last time we looked at 3-column themes, and while they allow you to add a lot of sidebar accessories, some people prefer to keep it clean and simple. For those people, we offer up a list of 30+ 2-column themes for you to choose from. One thing to keep in mind when choosing a theme is Fixed Width vs. Variable Width. Fixed Width themes are just that: a fixed set of dimensions and will show up the same in all browsers.


text:
How to show or hide formula bar in Excel?
To maximize workspace, we may hide Formula Bar in Excel. However, Formula Bar is necessary and helpful when we edit formulas in cells. Here are some tips to switch two screen settings in Excel: showing Formula Bar and hiding Formula Bar.
Show or hide the Formula Bar with checking or unchecking Formula Bar option
Show or hide the Formula Bar with Excel Options
Show or hide the Formula Bar with VBA code
Show or hide the Formula Bar with Kutools for Excel
Classic Menu for Office: brings back classic menus to Office 2010 and 2013 (includes Office 365).
Office Tab: brings tabbed interface to Office as the use of web browser Chrome, Firefox and Internet Explorer.
|With formula bar
|Without formula bar
Show or hide the Formula Bar with checking or unchecking Formula Bar option
We can display or hide the Formula Bar under View tab in Excel Ribbon with Formula Bar option in the Show group.
If you want to show the Formula Bar, check the Formula Bar option; if you want to hide the Formula Bar, uncheck it.
Show or hide the Formula Bar with Excel Options
You can also show or hide by checking the Formula Bar option in Excel Options with following steps:
1. Click the File tab in Excel 2010/2013, or Office button in Excel 2007.
2. Then click the Options button.
3. Now it displays the Excel Options dialog box, click the Advanced category at left pane.
4. Go to the Display section, check or uncheck the Show formula bar option.
5. Click OK button to save setting.
Show or hide the Formula Bar with VBA code
The following short VBA code also can help you show or hide the formula bar as you need.
1. Hold down the Alt + F11 keys in Excel, and it opens the Microsoft Visual Basic for Applications window.
2. Then click Insert > Module, and paste the following macro in the Module Window.
VBA for displaying formula bar in Microsoft Excel
Private Sub Workbook_Activate()
Application.DisplayFormulaBar = True
End Sub
VBA for hiding formula bar in Microsoft Excel
Private Sub Workbook_Activate()
Application.DisplayFormulaBar = False
End Sub
3. Press the F5 key to run this code. And you will get the result that you want.
Show or hide the Formula Bar with Kutools for Excel
Kutools for Excel includes more than 120 handy Excel tools. Free to try with no limitation in 30 days. Get it Now.
Kutools for Excel's View Options tool is designed to show or hide spreadsheet settings, such as Grid Lines, Page Break, etc. With it, we can easily display or hide the Formula Bar in Excel:
1. Click Kutools > Show / Hide > View Options, see screenshot:
2. In the View Options dialog box, check or uncheck the Formula Bar option under the Application Settings section. See screenshot:
3. Click Ok to apply the setting.(Note: If you want to apply this option to all the worksheets, please click Apply to all sheets.)
The View Options makes it possible to show or hide most of Microsoft Excel settings quickly, such as Inner Tabs, Formula Bar, Status Bar, Windows in Taskbar, Gridlines, Page Breaks, Display Zeros, Vertical Scrollbar, Horizontal Scrollbar, Sheet Tab, … etc. It will save your time in looking for these setting when you need to show or hide them. Click to know more about this feature.
Related articles:
- Display or hide row & column headers
- Display Selection Pane
- Display or hide status bar
- Display or hide sheet tabs
- Show or hide Horizontal/Vertical scroll bar
- Show or hide gridlines
- Hide page breaks
- Display or hide zero values in cells of Microsoft Excel