javascript - Fluid Packery Layout -

-

i posted yesterday there seemed confusion. posting again, , try clearer time around.

i big fan of wordpress theme: http://prothemeus.com/demo/litho/ following reasons:

  1. it positions , scales content tiles fill browser window 100%
  2. when resizing browser window re-positions , re-scales these tiles still fills browser window 100%
  3. when resizing browser window, motion of tiles fluid. no gaps form between tiles, has nice action all. love.
  4. the tiles never smaller amount, 240px wide. once go smaller 240px, grid reshuffles tiles there less tiles in each row. (difficult explain this, play size of browser window , see mean)

the things doesn't work me theme:

  1. cannot display content tiles of varying sizes. key me want draw attention posts. specific, featured post tiles double width , height of regular post tiles.

so result have customised theme stripping out litho theme's javascript, renaming nodes , containers etc. , replacing packery libraries, position content tiles:

$(document).ready( function() {     var $container = $('#grid');     // init     $container.packery({         itemselector: '.grid-item',          columnwidth: 240,     }); });

however while allows me have content of different sizes, has lost fluid positioning.

is there way packery replicate same effect litho theme had?

i have looked around , closest have found this:

http://codepen.io/desandro/pen/bejhd

however not have exact same motion, lot more clunky , not aesthetically pleasing. there overlap between tiles, or gaps form between tiles.

i believe difference tiles rescaled first , repositioned once. whereas litho theme, rescale , reposition tiles @ same time, looks much nicer.

secondly there no minimum size tiles, when resizing browser window shrink.

(i understand these actions may different in different browsers, see on mac using safari, firefox , chrome)

so question is, there way can replicate litho theme's repositioning , rescaling action, using packery libraries? packery libraries allow this?

thank


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more