Javi jgarciaruiz

## all-iphones-mediaqueries.css
/* iphone 3 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {
	// whatever
}

/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
	// whatever
}

## geolocateUser.js
geolocateUser() {

    return new Promise((resolve, reject) => {

        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(position => {

                let coordinates = {};
                coordinates.lat = position.coords.latitude;
                coordinates.long = position.coords.longitude

## dropdown_months.php
<select name="month" id="month" class="select_month">
	<?php
		for ($i = 1; $i <= 12; $i++){
		    $monthNumber = ($i < 10) ? '0'.$i : $i;
		    $monthStr = date('F', strtotime("$currentYear-$monthNumber"));
		    echo '<option value="'.$monthNumber.'"';
		    if ($i == $currentMonth){
		    	echo ' selected="selected"';
		    }
		    echo '>'.$monthStr.'</option>';

## boldtext.php
<?php

function boldText($text){
	$regxpattern = '#\|(.*?)\|#';
    $html = preg_replace($regxpattern, '<strong>$1</strong>', $text);
    return $html;
}

$str = 'lorem ipsum |dolor| sit amet';
echo boldText($str);

## boldtext.js
function boldText(text){
	var regxpattern = /\|(\S(.*?\S)?)\|/gm;
    var html = text.replace(regxpattern, '<strong>$1</strong>');
    return html;
}

document.body.innerHTML = boldText('testing |bold| via regex');

## index.html

    <div id="collapseDVR3" class="panel-collapse collapse in">
        <div class="tree ">
            <ul>
                <li> <span><i class="fa fa-folder-open"></i> Менюшка</span>
                    <ul>
                        <li>	<span><i class="fa fa-minus-square"></i> другая Менюшка</span>
                            <ul>
                                <li> <span> ещё одна Менюшка </span> </li>
                            </ul>

## test.js
// fetch value between #
var string = "Chapter #1.0# and \r\n";
var regexChapter = new RegExp(/\#(.*?)\#/g);

var regexResult = regexChapter.exec(string)
console.log( regexResult );

if( regexResult != null ){
	var chapterNumber = regexResult[1];
	console.log("Chapter: "+chapterNumber);

## gist:74356512e2eda11f05a03cc8bb4ebc14
https://github.com/purifycss/purifycss

//used on mobile response project
purifycss app/css/merged.css app/js/*.js app/index.html express-server.js --min --info --out app/css/merged-optim.min.css

## index.html
<!DOCTYPE html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title></title>
  <link rel="canonical" href="http://example.ampproject.org/article-metadata.html">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

## index.html
<div class="follow-scroll">
  Let me follow you.
</div>
	/* iphone 3 */
	@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {
	// whatever
	}

	/* iphone 4 */
	@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
	// whatever
	}
	geolocateUser() {

	return new Promise((resolve, reject) => {

	if (navigator.geolocation) {
	navigator.geolocation.getCurrentPosition(position => {

	let coordinates = {};
	coordinates.lat = position.coords.latitude;
	coordinates.long = position.coords.longitude
	<select name="month" id="month" class="select_month">
	<?php
	for ($i = 1; $i <= 12; $i++){
	$monthNumber = ($i < 10) ? '0'.$i : $i;
	$monthStr = date('F', strtotime("$currentYear-$monthNumber"));
	echo '<option value="'.$monthNumber.'"';
	if ($i == $currentMonth){
	echo ' selected="selected"';
	}
	echo '>'.$monthStr.'</option>';
	<?php

	function boldText($text){
	$regxpattern = '#\\|(.*?)\\|#';
	$html = preg_replace($regxpattern, '<strong>$1</strong>', $text);
	return $html;
	}

	$str = 'lorem ipsum \|dolor\| sit amet';
	echo boldText($str);
	function boldText(text){
	var regxpattern = /\\|(\S(.*?\S)?)\\|/gm;
	var html = text.replace(regxpattern, '<strong>$1</strong>');
	return html;
	}

	document.body.innerHTML = boldText('testing \|bold\| via regex');

	<div id="collapseDVR3" class="panel-collapse collapse in">
	<div class="tree ">
	<ul>
	<li> <span><i class="fa fa-folder-open"></i> Менюшка</span>
	<ul>
	<li> <span><i class="fa fa-minus-square"></i> другая Менюшка</span>
	<ul>
	<li> <span> ещё одна Менюшка </span> </li>
	</ul>
	// fetch value between #
	var string = "Chapter #1.0# and \r\n";
	var regexChapter = new RegExp(/\#(.*?)\#/g);

	var regexResult = regexChapter.exec(string)
	console.log( regexResult );

	if( regexResult != null ){
	var chapterNumber = regexResult[1];
	console.log("Chapter: "+chapterNumber);
	https://github.com/purifycss/purifycss

	//used on mobile response project
	purifycss app/css/merged.css app/js/*.js app/index.html express-server.js --min --info --out app/css/merged-optim.min.css
	<!DOCTYPE html>
	<html amp lang="en">
	<head>
	<meta charset="utf-8">
	<script async src="https://cdn.ampproject.org/v0.js"></script>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title></title>
	<link rel="canonical" href="http://example.ampproject.org/article-metadata.html">
	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">