By CSSFlow: free UI elements and widgets coded with HTML5, CSS3, and Sass.
View the original article and download the Sass/SCSS source at:
www.cssflow.com/snippets/animated-progress-bar
Original PSD by Vin Thomas.
Tested in Firefox 4, Safari 5.1, Chrome 13, Opera 10, IE 9 (and newer).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<nav class="nav"> | |
<input type="checkbox" class="nav__cb" id="menu-cb"/> | |
<div class="nav__content"> | |
<ul class="nav__items"> | |
<li class="nav__item"> | |
<span class="nav__item-text"> | |
Home | |
</span> | |
</li> | |
<li class="nav__item"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// GO HERE => https://github.com/mrdoob/three.js/blob/master/examples/canvas_particles_waves.html | |
const SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50; | |
let container, stats; | |
let camera, scene, renderer; | |
let particles, particle, count = 0; | |
let mouseX = 0, mouseY = 0; | |
let windowHalfX = window.innerWidth / 2; | |
let windowHalfY = window.innerHeight / 2; |
Install software-properties-common
sudo apt-get install software-properties-common
Add Repo
sudo add-apt-repository ppa:olipo186/git-auto-deploy
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var app = require('express').createServer() | |
var io = require('socket.io').listen(app); | |
var fs = require('fs'); | |
app.listen(8008); | |
// routing | |
app.get('/', function (req, res) { | |
res.sendfile(__dirname + '/chat.html'); | |
}); |
Используйте изображение на собственном хостинге чтобы заработал Crop
A Pen by Denis Baskovsky on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="container"> | |
<div class="row row--top-40"> | |
<div class="col-md-12"> | |
<h2 class="row__title">Employees (7)</h2> | |
</div> | |
</div> | |
<div class="row row--top-20"> | |
<div class="col-md-12"> | |
<div class="table-container"> | |
<table class="table"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// connect() is a function that injects Redux-related props into your component. | |
// You can inject data and callbacks that change that data by dispatching actions. | |
function connect(mapStateToProps, mapDispatchToProps) { | |
// It lets us inject component as the last step so people can use it as a decorator. | |
// Generally you don't need to worry about it. | |
return function (WrappedComponent) { | |
// It returns a component | |
return class extends React.Component { | |
render() { | |
return ( |