Posts

Showing posts from November, 2016

Creating a bower library

Inspired by Brian Fords bower post and using angularjs-library yeoman generator I created a simple angularjs component which can be installed using bower. My cheatsheet of steps: Make folder and run generator   mkdir dos-<library>   cd dos-<library>   yo angularjs-library init as git repo  git init Set & confirm commits email   git config user.email "deniskos@hotmail.com"   git config user.email Commit  git add .  git ci -m "inital commit" Add to remote Github   create a new github repo then use command below   git remote add origin https://github.com/DenisOS/dos-sequential-dates.git Verify   git remote -v Push to master   git push -u origin master Tag it and push tag (used by bower)   git tag v0.1.0   git push origin v0.1.0 Install a library dependency from Bower   bower install moment#2.5.0 --save-dev

FlexBox recap

Following along egghead.io flexbox tutorials Bootstrap framework v4 using Flexbox for grid layout Flexbox make container display: flex can set children row or column  column: flows top to bottom order: can set order in which children are displayed  all children have 0 for order by default and are laid out as in the dom  changing order high moves it after lower orders in flow  can also set to negative number to move higher justify-content: affets way children are aligned along the way the content is flowing  defaults to flex-start which means they bunch near start  center: can center vertically  flex-end  space-between align-items: affects space perpindicular to the flex direction  defaults to stretch align-self: sam as align-items but only applied to specific individual children