Happy WEB

I hope you will find something interesting & inspirational for your life and work. I love to code: HTML5, CSS, Jquery, Bootstrap, Angularjs and etc. Let me know if you need any help with your website or blog.

[lpe08-blog]

Diet ))

[lpe08-blog]

5 columns layout with Twitter Bootstrap

CSS FILE: .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {     position: relative;     min-height: 1px;     padding-right: 10px;     padding-left: 10px; }

.col-xs-15 {     width: 20%;    float: left; } 

@media (min-width: 768px)  { .col-sm-15 {        width: 20%;        float: left;    } } 

@media (min-width: 992px) {    .col-md-15 {        width: 20%;        float: left;    } } 

@media (min-width: 1200px) {     .col-lg-15 {        width: 20%;        float: left;    }  }

HTML: <div class="row">    <div class="col-md-15 col-sm-3">    ...    </div> </div>

[lpe08-blog]

My main rule -  If it takes less than 5 minutes, then do it now!  It’s surprising how many things we put off that we could get done in two minutes or less.

Follow my blog for more: lpe08.tumblr.com

[lpe08-blog]

BOOTSTRAP 3 MEDIA QUERIES Follow my blog for more: lpe08.tumblr.com

/*================================================== =            Bootstrap 3 Media Queries             = ==================================================*/

  /*==========  Mobile First Method  ==========*/

  /* Custom, iPhone Retina */   @media only screen and (min-width : 320px) {

  }

  /* Extra Small Devices, Phones */   @media only screen and (min-width : 480px) {

  }

  /* Small Devices, Tablets */   @media only screen and (min-width : 768px) {

  }

  /* Medium Devices, Desktops */   @media only screen and (min-width : 992px) {

  }

  /* Large Devices, Wide Screens */   @media only screen and (min-width : 1200px) {

  }

  /*==========  Non-Mobile First Method  ==========*/

  /* Large Devices, Wide Screens */   @media only screen and (max-width : 1200px) {

  }

  /* Medium Devices, Desktops */   @media only screen and (max-width : 992px) {

  }

  /* Small Devices, Tablets */   @media only screen and (max-width : 768px) {

  }

  /* Extra Small Devices, Phones */   @media only screen and (max-width : 480px) {

  }

  /* Custom, iPhone Retina */   @media only screen and (max-width : 320px) {

  }

[lpe08-blog]

Just for your inspiration! //found in the web

Follow my blog for more: lpe08.tumblr.com

[lpe08-blog]

Stages in Web Design & Development Follow my blog for more info: lpe08.tumblr.com (I always follow back)

[lpe08-blog]

25% of Internet users ONLY access the Internet via a mobile phone! So create responsive websites! Follow my blog for more info: lpe08.tumblr.com (I always follow back)

[lpe08-blog]

How to create nice colour scheme? Secret to cohesive color schemes: pick a bunch of colors you want to do (purple, blue, etc like you did here), then pick an overall color (let's say orange, for playfulness) that you want to tint everything towards... Overlay the "overall color" (or soft light, or whatever blending mode depending on if you want darker or lighter colors) and play with the opacity till you get something you can work with. Follow my blog for more info: lpe08.tumblr.com (I always follow back)

[lpe08-blog]

What are the best sizes for sharing images on Facebook and social media?

Facebook – 1,200 x 628

Twitter – 1,024 x 512

LinkedIn – 800 x 800

Google+ – 800 x 1,200

Pinterest – 735 x 1,102

Instagram – 1,080 x 1,080 Follow my blog for more info: lpe08.tumblr.com (I always follow back)

[lpe08-blog]

It is important to use words people like. Follow my blog: lpe08.tumblr.com I Always follow back

[lpe08-blog]

Just for your inspiration! //found in the web

Follow my blog for more: lpe08.tumblr.com

[lpe08-blog]

Just for your inspiration! //found in the web

Follow my blog for more: lpe08.tumblr.com

[lpe08-blog]

“Happiness is in your ability to love others” Leo Tolstoy Visit my blog for more: lpe08.tumblr.com Follow me, I always follow back!

[lpe08-blog]

“If you want to be happy, be”  Leo Tolstoy Visit my blog for more: lpe08.tumblr.com Follow me, I always follow back!

[lpe08-blog]

Even simple things can be part of design. Follow my blog: lpe08.tumblr.com  I Always follow back

[lpe08-blog]

The best font size for web projects?

Google recommends to use a base font size of 16 CSS pixels. Sure, you can use sizes relative to the base size to define the typographic scale (1.2 em, 0.9em).

it is important to configure viewport. Without a viewport, mobile devices will render the page at a typical desktop screen width, scaled to fit the screen. Setting a viewport gives control over the page’s width and scaling on different devices: .<meta name=viewport content="width=device-width, initial-scale=1">

[lpe08-blog]

BEST PROJECT MANAGEMENT APPLICATION

It is not promo post, I just want to help someone who is looking for good Project Management application. I have looked over hundreds of applications, and this one is a superb! So, the main pluses:

- it is FREE! For one user, but I am working as freelancer and do not need teem project management.

- it has apple application.

- it has very nice interface. 

- it syncs with calendars. Google calendar. I use Sunrise calendar on my Iphone - and they work alll together perfectly: Asana, Google Calendar and Sunrise.

- All functions you need to manage your tasks.