/ Gists

Gists

On gists

Hračka - ukázka theme - vygenerování struktury

•
SCSS

SassMeister-rendered.html #

<section class="theme-green">
  <div class="a">A</div>
  <div class="b">B</div>
</section>

<section class="theme-red">
  <div class="a">A</div>
  <div class="b">B</div>
</section>
On gists

Rozmazaná čára (přechodová, po krajích mázlá, prostředek plná)

•
CSS trick

blurred hr.css #

hr {
    background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    border: 0 none;
    height: 1px;
    margin: 22px 0;
}
On gists

Clearfix snippet

•
CSS

usage.scss #

.container-with-floated-children {
  @extend %clearfix;
}
On gists

Transition mixin

•
SCSS

usage.css #

a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
On gists

Keyframes mixin

•
SCSS

usage.css #

@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
On gists

Prefixer mixin

•
SCSS

Prefixer.scss #

@mixin prefixer($property, $value) {
    @each $prefix in -webkit-, -moz-, -ms-, -o-, '' {
    #{$prefix}#{$property}: $value;
    }
}
On gists

Spojení pole do multitříd

•
SCSS

SassMeister-output.css #

.netolicak, kcko {
  color: pink;
}
On gists

Partial rendering - nette, latte, formuláře

•
Nette-Tricks

Partial rendering.latte #

{foreach $form[gender]->items as $key => $label}
    <label n:name="gender:$key"><input n:name="gender:$key"> {$label}</label>
{/foreach}
On gists

Serverová ochrana PHP AUTH

•
PHP

PHP AUTH.php #

<?

$LoginSuccessful = false;
$login = $password = 'xxx';
 
if (isset($_SERVER['PHP_AUTH_USER']) && isset($_SERVER['PHP_AUTH_PW'])){
 
    $Username = $_SERVER['PHP_AUTH_USER'];
    $Password = $_SERVER['PHP_AUTH_PW'];
 
    if ($Username == $login && $Password == $password){
        $LoginSuccessful = true;
    }
}

if (!$LoginSuccessful)
{

    header('WWW-Authenticate: Basic realm="Secret page"');
    header('HTTP/1.0 401 Unauthorized');
 
    print "Login failed!\n";
    exit(0);
 
}
On gists

Ajaxové načítaní při onscrollu

•
jQuery

LoadNext-Onscroll.js #

    if($('.load-next').length > 0) {

        var $window = $(window);

        $(window).scroll(function(){

            var $loadNext = $('.load-next');

            if($loadNext.length) {

                var winHeight = $window.height();
                var scrollTop  = $window.scrollTop();
                var loadNextOffset = $loadNext.offset();

                if((winHeight + scrollTop + 200) > loadNextOffset.top) {
                    $loadNext.trigger('click').remove();
                }

            }


        });

    }