Archive for June 2017

CSS Rounded Corners

#rcorners1 { border-radius: 25px; }

Getting “Blocked loading mixed active content” issue in Firefox

Avoid using “http://” or “https://” when loading the script in html, css or javascript. The correct example is this:   <script type="text/javascript">   $.getScript("//maps.googleapis.com/maps/api/js?key=somekey");   </script>

Method chaining to split logic into a chain-look to make more understandable pieces of code

class MyCar { function setPedals() { // code logic return this; }   function setWheels() { // code logic return this; }   function setEngine() { // code logic } }   $myCar = new MyCar(); $myCar.setPedals().setWheels().setEngine(); This pattern also called Fluent Interface. More information can be found here: Method chaining Fluent interface

Detecting browser and protocol in Javascript

<script type="text/javascript">   if(/chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) && location.protocol==’http:’) { alert(’Using current position in chrome restricted under http protocol’) } else if (/msie/.test(navigator.userAgent.toLowerCase())) { console.log("This browser is MSIE"); } else if (/firefox/.test(navigator.userAgent.toLowerCase())) { console.log("This browser is Firefox"); }   </script>

div containers position

Main keywords which controls div contrainers position: float: left; and clear: left; Size by side example: 1 2 One on top of other example: 1 2

Remove untracked files

git clean -fd

Remove untracked file

git reset