Twitter Adds Responsive Design Tools to Bootstrap 2.0
WebdesignTwitter is gearing up for the release of Bootstrap 2.0 , the second major version of its popular open source front-end toolkit for web developers. Bootstrap 2.0 will arrive Jan
Forget New Twitter, Check Out Old Facebook
Webdesign1997 called, your CRT is ready. The tech press is abuzz, debating the merits and failures of the new (new new?) Twitter web and mobile designs.
How to Scale Embedded Media in Responsive Designs
WebdesignA responsive movie embed working on a Sony Ericsson (photo by Anders Andersen) In order to make responsive designs successfully adapt to any screen size, you need to properly scale not just headlines and text elements, but images and other media. We’ve already covered a number of solutions for images , but what about other elements like video?
Using Sass to Help Internet Explorer Handle ‘Mobile-First’ Designs
WebdesignIf you’ve embraced a mobile-first approach to responsive design , you’re probably building your CSS in layers. One common method is to start with a base layer of CSS that applies to all screen sizes — like font definitions, colors, etc — and then using CSS 3 @media queries to add in floats and the like for larger screens.
New Google Bar Hides Navigation, Showcases Google+
WebdesignThe new Google bar: minus the links, plus the + Google is rolling out an updated look for the “Google bar” that runs along the top of your screen on all of the company’s various web services. As with most Google interface changes this one seems to be rolling out incrementally. If you’d like to see it for yourself right now, the Google Operating System blog has instructions on how you can edit your browser’s Google cookie and trigger the revamped design.
Make Your Most Important Images Stay that Way With Responsive Images
WebdesignDeveloper Dave Rupert helps you keep your cats properly scaled If you’ve spent any time at all playing with responsive images (or adaptive images ) you’ve probably noticed something about small screens — portrait-oriented images take on a much greater importance. The simple fact is that on the vertically-oriented small screen, taller images are larger and, thus, assume a greater importance
Thinking with Type: Brush Up Your Typography Skills
WebdesignThe power and potential impact of typography on the web has grown by leaps and bounds with the advent of widespread browser support for @font-face and font hosting services like Adobe’s Typekit . Of course with new tools come new problems. Many web developers don’t know much about fonts and typography.
Adobe Acquires Typekit Web-Font Service
WebdesignAdobe has acquired web font service Typekit. Typekit helped pioneer the use of fancy fonts on the web thanks to its easy-to-use service which takes care of licensing, font loading and cross-browser support. Today all a designer needs to do to add typefaces in their page is drop in a couple lines of Typekit code.