View Com.latte
{* Component template *}
<div style="border-style: solid; border-width: 1px;">
<p>Jméno komponenty: {$control->name}</p>
{snippet com}
<p>Čas vykreslení:{$time|date:'%H:%M:%S'}</p>
<p><a n:href="refresh!" class="ajax">REFRESH (invalidování)</a></p>
View ghost-element-vertical-align.css
/* This parent can be any width and height */
.block {
text-align: center;
/* May want to do this if there is risk the container may be narrower than the element inside */
white-space: nowrap;
/* The ghost, nudged to maintain perfect centering */
.block:before {
View BasePresenter.php
* @author Filip Procházka <>
abstract class BasePresenter extends Nette\Application\UI\Presenter
* @var \Img\ImagePipe
View autosave.js
var AutoSave = (function(){
var timer = null;
function getEditor(){
var elems = document.getElementsByTagName("textarea")
if (elems.length <= 0)
return null;
View autosave.js
$(document).ready(function() {
// Recovery Below
// Retrieve the object from storage onReady
var autosave = localStorage.getItem('file');
View NetteCsvResponse.php
namespace Nette\Application\Responses;
use Nette;
* CSV download response.
* Under New BSD license.

⇐ back to the gist-blog at

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso