Select Page
Responsive Web Design Icons – PNG

Responsive Web Design Icons – PNG

Here are some responsive web design icon you can use freely anywhere in your website and web designs. I extracted them from demo images containing lines and dotted backgrounds used by stock images websites. I used Photoshop to do it.
FullCalendar – full-sized JavaScript Calendar

FullCalendar – full-sized JavaScript Calendar

full calendar The FullCalendar Approach FullCalendar is great for displaying events, but it isn’t a complete solution for event content-management. Beyond dragging an event to a different time/day, you cannot change an event’s name or other associated...
Divi Child Theme – Download

Divi Child Theme – Download

divi screenshot.png file I created a very basic Divi child theme from the instruction provided from their official blog post – https://www.elegantthemes.com/blog/divi-resources/divi-child-theme. I am also using the Divi page builder and it has been quite a good...
Retina Display Media Query

Retina Display Media Query

For including high-res graphics, but only for screens that can make use of them. “Retina” being “2x”: Difference between normal display and retina display CSS – Media Query @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (...
Fluid Text, Fluid Typography – CSS

Fluid Text, Fluid Typography – CSS

The following code scale font-size from a minimum of 16px (at a 320px viewport) to a maximum of 22px (at a 1000px viewport). CSS html { font-size: 16px; } @media screen and (min-width: 320px) { html { font-size: calc(16px + 6 * ((100vw – 320px) / 680)); } }...