Carefully Packaged Information on Web Design & Development
Tools, Tutorials & Guides
How To Automatically Deploy Your PHP Apps
How To Automatically Deploy Your PHP Apps Article Featured Image

A typical developing environment includes versioning the application with Git, so how does one get the project into production without logging into the server every time to pull the new code, refresh the cache, compile the assets, and so on?! This seems like a bad idea to do every time you want to deploy something into production. In this article, we’re going to talk about a tool called PHP Deployer, which allows us to create a script that will do all that, and more, for us.

Continue reading…

Tutorials & Guides
How to Create a Pull Request
How to Create a Pull Request Article Featured Image

A pull request is a way of contributing to a Git project as a 3rd party. If you’ve found a bug or a way to improve something in an open-source project, you can use this to submit (commit) your changes to be reviewed by the moderators of that repo. The moderators have the ability to accept your changes and add them to their project, reject them, or alter and then accept them.

Continue reading…

Tools
Testing APIs with Postman
Testing APIs with Postman Article Featured Image

If you’ve ever worked on a real-world app or website before, you’ve probably had to use APIs. And if you did, you know how cumbersome testing them can be, because you have to set up your way for creating requests, manage tokens, and so on, before actually doing any of the real work. So you’re basically spending time building a shadow dev environment which you’ll throw away after you’re done testing anyway. What if you told you that there’s a better way? The Postman way. Continue reading…

Hacking, Tutorials & Guides
Hacking Electron Apps: How To Restyle the New Skype
Hacking Electron Apps: How To Restyle the New Skype Article Featured Image

If you don’t know what Electron is, it’s a wrapper of Chromium which allows you to develop desktop applications using Web technologies like HTML, CSS, and JavaScript. It’s been largely adopted by big companies in the last few years because it allows developers to use these very common technologies to develop desktop apps and because it provides multi-platform support out of the box. It works as an extension of Node.js and it’s open-sourced, meaning that anybody can use it.

Continue reading…

Concepts
Introduction to APIs and REST
Introduction to APIs and REST Article Featured Image

APIs allow us to leverage a 3rd party’s computing power and features, programmatically. In simple terms, we send some input data to a certain endpoint and receive a processed result back. An API can provide us with a variety of possibilities, from simple text processing to building out entire websites. This is the standard way of creating a communication channel between us and a 3rd party. In this article, we’re going to learn what an API is and how to use them.

Continue reading…

Concepts
Content Placeholders: A Way to Style Waiting Time
Content Placeholders: A Way to Style Waiting Time Article Featured Image

You’ve probably seen by now applications and websites that use content placeholders before the actual content loads. These are simple mockups of the content that’s going to be displayed. Implementing this technique lets a user know what to expect, it makes your page appear more ‘reliable’ because it removes sizing glitches that happen when the content doesn’t load instantly, and, also, it replaces the boring loading screens. Some people refer to this as “Skeleton CSS.”

Continue reading…

CSS, Tutorials & Guides
CSS on Steroids: Introduction to SASS and LESS
CSS on Steroids: Introduction to SASS and LESS Article Featured Image

Did you ever wish you could get more out of CSS?! Maybe to be able to nest your selectors as opposed to rewriting them over and over. Or to have some functions that take care of the repetitive properties. Or maybe to just having the ability to set variables. Well, you can leverage that, and more, by using a CSS compiler, and in this tutorial, we’re going to talk about how to do this. Continue reading…

JavaScript, Tutorials & Guides
Assets Compilation: Using the Newest Features in the Browser, Today
Assets Compilation: Using the Newest Features in the Browser, Today Article Featured Image

You’ve probably heard of asset compilers like Webpack or Gulp. They’re a way of using cutting-edge features of JavaScript in the browser, without breaking backward-compatibility with older browsers. But that’s not all that they can do. They also allow you to use language extensions likes SASS, LESS, CoffeeScript, Jade, etc. Using them, you will save precious development time and you will get your projects more organized. Continue reading…

Tutorials & Guides, WordPress
WordPress: How to Generate a Table of Contents for Posts
WordPress: How to Generate a Table of Contents for Posts Article Featured Image

You’ve probably noticed by now that the site’s theme includes a table of contents for each post. You might be wondering if I actually spend time creating that table of contents myself. Well, sorry to disappoint, but the answer is: No. It is in fact generated automatically based on the headings inside the article. I think it’s pretty slick, so I decided to share with you how it’s done.

Continue reading…

Tutorials & Guides
How to Use Git and GitHub
How to Use Git and GitHub Article Featured Image
Git is a version control system designed for tracking file changes. It was created for allowing multiple people to work on the same project in a non-linear fashion. However, nowadays it is used for much more than that. Some use it as a simple tool to keep their data intact and backed up. Some use it to deploy their projects from their local environments to production since it’s faster and overall more reliable than FTP. Others use it to distribute code through sites like GitHub, and so on. Continue reading…