web publishing magazine

JavaScript —
library for visualization

Do you know Pts? We don’t know exactly what all these effects of this JavaScript library can be used for, but they look pretty cool. You’re tempted to do something with it yourself. Do you?

Like seeing the Big Dipper in a sky full of stars, Pts helps you connect the dots in the vastness of conceptual spaces. Pts enables you to compose and express what you see in your mind’s eyes — points as ideas, shapes, colors, motions, interactions, and more.

Perspective Website Presentation Mockup

“The Screens” is a great PSD Mockup for showcasing your website design project. With the help of Smart Objects, you can easily implement your own artwork. All shadows are available as separate layers and can be quickly adjusted.

The mockup is ideal for presenting responsive websites: it contains a desktop computer, an iPhone and special layers for mobile menus. The PSD file is in high-resolution with 4.000 × 3.000 pixels and has a adjustment layer so the background can be easily altered. “The Screens” is a work by Tran Mau Tri Tam and can be downloaded  for free.

Particle backgrounds on your website

You’ve seen these dynamic particle backgrounds on different websites lately and were impressed (like me) by them? The project particles.js offers you everything you need to create a particle background on your website.

local/remote switch in your PHP code

If you develop your PHP application locally with MAMP PRO and then publish it on your live server, there will be some differences. One difference would be your MySQL access data, such as your user name and login. When you publish a WordPress installation, MAMP PRO automatically takes over these changes for you. But the world is not just WordPress. The following example shows how to define the credentials for your MySQL database to work both locally and remotely:

Of course, this technique is not limited to this example. You can use it whenever you need to.

WordPress —
Create sitemap.xml without PlugIn

If you want to create a sitemap.xml (for example for Google’s Search Console) with WordPress and do not want to use a plug-in, you can do this with the following PHP code. This must be in the functions.php file of the theme. In this example, all posts and pages are listed in the sitemap file. As soon as a post or a page is created or modified, the sitemap file is rewritten.

If you publish the WordPress blog via MAMP PRO (Remote-Tab), you have to replace the local host with the target host name when outputting the URL (field <loc>). The following example shows this.

The Ultimate Guide to Learning CSS

From the basics to detailed expert knowledge. “The Ultimate Guide to Learning CSS” offers something for everyone.

How do you learn CSS? CSS is a vast subject, with many different layers to learn about covering all different aspects of manipulating the display of elements on a page.

August 8, 2018 — Dirk Einecke

Your body text is too small

Body text is the key component in communicating the main bulk of a message or story, and it’s probably the most important element on a website, even if people sometimes read just the headlines.

The days of tiny fonts on websites are long gone. But what is the situation today and where is the journey heading? Learn more about this topic: Your body text is too small (by Xtian Miller).

August 8, 2018 — Dirk Einecke

CSS Grid —
what is behind this concept and what are the basics

In times of responsive web design, everyone of us has surely already used the grid of some CSS framework (for example bootstrap). But what is behind this concept and what are the basics? One of the best and most detailed articles is certainly “CSS Grid – The Swiss Army Knife For Website and Application Layouts” by Greg Sidelnikov.

During the last two months I’ve been taking a deeper look into CSS Grid. In this tutorial I want to share the key findings. To make things easier, I explained them using visual diagrams.

August 7, 2018 — Dirk Einecke

Version 5.0.3 released

We’ve just released version 5.0.3 of MAMP PRO. This update is only available via the in-app update function of MAMP PRO and contains some bug fixes and improvements.

  • Calling external commands has been improved.
  • Communication with Dropbox is more reliable.
  • Transferring WordPress hosts works more stable.
  • Hosts are now grouped correctly.
  • Webpage previews in the Overview window are cancelled immediately if necessary.
  • Editor: Auto-completion settings are now stored permanently.
  • Editor: Fixed a crash when inserting text
  • The menubar item now respects the user settings.

Don’t hesitate to report any other bug you may find to our bugbase so we can fix it as quickly as possible.

Say hello to the new WordPress editor

If you are already curious about what WordPress 5 will offer, take a look at the beta of the new editor “Gutenberg”.

We call the new editor Gutenberg. The entire editing experience has been rebuilt for media rich pages and posts. Experience the flexibility that blocks will bring, whether you are building your first site, or write code for a living.

At the WordPress experts of Kinsta you will also find an article with pros and cons. Also as a theme developer you have to pay attention to some things around the new editor.

Take five!

MAMP & MAMP PRO Version 5 for macOS out now and contains a wealth of new features and improvements to make your work as a web developer much easier: Transfer your WordPress projects directly from MAMP PRO to your live server, or import an existing WordPress site into MAMP PRO. * Even a server migration is now possible without great effort. The new snapshot function allows you to save development steps and restore them at any time as needed. Use the new Host View to group your hosts into folders. And many more.

Users of version 4 get a reduced upgrade price.

* For WordPress publishing and importing functions, please check system requirements.

HTTP is “not secure”

With the release 68 of Chrome this browser starts to mark all websites without HTTPS as not secure. All further information can be found in the Google Blog.

Of course, MAMP PRO allows you to access your local websites via HTTPS. We have described exactly how this works for you in our documentation.