html Archives - Page 2 of 2

31

Aug

2014

0

Exclude images from pinterest list

To exclude some of the images in your page from the pinterest list, add the following tag to the img...

20

Aug

2014

0

WordPress – make all images inside a post links

Recently, I have had this request from a friend of mine, who had trouble with adding images into their post....

05

Aug

2014

0

css standard screen size

Browsing the web, I found the following sizes:

/* 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 */ 
}  
/** Elements */  
/* Default sizes */  
/* 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 */ 
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

/* 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 */

}

/** Elements */

/* Default sizes */

/* 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 */

}

Sources: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ http://stuffandnonsense.co.uk/projects/320andup

20

May

2013

0

Points of interest

This proiect uses PHP, Javascript, CSS, HTML and PostgreSQL

14

Nov

2011

0

Hera Spa & More

Presentation website for Hera Spa & More Salon. http://blog.draghici.net/demo/hera/

28

Dec

2008

0

Gaza Strip

This is a website that presents the activity of The Medical Students Society in Bucharest (SSMB), in support for the...

03

Jan

2008

0

My first personal website

12

Jul

2006

0

Conmet System

Website for Conmet System S.R.L. http://blog.draghici.net/demo/conmet/

Tagged: html