Posts in Tips and tricks

Pure HTML and CSS

I came across this site, whilst enhancing my SASS skill. Amazing what we can do with HTML, CSS and Javascript. http://codepen.io/ See the Pen Tear-able[…]

CSS3 image crop

Here is a tip how to use div to crop your images and keep its dimensions. CSS3 <code> .crop-image-90×90 { border-bottom: 2px solid #E17D00; float:[…]

Twitter Bootstrap Vs. Skeleton

Hi guys, if you are looking for a quick site build from scratch, i would advice to download Twitter Bootstrap or Skeleton to help you get[…]

Git not working after installing Mountain Lion

Hi guys, If you’re having problems with GIT after installing Mountain Lion. You need to do the following: 1. Make sure you install and update[…]

How to import new DB dump in MAMP command lines

Here is a tip how to create and import database dump to your MAMP phpMyAdmin using Terminal command line: /Applications/MAMP/Library/bin/mysql –host=localhost -uroot -proot –default-character-set=utf8 DB-NAME[…]

iPhone enhancements for webapps and websites

To add icon to your homescreen. you need to create graphic to 58px x 58px   with the half glare: <link rel=”apple-touch-icon-precomposed” href=”img/icon.png”/>   plain:[…]

Best mobile inspector tool – Adobe Shadow

Hi all, I thought to share this with you, after hours of fun trying to access my localhost through my mobile devices. I can came[…]

Where to find your local hosts file Mac/PC

For Mac osx Lion: Open terminal and type in the following command line $ sudo nano /etc/hosts For PC users edit file: Windows7 C:\Windows\System32\drivers\etc\hosts WindowsXP

Internet explorer CSS hacks

Hi All, below are examples of how to target version of IE 6,7 and 8. body { border: 1px solid red; /* For all browsers[…]

Custom Web fonts

Hi guys, If you want to use nice funky, stylish fonts on your web sites… then I would recommend to use ‘Typekit’. Typekit gives you[…]

Basic Git commands to push and pull

To check what has been modified, changed or added # git status Pull files down from repo # git pull To push file to repo[…]

How to install LESS with Omega Responsive HTML5 Base Theme

How to implement LESS on to your Drupal sites with Omega theme (Responsive HTML5 Base Theme) 1) First of a will need to download and[…]