Group items tagged

This is the first chapter from our new monthly 'What's new in web design' series. We will include new web apps, JavaScript and jQuery tools, CSS Frameworks and whatever else we think would be good and helpful for you as a web designer or developer. Most of the resources are free or at very low cost, and in the end you will benefit from the latest web tools.

For designers, the most difficult and interesting aspect of responsive web design has been the flexible nature of it. We've constantly in the process of trading in our tenacity for pixel perfection and embracing the web for what it really is; fluid. Today we'll cover some steps to help you transition towards flexible web design, or as I like to call it, 'Getting' Flexy'.

As stated by Mashable, "2013 is the year of Responsive Web Design." A responsive web design uses relative sizing units like percentages or em's, rather than absolute units like pixels or points. One website layout sizes automatically across different device and computer screens.

Emscripten is an LLVM to JavaScript compiler. It takes LLVM bitcode (which can be generated from C/C++ using Clang, or any other language that can be converted into LLVM bitcode) and compiles that into JavaScript, which can be run on the web (or anywhere else JavaScript can run). Using Emscripten, you can - Compile C and C++ code into JavaScript and run that on the web - Run code in languages like Python as well, by compiling CPython from C to JavaScript and interpreting code in that on the web

Do you use any tools to test your web projects? If not here is why you should start doing so. Below are listed only a few stats and reasons for that: if your website is not responsive and not optimized for mobile your bounce rate on such device will be extremely high. 40 percent of visitors will go to a competitor's site after a bad mobile experience (Source: Compuware, 2012). Users don't want to wait for content to load for more than 2 seconds. 40% will abandon a web page if it takes more than three seconds to load. (Source: Akamai). 88% of online consumers are less likely to return to a site after a bad experience (Source: Equation Research).

Do you use any tools to test your web projects? If not here is why you should start doing so. Below are listed only a few stats and reasons for that: if your website is not responsive and not optimized for mobile your bounce rate on such device will be extremely high. 40 percent of visitors will go to a competitor's site after a bad mobile experience (Source: Compuware, 2012). users don't want to wait for content to load for more than 2 seconds. 40% will abandon a web page if it takes more than three seconds to load. (Source: Akamai). 88% of online consumers are less likely to return to a site after a bad experience (Source: Equation Research).

Six Revisions is a website that publishes practical and useful articles for designers and web developers. We seek to present exceptional, noteworthy tips, tutorials, and resources that the modern web professional will appreciate.

As browser capabilities continue to grow the websites that we are building are getting ever more complex. Fancy JavaScript UIs are great for showing off the latest technologies but they can cause a real problem for assistive technologies like screen readers. Unfortunately accessibility is one of those topics that often gets overlooked by a lot of developers. This makes me a little sad. If we want the web to remain a place that can be enjoyed by everyone, we need to be considering our users at both ends of the spectrum. In this article my aim is to show you just how easy it is to make your websites accessible.

This article is part of our "Web Responsive Design series" - consisting of tools, resources and tutorials to help you create websites for users of all platforms.

This article is part of our "Web Responsive Design series" - consisting of tools, resources and tutorials to help you create websites for users of all platforms.

Web developers resource center. Javascript, PHP, HTML, CSS, ASP.NET, HTML5, news, tutorials, code examples and snippets, articles and more.

"What can I do to become a developer?" The question has puzzled many and often yields a list of books (that no one other than the poster has/will read), list of websites (that are WAY too advanced), and a battle over languages and definitions. Very pointless. I'll relay to you my journey and what I've learned.

Web Designer gets a specially selected band of industry experts to hand-pick the tools they use to create pages and sites

"The WAI-ARIA specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications."

First and most important is to build your knowledge and information-gathering from the official sites that reflect their namesakes.

Grid Layout contains features targeted at web application authors. The Grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application, or defining the relationship in terms of size, position, and layer between parts of a control built from HTML primitives.

Grid Layout contains features targeted at web application authors. The Grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application, or defining the relationship in terms of size, position, and layer between parts of a control built from HTML primitives.

How to write a great web link

The 960 Grid systems are the way to develop a faster websites. At the mean time, developing websites should support mobile browsers while mobile usage is increasing. So, supporting all screen sizes called: Responsive web.

Create a page like normal, then use a JS library to read the fully qualified data from the page into json variables for use in the JS application. Crawl-able, accessible content. http://foolip.org/microdatajs/live/ http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html#json https://gitorious.org/microdatajs/ http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html#microdata-dom-api

The web is a rapidly evolving universe. An important part of our job as front-end developers is keeping up to date and staying close to new tools, trends and workflows. Hundreds of blog posts and articles are published every day, but there is no way you can read all of them. We think you should have a strategy to keep up to date, so we have created this recipe.

How will "What You See is What You Get" work when what you get, changes depending on how you choose to see it? Three years ago, the concept of responsive layout was simply an exciting new design option. Now into the mainstream, it's throwing up more than a few problems for us web developers. With mobile and tablet usage on the rise, and the likes of Microsoft and Guardian redesigning their sites to reach this growing market, it's not surprising that responsive design is now a high priority for clients.

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.