#Introduction If you're a php developer on ubuntu, there comes the time where you have to install/reinstall your system. I did it already a few times and i decided to write down the steps for a typical web developer stack with php. This is for a developer machine and not for a live environment!
I hope it helps you too!
fyi @mheiniger and me started with an installer here: https://github.com/mheiniger/webdev-setup
| .centered_div { | |
| width: 100px; | |
| height: 100px; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| margin-left: -50px; | |
| margin-top: -50px; | |
| background: red; | |
| } |
| /* ======================================================================== | |
| * Bootstrap: carousel.js v3.0.0 | |
| * http://twbs.github.com/bootstrap/javascript.html#carousel | |
| * ======================================================================== | |
| * Copyright 2012 Twitter, Inc. | |
| * | |
| * Licensed under the Apache License, Version 2.0 (the "License"); | |
| * you may not use this file except in compliance with the License. | |
| * You may obtain a copy of the License at | |
| * |
| =======[ Media Queries - default media query break points ]======= | |
| @media(max-width:767px) { | |
| } | |
| @media(min-width:768px) { | |
| } | |
| @media(min-width:992px) { | |
| =======[ Media Queries - default media query break points ]======= | |
| @media(max-width:767px) { | |
| } | |
| @media(min-width:768px) { | |
| } | |
| @media(min-width:992px) { | |
| $.fn.is_on_screen = function(){ | |
| var win = $(window); | |
| var viewport = { | |
| top : win.scrollTop(), | |
| left : win.scrollLeft() | |
| }; | |
| viewport.right = viewport.left + win.width(); | |
| viewport.bottom = viewport.top + win.height(); |
| $(window).on("scroll", function() { | |
| var scrollHeight = $(document).height(); | |
| var scrollPosition = $(window).height() + $(window).scrollTop(); | |
| if ((scrollHeight - scrollPosition) / scrollHeight === 0) { | |
| // when scroll to bottom of the page | |
| } | |
| }); |
| Function.prototype.compose = function(argFunction) { | |
| var invokingFunction = this; | |
| return function() { | |
| return invokingFunction.call(this, argFunction.apply(this,arguments)); | |
| } | |
| } |
| /** | |
| * Description: | |
| * removes white space from text. useful for html values that cannot have spaces | |
| * Usage: | |
| * {{some_text | nospace}} | |
| */ | |
| app.filter('nospace', function () { | |
| return function (value) { | |
| return (!value) ? '' : value.replace(/ /g, ''); |