• Skip to main content

Uly.me

cloud engineer

  • Home
  • About
  • Archives

responsive

Responsive Page Width

December 25, 2014

You can do a lot with having a responsive design. If you’re using page widths on your designs, you can tailor your page layout based on the viewer’s screen size. The following CSS code will make your web page responsive by offering different page widths to your layout.

@media screen and (min-width:480px) {
#page {width:90%;}
}
@media screen and (min-width:720px) {
#page {width:75%;}
}
@media screen and (min-width:1440px) {
#page {width:60%;}
}

@media screen and (min-width:480px) { #page {width:90%;} } @media screen and (min-width:720px) { #page {width:75%;} } @media screen and (min-width:1440px) { #page {width:60%;} }

In the example above, any screen size that’s bigger than 1440px will have page width of 60%. A screen size of between 720px and 1440px will display a page width of 75%. Any screen size smaller than 480px will display a page width of 90%.

Filed Under: CSS Tagged With: page width, responsive

Responsive Web Trends Conference

February 5, 2014

I just signed up for an all-day conference called Responsive Web Trends Conference in San Francisco. It’s a day-long event and it’s free as in beer. The event is on Wednesday, February 12, 2014 starting at 9am. Register.

Responsive Web Trends is a completely free, day-long conference for those who are passionate about creating websites that look great and work well on any device—even those that haven’t been invented yet.

The conference brings together forward-thinking industry influencers, designers and developers for a day of deep discussions and workshops. Presented by Moboom, the conference explores trends in responsive web design and adaptive technologies with the goal of creating an open dialogue about how designers and developers can work more efficiently and think beyond just mobile.

The speakers include Jason Grigsby, Greg Nudelman, and Ben Callahan.

The topics planned are:

  • A Developer’s Next Big Challenge
  • Dissecting Responsive Design
  • Lean Mobile-First UX
  • Scale Big with Docker
  • Multi-Lingual Coding
  • And more…

The event is sponsored by Moboom.

Filed Under: HTML Tagged With: design, responsive

  • Home
  • About
  • Archives

Copyright © 2023