Expanding Search Bar Deconstructed | Codrops A tutorial on how to create a mobile-friendly and responsive expanding search bar. VIEW DEMO DOWNLOAD SOURCE
Tag: mobile
Categories
Screensiz.es
Screensiz.es Screensiz.es helps you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from Wikipedia, and for a better understanding of Pixel Density. The “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzzy math.
The State Of Responsive Web Design | Smashing Mobile Responsive Web design has been around for some years now, and it was a hot topic in 2012. Many well-known people such as Brad Frost and Luke Wroblewski have a lot of experience with it and have helped us make huge improvements in the field. Butthere’s […]
Responsive Retina-Ready Menu | Codrops A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. VIEW DEMO DOWNLOAD SOURCE Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on […]
App Showcase with Grid Overlay | Codrops A tutorial about creating a simple grid overlay with subtle transitions for an app showcase. VIEW DEMO DOWNLOAD SOURCE Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking […]
The Responsive Web Design War Strategy It seems like everyone is hailing Responsive Web Design (RWD) as the savior for the mobile site development in 2013. That’s reasonable too, since RWD is currently the only sounding approach that deals with any device resolution universally and effectively. It tries to unite this chaotic browser-based universe littered by the […]
Designing A Better Mobile Checkout Process | Smashing UX Design A record number of shoppers are turning to their smartphones to research potential purchases. Meanwhile, the bigger question — are those same users willing to complete the purchases on their mobile device? — is quickly being answered. The US, for example, saw an81% spike in mobile e-commerce (m-commerce) sales in […]
How to Adapt Your Site to Different Window Sizes | Web Resources | WebAppers Modern browsers like Internet Explorer 10 support the width and height properties of the W3C Working Draft CSS Device Adaptation. This gives Web developers a simple tool to control automatic content scaling across various window dimensions. In particular, it enables sites to easily adapt […]
Mobile Design Typography is Vitally Important … and Challenging | Codrops One of the emerging challenges for web designers is creating web typography that works in the mobile environment as well. But it can be difficult, and there are many things to consider. The keys are to focus on readability, contrast, space and responsiveness. Typography […]
How to Detect Mobile Devices using CSS3? – Professional Joomla 2.5 Templates and WordPress Themes, WordPress Templates and Joomla Themes, Joomla Design Shop, Modules and Free Extension If you have a mobile version of your website (also based on Joomla!) and it isn’t responsive/adaptive you may want to provide a note to the users if […]