background preloader

Web Design

Facebook Twitter

Web Design Trends 2015: What You Can Do Now To Keep Your Website Current. In less than 3 months time, 2014 will be over. Crazy, huh? Before we all get lost in the frenzy of the holiday season, we thought now is a pretty good time to take a look at web designs trends that have emerged this year, and place predictions for the possible trends that lie ahead for 2015. This year we’ve seen many advancements in technology which have allowed web designers more versatility with their approach. We can only expect these advancements to compound in 2015, which will open up even more significant doors for businesses to present themselves in fresh and unique ways.

With that in mind, it’s wise to anticipate those opportunities so your brand can begin positioning itself to take advantage of these innovations. Responsive Web Design Responsive web design has been around for several years now. Use of Large Background Images And Videos Use of large background images and videos is a trend that emerged this year and will continue into 2015. Scrolling vs. Creative Typography. HTML5: Edition for Web Authors. This document is a strict subset of the full HTML5 specification that omits user-agent (UA) implementation details. It is targeted toward Web authors and others who are not UA implementors and who want a view of the HTML specification that focuses more precisely on details relevant to using the HTML language to create Web documents and Web applications. Because this document does not provide implementation conformance criteria, UA implementors should not rely on it, but should instead refer to the full HTML5 specification.

This document is an automated redaction of the full HTML5 specification. As such, the two documents are supposed to agree on normative matters concerning Web authors. However, if the documents disagree, this is a bug in the redaction process and the unredacted full HTML specification takes precedence. This section describes the status of this document at the time of its publication. Implementors should be aware that this specification is not stable. Showcase of Outstanding Responsive Web Designs. This showcase rounds up a collection of the most inspiring and outstanding examples of responsive web design. These websites not only look great at full scale monitor resolution, but are designed to gracefully scale according to the user’s screen size. Resize you browser, view the site on a smartphone, tablet or netbook and you’ll see the same design in a range of well presented formats.

Websites are no longer viewed only on a computer monitor. Smartphones, tablets and netbooks throw a range of resolutions and different screen sizes into the mix for designers to now worry about. Ready for some examples? Alsacréations Sasquatch Festival Earth Hour Cognition Tileables Philip Meissner Interim Ribot Visua Design Laufbild Werkstatt Sweet Hat Club iamjamoy Andrew Revitt Stijlroyal Sleepstreet Pelican Fly eend Converge SE iwantedrock Joni Korpi Jason Weaver Cohenspire Think Vitamin CalebAcuity 3200 Tigres Marco Barbosa Jeremy Madrid Lapse Ryan Merrill Media Queries Electric Pulp Tee Gallery Stephen Caver Happy Cog Hosting. Modal Windows. Creating a popup window is reasonably easy if you just want another browser window of a specified size and you don't care if your visitors swap back and forward between the various browser windows. Where it becomes difficult (if not impossible) is where you want the new window to stay in front of the original window and not allow your visitor to interact with the original window until the new window has closed.

We call a window that insists on retaining the focus like this a modal window. The difficulty is that JavaScript does not have a standard way of creating a modal popup window the way it has a standard way to create an ordinary (modeless) window by using window.open(). A number of browsers (for example Netscape 4 or any version of Opera up to and including version 9) do not allow you to make a popup window modal at all. There is simply no command that you can use that will make a window modal in those browsers. menubar=no,scrollbars=no,resizable=no ,modal=yes');} } Code Snippets. Javascript.