Skip to content

Instantly share code, notes, and snippets.

View stefanledin's full-sized avatar

Stefan Ledin stefanledin

View GitHub Profile
const path = require('path');
module.exports = {
entry: './resources/js/app.js',
output: {
filename: './public/javascripts/bundle.js',
}
};
const path = require('path');
module.exports = {
entry: './resources/js/app.js',
output: {
filename: './public/javascripts/bundle.js',
},
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
<span data-picture>
<span data-src="thumbnail.jpg"></span>
<span data-src="medium.jpg" data-media="(min-width: 150px)"></span>
<span data-src="large.jpg" data-media="(min-width: 300px)"></span>
<noscript>
<img src="thumbnail.jpg">
</noscript>
</span>
<picture>
<source srcset="large.jpg" media="(min-width: 300px)">
<source srcset="medium.jpg" media="(min-width: 150px)">
<img srcset="thumbnail.jpg">
</picture>
<img sizes="(min-width: 300px) 1024px, (min-width: 150px) 300px, 150px" srcset="thumbnail.jpg 150w, medium.jpg 300w, large.jpg 1024w">
<?php
// Example using Advanced Custom Fields
$image = get_field('hero_image');
echo rwp_img( $image['ID'] );
?>
<?php
// Example using Advanced Custom Fields
$image = get_field('hero_image');
echo rwp_img( $image['ID'], array(
'sizes' => array( 'medium', 'large' ),
'attributes' => array(
'sizes' => '(min-width: 768px) 1024px, 320px'
)
) );
?>
me@myserver:/var/www/learnresponsiveimages# sudo service mongod status
● mongod.service - High-performance, schema-free document-oriented database
Loaded: loaded (/lib/systemd/system/mongod.service; disabled; vendor preset: enabled)
Active: failed (Result: exit-code) since Thu 2018-03-08 08:37:11 EST; 13s ago
Docs: https://docs.mongodb.org/manual
Process: 19164 ExecStart=/usr/bin/mongod --quiet --config /etc/mongod.conf (code=exited, status=14)
Main PID: 19164 (code=exited, status=14)
<!doctype html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style>
body {
font-family: 'Open Sans', sans-serif;
}
</style>
</head>
<!doctype html>
<html>
<head>
<style>
body {
font-family: 'Open Sans', sans-serif;
}
html.wp-open-sans-active body {
font-family: 'Open Sans';
}