Skisliy

Responsive Images Solution

When uploading an image via the cms, multiple versions should be generated using defined ratios and sizes.

To use a specific image source in the frontend, a key like 2_1_1920 is used, which would in this case deliver a version of the image with a ratio of 2:1 and a width of 1920px.

Here's an example of an image, that should keep the ratio 2:1 in all viewports. Within the <picture> element there are 4 <source> elements and 1 <img> element as fallback.

Skisliy

Приложения:
TinyMCE Rich Text Editor
Ace
FormIt
pdoTools
translit
filetranslit
fastField
phpthumbon
ajaxForm

Skisliy

<?php
/****************************************************
Redirect the page to another URL

Parameters:
 - gotoURL : a resource ID or an URL
 - dontGoto : default:false, if true, do nothing...

Usage:
[[GotoURL? &gotoURL=`10` &dontGoto=`1`]]

Skisliy

<?php
if ($thread = $modx->getObject('TicketThread', array('resource' => $id))) {
        echo $thread->get('comments');
}

Skisliy

<?php
/*
 * Плагин для MODX Revolution, предназначен для переключения контекстов в зависимости от домена.
 * Для работы плагина необходимо в каждом контексте-домене создать настройки:
 * http_host - domain.ru
 * site_name - Название сайта
 * site_start - id ресурса, который является главной страницей
 * site_url - http://domain.ru/
 */

Skisliy

Snippet: 		[[SnippetName]]
Chunk: 			[[$ChunkName]]
System Setting: 	[[++SettingName]]
TV: 			[[*fieldName/TvName]]
Link tag:		[[~PageId? &paramName=`value`]]
Placeholder:		[[+PlaceholderName]]


<?php

Skisliy

/**
 * @link https://learn.javascript.ru/cookie
 */

function setCookie(name, value, options) {
    options = options || {};

    var expires = options.expires;

    if (typeof expires == "number" && expires) {

Skisliy

.monkey-1 {
	background-image: url("data:image/jpeg;base64,/9j/....E5oSy6gpzQEGxaZv//Z");
	debug-url: "../images/monkey-1.jpg";
	height: 300px ;
	width: 300px;
}
.monkey-2 {
	background-image: url("data:image/jpeg;base64,/9j/....t2DAHg1NQLkHrNMD//Z");
	debug-url: "../images/monkey-2.jpg";
	height: 300px ;

Skisliy

<div class="wrapper"> 
<div class="main-content">
</div>
</div>
<footer class="page-footer">
</footer>


/* прибьём футер к низу*/
.wrapper{

Skisliy

.border-radius(@radius: 3px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

.text-shadow(@color: #fff) {
  text-shadow: 1px 1px 1px @color;
	filter: dropshadow(color=@color, offx=1, offy=1);
}