joshua/dashdev-website
1
0
Fork 0
mirror of https://github.com/seigler/dashdev-website synced 2025-07-27 06:46:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update

Browse source
This commit is contained in:
readme 2020-03-06 13:24:42 +01:00
parent b5fc98a38b
commit b26cfc274e
20 changed files with 1500 additions and 1380 deletions
Download patch file Download diff file Expand all files Collapse all files

154
build/article/gulp/index.html
View file

@ -1,83 +1,85 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Gulp - dashdevs-suite</title>
<meta name="description" content="Do you need Gulp? Can it be integrated with Metalsmith?" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="mobile-web-app-capable" content="yes">
<link rel="stylesheet" media="all" href="../../css/styles.css" />
<meta charset="utf-8">
<title>Gulp - dashdevs-suite</title>
<meta name="description" content="Do you need Gulp? Can it be integrated with Metalsmith?" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="mobile-web-app-capable" content="yes">
<link rel="stylesheet" media="all" href="../../css/styles.css" />
</head>
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
<ul>
<li>
<a href="../../">Home</a>
</li>
<li>
<a href="../../start/">Start</a>
</li>
<li>
<a href="../../article/" class="active">Articles</a>
</li>
<li>
<a href="../../contact/">Contact</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages">
<header>
<!-- sub navigation -->
<nav class="nav sub">
<ul>
<div class="content">
<li>
<a href="../../article/usage/">Usage options</a>
</li>
<li>
<a href="../../article/gotchas/">Gotchas</a>
</li>
<li>
<strong>Gulp</strong>
</li>
<li>
<a href="../../article/future/">Future publication</a>
</li>
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
<ul>
<li>
<a href="../../">Home</a>
</li>
<li>
<a href="../../start/">Start</a>
</li>
<li>
<a href="../../article/" class="active">Articles</a>
</li>
<li>
<a href="../../contact/">Contact</a>
</li>
</ul>
</nav>
</ul>
</nav>
</div>
</header>
<div class="content">
<main class="subpages" >
<article>
<div class="content">
<h1>Gulp</h1>
<!-- sub navigation -->
<nav class="nav sub">
<ul>
<li>
<a href="../../article/usage/">Usage options</a>
</li>
<li>
<a href="../../article/gotchas/">Gotchas</a>
</li>
<li>
<strong>Gulp</strong>
</li>
<li>
<a href="../../article/future/">Future publication</a>
</li>
</ul>
</nav>
<article>
<h1>Gulp</h1>
<p class="articleinfo">Published 2 March 2016, 141 words, 1-minute read</p>
<p>Metalsmith has plugins for <a href="https://github.com/stevenschobert/metalsmith-sass">CSS pre-processing with Sass</a>, <a href="https://github.com/ahmadnassri/metalsmith-imagemin">image minification</a>, <a href="https://github.com/aymericbeaumet/metalsmith-concat">file concatenation</a>, <a href="https://github.com/ksmithut/metalsmith-uglify">uglification</a> and more. The build code will be familiar to anyone with <a href="http://gulpjs.com/">Gulp</a> experience.</p>
<p>Metalsmith has plugins for <a href="https://github.com/stevenschobert/metalsmith-sass">CSS pre-processing with Sass</a>, <a href="https://github.com/ahmadnassri/metalsmith-imagemin">image minification</a>, <a href="https://github.com/aymericbeaumet/metalsmith-concat">file concatenation</a>, <a href="https://github.com/ksmithut/metalsmith-uglify">uglification</a> and more. The build code will be familiar to anyone with <a href="http://gulpjs.com/">Gulp</a> experience.</p>
<h2 id="do-you-still-need-gulp">Do you still need Gulp?</h2>
<p>Metalsmith is often enough for simpler workflows. However, Gulp has a more extensive range of plugins and permits complex build activities such as linting and <a href="http://postcss.org/">PostCSS</a> processing with <a href="https://github.com/postcss/autoprefixer">auto-prefixer</a>.</p>
<p>Metalsmith can be used within any Gulp task, e.g.</p>
@ -108,9 +110,11 @@ gulp.task(&#39;html&#39;, function() {
<nav class="nav page">
<ul>
<li><a href="../../article/gotchas/" class="back">&laquo; back: Gotchas</a></li></p>
<li><a href="../../article/gotchas/" class="back">&laquo; back: Gotchas</a></li>
</p>
<li><a href="../../article/future/" class="next">next: Future publication &raquo;</a></li></p>
<li><a href="../../article/future/" class="next">next: Future publication &raquo;</a></li>
</p>
</ul>
</nav>
@ -120,15 +124,17 @@ gulp.task(&#39;html&#39;, function() {
</div>
</main>
<footer>
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
<p class="siteinfo">Development build, version 1.0.0, article template</p>
</footer>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here</a></p>
<!-- <p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p> -->
<!-- <p class="siteinfo">Development build, version 1.0.0, article template</p> -->
</footer>
</body>
</html>
</html>