After learning the basics of CSS, you start using it on your website and realize it can get messy very quickly. Everything is on the global scope and you must keep you're variables readable. At some point, you start mixing up the names or create selectors that do the same thing as you had on a previous page.
Why have guidelines? Fiona Chan at Web Directions South explains the problem of Spaghetti Code in CSS in the video below.
React is a UI Library in Javascript. Created by the folks at Facebook, it helps with creating webcomponents, but better than the webcomponents implemented in HTML5. React allows you to create composable view components, utilizing a unidirectional data flow, or one-way data flow. This differs to Angular that has a data binding components, which is two directional between controller and view.
Note: I call elements components, but now they're really called elements. Take that in consideration when I use the word component.
| /** | |
| * Mark attendance activation after email send callback | |
| */ | |
| function toggleEventAttendance() { | |
| $('.email-sent-btn').on('click', function(e) { | |
| e.preventDefault(); | |
| console.log(e); | |
| var form = $(e.target.form); | |
| $.ajax({ | |
| type: form.attr('method'), |
I started this markdown file as a place to collect information about Wordpress and PHP when I started programming a Wordpress plugin for the first time. I decided to put out everything I could find in this gist. I will update it occassionally with code examples so I can track my progress in developing Wordpress plugins (or just the one I'm working on at work).
| var paths = require('./paths'); | |
| gulp.task('lint', function() { | |
| gulp.src(paths.app.concat(paths.test)) | |
| .pipe(lint()); | |
| }); | |
| gulp.task('minify', function() { | |
| gulp.src(paths.app) | |
| .pipe(minify()); |
MaptimeSF Meet-up
April 30th, 2015
| {macro main()} | |
| <h1>Hello Instant Aria Templates</h1> | |
| {/macro} |
