Start withs some games
- Lightbot
- CodeCombat
- Checkio.org
Design a simple site with HTML and CSS
- Noodle around with Scratchpad.io
on run | |
tell application "Finder" | |
try | |
activate | |
set frontWin to folder of front window as string | |
set frontWinPath to (get POSIX path of frontWin) | |
tell application "Terminal" | |
activate | |
tell application "System Events" | |
keystroke "`" using {control down} -- bring down visor |
var gulp = require('gulp'); | |
var browserSync = require('browser-sync'); | |
var reload = browserSync.reload; | |
var harp = require('harp'); | |
/** | |
* Serve the Harp Site from the src directory | |
*/ | |
gulp.task('serve', function () { | |
harp.server(__dirname + '/src', { |
<?php | |
/** add additional classes / id to the facetwp-template div generated by a facetwp | |
** layout template | |
**/ | |
add_filter( 'facetwp_shortcode_html', function( $output, $atts) { | |
if ( $atts['template'] = 'example' ) { // replace 'example' with name of your template | |
/** modify replacement as needed, make sure you keep the facetwp-template class **/ | |
$output = str_replace( 'class="facetwp-template"', 'id="masonry-container" class="facetwp-template small-up-1 medium-up-2 large-up-3"', $output ); | |
} | |
return $output; |
.gform_wrapper ul { | |
@extend .list-unstyled; | |
} | |
.gform_wrapper li { | |
@extend .form-group; | |
} | |
.gform_wrapper form { | |
margin-bottom: 0; |
This is an easy way to integrate a basic Instagram feed into a WordPress site.
First, register with Instagram's developer program, then register a client. Set the client ID they provide you in line 4.
Second, get your Instagram user ID by running this in your terminal:
curl -X GET https://api.instagram.com/v1/users/search\?q\=USERNAME\&client_id\=CLIENT_ID
I want to start writing libraries and large applications using the JavaScript language. However, I don't know how to setup the project and which build tools to use. What I do know is that the JavaScript community has moved way beyond using browser developer tool plugins and strategically-placed console.log()
statements to debug, test, and build code.
I need help.
Below, I will keep track of articles, tutorials and tools I come across as I search for a way to bring my front-end development chops up-to-date.
var selector = 'img' // Replace this with the selector for the element you want to make transformable | |
jQuery.getScript('//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', function() { | |
jQuery.getScript('//cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js', function() { | |
(function() { | |
var $, applyTransform, getTransform, makeTransformable; | |
$ = jQuery; |
# This is a template .gitignore file for git-managed WordPress projects. | |
# | |
# Fact: you don't want WordPress core files, or your server-specific | |
# configuration files etc., in your project's repository. You just don't. | |
# | |
# Solution: stick this file up your repository root (which it assumes is | |
# also the WordPress root directory) and add exceptions for any plugins, | |
# themes, and other directories that should be under version control. | |
# | |
# See the comments below for more info on how to add exceptions for your |
<!-- | |
GRAVIY FORMS NOTES: | |
1. Create a “radio” group on any form | |
2. In the “appearance" tab, give the custom css class `js-gf-rating-stars` | |
3. The radio values should be in order from low -> high (1,2,3,4,5,etc…). | |
4. You can have as many stars as you want, it’s based off the number of radio elements in the group. | |
5. You could technically have as many groups of ratings stars as you want. | |
JS CONFIG: |