Alfred Bez alfredbez

In host:

Go to PHPStorm Settings > Project settings > PHP > Servers
Add server with following parameters:
- Name: vagrant (same as serverName= in debug script)
- Host, port: set vagrant box IP and port
- Debugger: Xdebug
- [v] Use path mappings
- Map your project root in host to relative dir in guest

Hit OK

Motivation

As long as composer support in CMS is "not there yet", you need to get around somehow.

Say you want to use the (awesome) markdown library, you need a way to get it in.

How

Use a container extension with a private namespace

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Git Cheat Sheet

Commands

Getting Started

git init

or

Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.

My 3 developers team has just developed React.js application with 7668 lines of CSS (and just 2 !important). During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.

Here are main principles we use to write CSS for modern (IE11+) browsers:

SUIT CSS naming conventions + SUIT CSS design principles;
PostCSS + CSSNext. Future CSS syntax like variables, nesting, and autoprefixer are good enough;
Flexbox is awesome. No need for grid framework;
Normalize.css, base styles and variables are solid foundation for all components;

	SET @sourceTheme='theme:azure';
	SET @targetTheme='theme:kochbuch';
	INSERT INTO oxconfig (OXID, OXSHOPID, OXMODULE, OXVARNAME, OXVARTYPE, OXVARVALUE )
	(SELECT UUID(), OXSHOPID, @targetTheme, OXVARNAME, OXVARTYPE, OXVARVALUE FROM oxconfig WHERE OXMODULE = @sourceTheme);
	INSERT INTO oxconfigdisplay (OXID, OXCFGMODULE, OXCFGVARNAME, OXGROUPING, OXVARCONSTRAINT, OXPOS)
	(SELECT UUID(), @targetTheme,OXCFGVARNAME, OXGROUPING, OXVARCONSTRAINT, OXPOS FROM oxconfigdisplay WHERE OXCFGMODULE = @sourceTheme);

	/**
	1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome.
	2. Open up extension options and paste the whole CSS mentioned below.
	3. Specify the domain name to be `github.com`.
	4. Add a title and save.
	*/

	.header {
	padding-top: 10px;
	padding-bottom: 10px;