60 beautiful examples of websites with full-blown video backgrounds — from hongkiat.com by Nancy Young
.
From DSC:
Yes, you read that right. Video-based backgrounds — motion pictures. Another great example of the convergence that’s been happening with the TV, the telephone, and the computer.
10 developer tips to build a responsive website [infographic] — from readwrite.com by Dan Rowinski
Excerpt:
Responsive design is a concept where you build your website once and then format it so it can adapt to any screen size that accesses it. Designers use HTML5 and CSS to build the sites and set parameters so the content will resize itself whether the user is in vertical or horizontal viewing mode, on a tablet, desktop or smartphone or even a screen as large as a television.
Also see:
InDesign FX: How to create a puzzle with InDesign — from blog.lynda.com by Mike Rankin
.
.
Also see:
10 ways the role of web designer is changing — from creativebloq.comby Sush Kelly
From DSC:
In my experience, there are numerous demanding aspects to being or becoming a web designer, as you have to:
The appification of everything will transform the world’s 360 million web sites — from forbes.com by Anthony Wing Kosner
HTML 5 cheat sheet — from theultralinx.com
Adobe’s new ‘Edge’ app suite doubles down on HTML — from webmonkey.com by Scott Gilbertson
Excerpt:
Now Adobe is launching a new suite of apps for web developers working with the latest web standards.
The new Adobe Edge suite of HTML5 development tools includes Edge Animate 1.0, a tool to create HTML, CSS and JavaScript-based animations, and Edge Inspect (formerly known as Adobe Shadow), a handy tool for testing your sites on multiple devices at once. There’s also Edge Code, a fork of the Brackets code editor that’s now included in Adobe’s Creative Cloud suite.
As part of the announcement at Adobe’s Create the Web conference in San Francisco the company also showed off a demo of the still-in-development Edge Reflow, a new tool for working with responsive design layouts.
Also see:
What is responsive web design? | infographic — from theultralinx.com
Excerpt:
Many either don’t understand responsive web design or have never heard of it. Responsive web design is essentially one website which can work on many different screen sizes, instead of having one website for the desktop and one website for mobile/tablets. It looks to be the next phase in web design and it’s being adopted quite rapidly with the explosion of mobile phones and tablets.
One or two of you have asked me if I would ever make UltraLinx responsive. I’m currently not looking to do it purely because under 5% of the sites visitors are on mobiles/tablets. Most of people who read UltraLinx, read it on RSS apps such as FLUD or Flipboard. When the time comes to redesign UltraLinx, I will definitely implement responsive web design then.
.
What the heck is responsive web design? — a scrolldeck.js presentation by @johnpolacek
.
Responsive design – harnessing the power of media queries
Webmaster Level: Intermediate / Advanced
Conclusion/excerpt:
It’s worth bearing in mind that there’s no simple solution to making sites accessible on mobile devices and narrow viewports. Liquid layouts are a great starting point, but some design compromises may need to be made. Media queries are a useful way of adding polish for many devices, but remember that 25% of visits are made from those desktop browsers that do not currently support the technique and there are some performance implications. And if you have a fancy widget on your site, it might work beautifully with a mouse, but not so great on a touch device where fine control is more difficult.
The key is to test early and test often. Any time spent surfing your own sites with a smartphone or tablet will prove invaluable. When you can’t test on real devices, use the Android SDK or iOS Simulator. Ask friends and colleagues to view your sites on their devices, and watch how they interact too.
Mobile browsers are a great source of new traffic, and learning how best to support them is an exciting new area of professional development.
Addendums:
Excerpt:
A much-talked-about way to go mobile is responsive design. Some big brands are using this method, and a lot of advocates are calling it the best solution to fit to mobile. But is it really ideal?
It is certainly an option, but it’s extremely case-based and probably rather just functional than ideal. The function of responsive design is simply adjusting all content of the desktop site to any screen size possible. But ultimately, the mobile experience should be for the mobile audience, which is different than the desktop audience. The mobile consumer is usually on the go, which results in very different browsing behavior. Page views and time spent on a site and/or a page are dramatically smaller than for desktop. Responsive design does not recognize the mobile context — it just adjusts the size.
The question is: Is the mobile consumer really going to want to look at all the content your desktop version is now providing? The key to a fast and pleasant mobile experience for the mobile audience is a clear, good-looking and simple design with features that are most important to the user.
HTML5 website showcase: 48 potential Flash-killing demos — from hongkiat.com by Alvaris Falcon; with special thanks going out to Leonard De Rooy, Professor and Chair of Engineering Dept. at Calvin College for this resource/find
Excerpt:
So you’ve heard all rumors about HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wandering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash.
That’s why this post exists, we’re not going to talk about what HTML5 can do, but show live demos of magical things that HTML5 can achieve with other language like JavaScript, so get ready to be inspired.
Note: As HTML5 is not fully supported by certain web browser like Internet Explorer, you’re strongly recommended to use Firefox browser to view all HTML5 demos below.
Also Len mentioned another interesting item:
Plasma First: Apple TV, SmartGlass and the New World of Multi-Screen Cloud Content –– from forbes.com by Anthony Wing Kosner
Excerpt:
The future for web developers is big. 50 inch plasma screen big. After an intensive cycle of trying to figure out how to take desktop websites and make them look and work great on mobile devices (often by starting from scratch) the pendulum is swinging to the other end of the multi-screen spectrum—the family TV, the conference room monitor, the classroom SmartBoard.
Also see:
Google Chrome overtakes Internet Explorer as the Web’s most used browser — from thenextweb.com by Jon Russell
Excerpt:
Google Chrome has been long expected to leapfrog Microsoft’s Internet Explorer (IE) to take its position as the Web’s most used browser and, according to data from Statcounter, the momentous change of leadership happened last week. The firm’s latest figures — spotted by Global Nerdy blogger Joey deVilla – show that Chrome’s line of usage creeped to overtake IE’s for the first week ever, with Firefox, Safari and Opera completing the top five respectively.
Browser choice: A thing of the past? — from cnet.com by Stephen Shankland
Devices using iOS and the future Windows RT hobble third-party browsers. Despite some good reasons for doing so, the change could undermine browser competition.
Screen resolution & browser trends [infographic] — from theultralinx.com by Oliur Rahman
