May Allah`s peace , mercy and blessing be upon you
Hello everyone, first of all, I think you noticed the comment's css bug, I don't know why the comments floats from the parent !! so I decided to redesign the blog and do some optimisations.
I really liked the workflow, guard is terrific and did a great job keeping my finger away from F5. Sass is good too, I never liked preprocessors but Compass and Zen-grids succeeded in tempting me to try it. The workflow is surely optimized, but I'm not sure if I can say the same about the CSS that still need a review. To be fair, using a preprocessor implies learning the ins and outs of the tool because nesting selectors and media queries randomly or reproducing the DOM tree can generate a terrible CSS. One more tool ,that I'm not sure if I actually used it, is Git, I started the project doing some commits during the setup then I forgot about it till the end -_-' .
When the template was ready, fluid and responsive, I had to start making it a blogger template .. I couldn't accept the idea that I had to deal with those awkward XML tags and the "b:" things !! Then I had the idea to use AngularJs the awesome framework to manipulate Blogger RSS feed, it's XML on the same domain so why not. Few hours after and it's ready, everything Blogger offers : posts, pagination, tags, displaying comments, social sharing ...
Finally I decided to take it one step further by implementing the wordpress like comments system, the method is explained in the 2 parts tutorial that published a year ago part1 , part2 .