| function declOfNum(number, titles) { | |
| cases = [2, 0, 1, 1, 1, 2]; | |
| return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ]; | |
| } | |
| use: | |
| declOfNum(count, ['найдена', 'найдено', 'найдены']); |
| /* Micro ClearFix Mixin */ | |
| .clearfix{ | |
| zoom:1; | |
| &:before, &:after{ content:""; display:table; } | |
| &:after{ clear: both; } | |
| } |
| app.filter('bytes', function() { | |
| return function(bytes, precision) { | |
| if (isNaN(parseFloat(bytes)) || !isFinite(bytes)) return '-'; | |
| if (typeof precision === 'undefined') precision = 1; | |
| var units = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB'], | |
| number = Math.floor(Math.log(bytes) / Math.log(1024)); | |
| return (bytes / Math.pow(1024, Math.floor(number))).toFixed(precision) + ' ' + units[number]; | |
| } | |
| }); |
| // -------------------------------------------------- | |
| // Flexbox LESS mixins | |
| // The spec: http://www.w3.org/TR/css3-flexbox | |
| // -------------------------------------------------- | |
| // Flexbox display | |
| // flex or inline-flex | |
| .flex-display(@display: flex) { | |
| display: ~"-webkit-@{display}"; | |
| display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| .scrollbox { | |
| overflow: auto; | |
| width: 200px; | |
| max-height: 200px; | |
| margin: 50px auto; |
| /* | |
| No jQuery necessary. | |
| Thanks to Dan's StackOverflow answer for this: | |
| http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport | |
| */ | |
| function isElementInViewport(el) { | |
| var rect = el.getBoundingClientRect(); | |
| return ( | |
| rect.top >= 0 && |
| #!/bin/bash | |
| # | |
| # Display usage info | |
| vhost-usage() { | |
| cat <<"USAGE" | |
| Usage: vhost [OPTIONS] <name> | |
| -h|--help this screen | |
| -pub to create the webhost root in ~/www/name/public/ | |
| -url to specify a local address, default is http://name.local |
IE9, IE10, and IE11 don't properly scale SVG files added with img tags when viewBox, width and height attributes are specified. View this codepen on the different browsers.
Image heights will not scale when the images are inside containers narrower than image widths. This can be resolved in 2 ways.
As per this answer on Stackoverflow, the issue can be resolved by removing just the width and height attributes.
| git branch -m old_branch new_branch # Rename branch locally | |
| git push origin :old_branch # Delete the old branch | |
| git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote |
| # Install ttfautohint on Ubuntu 12.04 LTS | |
| # @author: Jean Lescure | |
| # 2014/04/23 | |
| # Clone ttfautohint git repo to 'tmp' dir and cd into resulting repo folder | |
| cd /tmp | |
| git clone git://repo.or.cz/ttfautohint.git | |
| cd ttfautohint | |
| # Handle bootstrap's dependency: automake |
