Image Image Image Image Image
Scroll to Top

To Top

CSS Archives - THEMWEBS

07

Aug
2012

No Comments

In CSS

By Manny

Media Queries for Standard Devices

On 07, Aug 2012 | No Comments | In CSS | By Manny

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

Tags | ,

Using Dropbox in your workflow

On 12, Jan 2012 | No Comments | In Business, CSS, Design, General | By Manny

Dropbox is an amazing web 2.0 application that allows one to store data in the cloud, it also lets you to sync all that data across multiple devices iPad, Iphone, Android devices, PC’s and Mac’s.

To start off with you get 2Gb worth of space absolutely FREE. There after you can purchase more space or gain more free space by using their affiliate program which is what I am doing right now.

I find this works really well for my clients and I. We can share project files with each other from any where any time using any device. My folder structure looks something like this;

/Client name
  | Design
     | PNG
     | PSD
  | HTML
  | Invoices
  | Research

Of course there’s no wrong or right way of doing this, just find what works for you…so what are you waiting for go and get Dropbox.

Tags | ,