Reputation Top 1%
Jonah Mclachlan
Hoping to graduate with a 1st in Web Development and to gain as much working experience as possible, launching me for a career in UX and UI Design. (Front End)
19 Snippets  (40th place)
1 Channel
5 Channels
632 points  (54th place)
Top 10% Publisher
Junior Code Generator
Serious Code Generator
Senior Code Generator
Junior Publisher
Serious Publisher
Senior Publisher
Junior Team Manager
Serious Team Manager
Junior Influencer
Junior Commenter
Junior Judge
Serious Judge
Junior Popular Coder
Serious Popular Coder
Senior Popular Coder
Junior Autobiographer
Serious Autobiographer
Senior Autobiographer
Master Autobiographer
Junior Geek Aggregator
Junior Famous Coder
Senior Famous Coder
Junior Wise Coder

Recent Snippets See all snippets by JonahM

public by JonahM  10745  5  6  3


looking for a code to hack the java script of conjuguemos to instantly complete the page
// Enter here the actual content of the snippet.            


public by JonahM  3181  1  7  6

Fluid Responsive Rows

<section class="strip-sm row-fluid" style="background-color: #262626;" >
	<div class="container">
		<h4 style="color:white">This is copyrighted by Jonah McLachlan</h4>


public by JonahM  298490  2  6  4

Responsive Type

No Javascript required for responsive text! Pure CSS3
/* Code Reference & Examples: */


What Does vw and vm mean? 
    1vw = 1% of viewport width 
    1vh = 1% of viewport height 
    1vmin = 1vw or 1vh, whichever is smaller 
    1vmax = 1vw or 1vh, whichever is larger

body {
	background-color:   #ff5442;
  font-family:        ‘Lato’, Arial, sans-serif; 
  margin:             2vw;

h1 {
	color:              #fff;
	font-size:          6vw;
	font-weight:        900;
	text-transform:     uppercase;
  line-height:        .3vw;

h2 {
  color:              #fff;
  font-size:          4vw;

p {
  color:              #fff;
  font-size:          1em;

public by JonahM  2224  1  6  0

Background Repeat

Inspired by Google Forms' Code. Just a simple bit of code here for a repeating background image
body {
  background-color: rgb(231,238,247);
  background-image: url('//');
  background-repeat: repeat;
  background-position: left top;

public by JonahM  269818  0  6  0

Tweak Your UI using Form Alter - Drupal

How to identify and edit elements on a page in Drupal. This is a drupal module code

function ui_tweaka_help($path, $arg){
	switch ($path) {
		case 'admin/#ui_tweaka':
			return t("Changes stuff");

function ui_tweaka_form_alter(&$form, &$form_state, $form_id) {
  if (module_exists('devel')) { // Is the 'devel' module active?
     dpm($form_id); // Let's have a butchers at the form id
     dpm($form); // Ditto the form itself

     //$form['title']['#title'] = t('Main Heading for this page');
     //$form['title']['#access'] = FALSE;
     $form['field_image']['und'][0]['#description'] = t("Upload  nice piccy here");