Stephen Burge's Blog, page 14

New Book Update: Local Web Development With DDEV Explained

For many years, web developers have relied on WAMP, MAMP, XAMPP and other local development tools. However those tools have some severe limitations, particularly if you're working in a team environment.


There is a better way to do local development. We've just updated"Local Web Development With DDEV Explained" which shows you how to do local development in a way that matches modern development workflows.


Mike Anello is a long-time member of the Drupal and web development communities. In this book, he recommends replacing WAMP and MAMP with DDev-Local, a Docker-based system.

DDEV-Local is an open-source local development environment for PHP-based projects. It provides a robust and flexible setup for platforms such as Drupal, WordPress, and TYPO3.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

How to Embed a Google Docs Viewer in Your Drupal 8 Site

The Embedded Google Docs Field allows the site administrator to change the display of normal file fields, making them viewable directly on the node with the help of the Google Docs Viewer.

This tutorial will explain the usage of this module through an example.

Let’s start!

Hint: Google has to be able to locate your site on the web, in order to embed the viewer. This module will not work in a local environment.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

CSS Flexbox #13. Create a Navigation Menu with Flexbox

The navigation speeds up the search of your users within your site. With CSS Flexbox, it is quite practical to code a basic navigation bar without the need of using floats or complicated pixel calculations.

Keep reading this tutorial in order to learn how. Let’s start!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

CSS Flexbox #12. The flex-flow shorthand property

In past tutorials of this series, you learned about the flex-direction and the flex-wrap properties. They determine the orientation of flex items.

They also determine if flex-items wrap over to the next line or stay on the same line according to the available space in the layout.

The flex-flow shorthand property puts both properties together. Let’s take a look at an example!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

Introducing the Flexbox Explained Book from OSTraining

Say "hello" to the 13th book from OSTraining. We're delighted to announce the launch of "Flexbox Explained" by Jorge Montoya and Steve Burge.

Flexbox Explained is a fun and enjoyable introduction to Flexbox.

Over the last fifteen years, Steve and Jorge have worked as web designers. It's been a fascinating time.

For many years, the most popular way to design websites was with frameworks such as Bootstrap and Foundation. We needed these frameworks because they added many essential features. The core features of CSS weren't enough for modern web development.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

Create a Content Type Pager in Drupal 8

The Drupal 8 Pager module provides simple pager navigation in a block to ease up the navigation between nodes of the same content type or between nodes with a common taxonomy tag.

This tutorial will explain the usage of this module with an example. Let’s start!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

CSS Flexbox #11. Shorthand Default Values

In the last tutorial, you learned about the flex shorthand property. It groups three flexbox properties in one in the following order:

flex-grow
flex-shrink,
flex-basis.


This property can accept up to three values, however, you can enter only one or two values and the CSS Flexbox specification will assign the default missing value to the corresponding flex items.

Let’s check this out with an example!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

A Beginners Introduction to CSS Flexbox

The CSS Flexbox Specification is a CSS module that gives you great flexibility when creating layouts.

CSS Flexbox is an elegant and lightweight approach to layouts. It can be used without installing an extra frameworks or libraries.

Flexbox is different from the regular layouts because you can lay out items inside a flex container in all possible directions. This means that your layouts can be organize top to bottom, bottom to top, left to right or right to left.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

An Beginners Introduction to CSS Flexbox

The CSS Flexbox Specification is a CSS module that gives you great flexibility when creating layouts.

CSS Flexbox is an elegant and lightweight approach to layouts. It can be used without installing an extra frameworks or libraries.

Flexbox is different from the regular layouts because you can lay out items inside a flex container in all possible directions. This means that your layouts can be organize top to bottom, bottom to top, left to right or right to left.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]

How to Give WordPress Users Their Own Content to Edit

One OSTraining user asked us if it was possible to give everyone their own content in WordPress.

For example, is it possible to create a page for each staff member? The idea is that each staff member could login and update their own page (but not be able to update anyone else's page).

It is possible to this in WordPress thanks to the PressPermit Pro plugin.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]