Skip to content

Instantly share code, notes, and snippets.

View kalbarczyk's full-sized avatar

Kalbarczyk kalbarczyk

23 followers · 19 following
View GitHub Profile
@kalbarczyk
kalbarczyk / highlight.html
Last active August 29, 2015 14:11
AngularUI for AngularJS - ui.highlight / ngSanitize
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
<head>
<title>highlight</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
<style>
.ui-match {
background-color: red;
}
</style>
@kalbarczyk
kalbarczyk / CSS3-Transitions.html
Created December 1, 2014 11:12
AngularJS - animacje - CSS3-Transitions - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
<head>
<title>AngularJS - CSS3-Transitions</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
<style>
.pierwsza-animacja.ng-enter,
.pierwsza-animacja.ng-leave,
.pierwsza-animacja.ng-move {
-webkit-transition: 1s linear all;
@kalbarczyk
kalbarczyk / CSS3-Keyframe.html
Created December 1, 2014 11:10
AngularJS - animacje - CSS3-Keyframe - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
<head>
<title>AngularJS - CSS3-Keyframe</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
<style>
.main-container {
height: 300px;
position: relative;
}
@kalbarczyk
kalbarczyk / ng-repeat_filter.html
Created November 22, 2014 21:19
AngularJS - ng-repeat + filter
<!doctype html>
<html data-ng-app="app">
<head>
<title>AngularJS - ng-repeat + filter</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div data-ng-controller="defaultCtrl">
<input data-ng-model="text" class="form-control" /> {{text}}
<table class="table">
@kalbarczyk
kalbarczyk / demo_1.html
Created November 22, 2014 20:11
AngularJS - Data binding
<!doctype html>
<html data-ng-app>
<head>
<title>AngularJS #1</title>
</head>
<body>
<div>
<input data-ng-model="text" /> {{text}}
</div>
<script src="https://code.angularjs.org/1.3.0/angular.js"></script>
@kalbarczyk
kalbarczyk / custom-directive_2.html
Created November 21, 2014 12:45
AngularJS - druga dyrektywa szyta na miarę - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
<head>
<title>AngularJS - druga dyrektywa szyta na miarę</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div class="container">
<form>
<h3>Oceń wydarzenie</h3>
@kalbarczyk
kalbarczyk / custom-directive_1.html
Created November 21, 2014 12:44
AngularJS - pierwsza dyrektywa szyta na miarę - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
<head>
<title>AngularJS - pierwsza dyrektywa szyta na miarę</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div class="container">
<div data-color-changer="red"><h1>Tło czerwone</h1></div>
<div data-color-changer="yellow"><h1>Tło żółte</h1></div>
@kalbarczyk
kalbarczyk / routing.html
Created November 19, 2014 19:53
AngularJS - routing - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<title>AngularJS - routing</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body data-ng-controller="defaultCtrl">
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
@kalbarczyk
kalbarczyk / angular.lower_upper_case.html
Created November 18, 2014 14:34
AngularJS - funkcje lowercase, uppercase - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!doctype html>
<html>
<head>
<title>AngularJS - funkcje - angular.lowercase/uppercase</title>
</head>
<body>
<div ng-controller="defaultCtrl">
Nacisnij F12 a następnie przejdź do sakładki "console".
</div>
<script src="https://code.angularjs.org/1.3.0/angular.js"></script>
@kalbarczyk
kalbarczyk / angular.is_.html
Created November 18, 2014 14:31
AngularJS - funkcje is... - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - is...</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body data-ng-controller="defaultCtrl">
<div class="container">
<ul>
<li data-ng-repeat="t in test">{{t}}