Category Archives: CSS

CSS based partial borders

12 Apr
Aadil P.
0 Comments
While trying to accomplish a bracket like borders for a bootstrap design, there was a need to address the design requirement either using images or by CSS. While navigating through hundreds of designs and snippets online, I happened to cross a post by another developer titled for CSS based partial borders. Using the code from the developer, I was able to space the partial borders on left, top and bottom per design requirement.

Read more

Wrapped tw-bootstrap

13 Jun
Aadil P.
0 Comments
Here is how you can apply bootstrap styles inside any container tag, without affecting tags and elements outside of the container tag.

<div class=”non-bs-parent”><aside></aside> <div class=”bootstrap-inside”>…</div> </div>

Let’s say you want to apply bootstrap only inside the div.bootstrap-inside container. But default bootstrap sylesheet will impact the entire document. Having a wrapped boostrap stylesheet will limit the bootstrap styles inside the container.

Read more

Smooth Animations in Cordova Hybrid App

25 Mar
Aadil P.
0 Comments
While working with Cordova Apps, found that the jQuery Animation effects were not smooth. While googling and searching for solution on StackOverflow I found many answers. But one answer on a Chrissilich’s website(link below) worked amazingly for me. So the solution was to add this particular CSS code to the element to be animated. -webkit-transform: translateZ(0);

Read more