Lazerproof

/* normal flexbox */
.flexbox .flex-container {
        display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}
.flexbox .flex-container.vertical {
	display: -webkit-flex;
	display: -moz-flex;

Lazerproof

function isIE () {
  var myNav = navigator.userAgent.toLowerCase();
  return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
}

if ( isIE () < 9 ) {
  //is IE version less than 9
} else{
  // Other versions IE or not IE      
}

Lazerproof

Less css trick to generate BEM-styled selectors, by Max Shirsin, http://noteskeeper.ru/1139 + Scss version

@block: ~".dm-import-feed";

@{block} {
    &_step_2 {
        @{block}__page_step_2 {
            display: block;
        }
    }

Lazerproof

JSON API for Terrans

Motivation

Therea are a lot of REST API implementations. And it is always takes a lot of time to decide what to use. For example, should we use unix time or ISO8601? How foreign keys should be handled? How to return errors? etc.

This document just describes practices that works good in production. REST API should be intuitive and understandable without reading tons of docs. Several years ago we started using jsonapi.org but it is rather unstable and every time when I visit jsonapi.org I understand that everything written before is not compatible with newer version.

Moreover, jsonapi.org becomes too complex. We call it jsonapi for Zergs. In our company we prefer to use jsonapi for Terrans :). This document describes it. Everything is written in document is just recomendation no "MUST", use common sense for edge cases.

Lazerproof

<form name='search' id='product-search' method='get' action='<?php echo $config->urls->root?>speaker-finder/'>

  <ul id="row1">
	<li>
	<label for='search_app'>Application</label>
	<select id='search_app' name='application' onchange="$(this.form).trigger('submit')"> 
		<option value=''>Any</option><?php 
		// generate the application options, checking the whitelist to see if any are already selected
		foreach($pages->get(1016)->children('include=all') as $app) {
			$selected = $app->name == $input->whitelist->application ? " selected='selected' " : ''; 

Lazerproof

<?php 

// check if there are GET variables present in the URL
if(count($input->get)) {

  $selector = '';	

if($input->get->application) {
	$application = $sanitizer->pageName($input->get->application); 
	$appid = $pages->get("template=product-options, name=$application");

Lazerproof

<form action="/customer-service/contact/contact-success/" method="post">
    <p><label for="contactname">Name:</label></p>
    <p><input type="text" name="contactname"></p>
    <p><label for="email">E-Mail:</label></p>
    <p><input type="email" name="email"></p>
    <p><label for="comments">Comments:</label></p>
    <p><textarea name="comments" cols="25" rows="6"></textarea></p>
    <button type="submit">Submit</button>
</form>

Lazerproof

<?php

// Get the page you need to edit
$mypage = $pages->get('/some/page/');

// Populate with the names of the fields you want to exclude OR include (see instructions below)
// Leave empty to output all the fields
$myfields = array('body', 'email');
$form = $modules->get('InputfieldForm');
$fields = $mypage->getInputfields();

Lazerproof

var gulp         = require('gulp');
var bs           = require('browser-sync').create();
var runSequence  = require('run-sequence');
var connect      = require('gulp-connect-php');

gulp.task('php', function() {
  php.server({
    base: './app',
    port: 8001,
    }, function (){

Lazerproof

<?php

// Init vars
$out = '';

// Temp upload path for file uploads
$upload_path = $config->uploadTmpDir;

// create form
$form = $modules->get("InputfieldForm");