Menu

Category Archives: Mobile Design

Web design: Fluid Typography

Excerpt of the ori­gin­al art­icle.

«Embra­cing flu­id typo­graphy might be easi­er than you think. It has wide browser sup­port, is simple to imple­ment and can be achieved without los­ing con­trol over many import­ant aspects of design. Unlike respons­ive typo­graphy, which changes only at set break­points, flu­id typo­graphy res­izes smoothly to match any device width. It is an intu­it­ive option for a web in which we have a prac­tic­ally infin­ite num­ber of screen sizes to sup­port.»

Read more on

→ smashingmagazine.com

40 Unique Mobile Navigation User Interfaces

Excerpt of the ori­gin­al art­icle.

«When it comes to design­ing an app, nav­ig­a­tion is of utmost importance.Whether it’s on a desktop or mobile device, nav­ig­a­tion has to be intu­it­ive and fun. The easi­er it is to nav­ig­ate, the more suc­cess­ful your app or web­site will be.»

Read more on

→ line25.com

Google’s Mission to Speed Up Mobile: is AMP the Future of Web Design?

Excerpt of the ori­gin­al art­icle.

«Respons­ive design is noth­ing new, with smart­phones and tab­lets hav­ing long trans­formed how users engage with the inter­net. More than just a design trend, mobile optim­iz­a­tion is cru­cial to run­ning a user-friendly web­site that keeps vis­it­ors onside no mat­ter what device they are using. Des­pite this long-estab­lished truth, optim­iz­a­tion is often con­sidered advis­able rather than imper­at­ive, with poor mobile load time con­tinu­ing to stand between many brands and their cus­tom­ers.»

Read more on

→ vandelaydesign.com

Learn more on

→ ampproject.org

AMP in 60 Seconds

Excerpt of the ori­gin­al and mpproject.org art­icle.

«For many, read­ing on the mobile web is a slow, clunky and frus­trat­ing exper­i­ence — but it doesn’t have to be that way. The Accel­er­ated Mobile Pages (AMP) Pro­ject is an open source ini­ti­at­ive that embod­ies the vis­ion that pub­lish­ers can cre­ate mobile optim­ized con­tent once and have it load instantly every­where. The AMP pro­ject is an open source ini­ti­at­ive backed by Google, with the goal of mak­ing web­sites faster. Here’s what it is, in sixty seconds!»

Read more on

→ tutsplus.com

How to Change the Color of Address Bar in Mobile Browser to Match Your WordPress

Excerpt of the ori­gin­al art­icle.

«Have you noticed that many pop­u­lar web­sites like BBC and Face­book use their own brand col­ors for the address bar in mobile browser. In this art­icle, we will show you how to change the col­or of address bar in mobile browser to match your Word­Press site.»

Read more on

→ wpbeginner.com

How to Transform Into Different Apple Devices with Just CSS3

Excerpt of the ori­gin­al art­icle.

«I have seen many pure CSS draw­ing, and crazy anim­a­tion with pure CSS3, but I nev­er get to do that myself. So, I was bored and decided to have a little fun with CSS3, so I make this — trans­form into dif­fer­ent devices, from desktop to laptop, tab­let, phone and watch with just simple HTML markup and CSS3.»

Read more on

→ queness.com

Demo on

→ queness.com

The Retina Asset Workflow You’ve Always Wanted For Photoshop

Excerpt of the ori­gin­al art­icle.

«If you’ve dreamed of the day when you could design more than one thing at once in Pho­toshop, the wait is over. You can now have mul­tiple designs right next to each oth­er. Design mobile lay­outs along­side your tab­let and desktop lay­outs. And in this art­icle, we’ll design an entire set of assets all at once.»

Read more on

→ smashingmagazine.com

100 Best Mobile App Design Collection

Excerpt of the ori­gin­al art­icle.

«With so many mobile (Android or iPhone) apps being released in such a short peri­od of time, design­ers need to really cre­ate apps that stand out. In this roundup we’re shar­ing 50 beau­ti­ful mobile app designs with excel­lent UI exper­i­ence in mind. Also at the end of the post you’ll find some more resources to fol­low top mobile app design trends.»

Read more on

→ 1stwebdesigner.com

Google Resizer Cares for Responsive Design

Excerpt of the ori­gin­al art­icle.

«Thanks to plenty of types of mobile devices, con­tem­por­ary web­sites need to be designed for dif­fer­ent res­ol­u­tions and ori­ent­a­tions. How­ever, to see how a site looks on a tab­let, smart­phone, or a stand­ard mon­it­or, it’s not neces­sary to have all devices ready at all times. Google Res­izer is a handy web tool which will eas­ily show you a web­site for many dif­fer­ent types of devices and res­ol­u­tions.»

Read more on

→ noupe.com

The Current State of Telephone Links

Excerpt of the ori­gin­al art­icle.

«Tele­phone links are a thing. Like an anchor link you tap to (prob­ably) go to anoth­er page, these are links you tap to call a num­ber on a phone-cap­able device. They’ve been around for quite some time. Yet, they cause me a lot of con­fu­sion. For example, many devices will auto­ma­gic­ally recog­nize phone num­bers and do the link­ing for us, but not always.»

Read more on

→ css-tricks.com