6 from the 15th week: better Javascript, Responsive Webdesign, SCSS generator, Places & Networks

As every week I collect here the best resources I have bookmarked during the last week.

Javascript, Responsive Webdesign & CSS to SASS

  • Tim Kadlec writes in Media Query & Asset Downloading Results about his research results how images are downloaded when media queries are involved. This may important if you use media queries to provide responsive websites and web application, it simply doesn’t make any sense to fetch images that won’t be show in some devices.
  • Addy Osmani collected the sources of his talk Scalable JavaScript Design Patterns, a brief overview, his slides, examples and audience questions. It’s about writing Javascript, decoupled, module managed, task secure and framework agnostic. An interesting read and important for all frontend developers.
  • JSHint is a tool that helps you to write better Javascript, it detects errors and potential problems in your code and it supports to enforce coding conventions. JSHint is a fork of JSLint, the tool written and maintained by Douglas Crockford. It has integrations in various plattforms and systems.
  • Less and SASS/SCSS are well know CSS pre-processors. Least is a tool that helps you to transform old-fashioned CSS files into Less/SASS syntax. Unfortunately the tool is “only” a webservice, not a local script that could be inserted in your direct working process (e.g. merging CSS changes back to your CSS).

Places and Distributed Networks

  • openMarkers describes itself as a free and community-based Google Place for travelers. You can add/search accommodations, pubs, restaurant and more, rated on prices and by other travelers. The best ten results will show up on a map. It’s great that “all places are licensed under Creative Commons BY-SA 3.0 and the code are licensed under GPL3.” It integrates with Diaspora, too.
  • I found a list of Distributed Social Network projects on Wikipedia, so maybe you check them out to get your freedom back, it is always good to be vendor independent :) I will evaluate this list later in a special post. Check back regularly, or maybe subscribe to my RSS feed.

6 from the 13th week: Web Accessibilty, Consumption, SASS/SCSS, Semantic Web statistics, WebID & Fake services

  • Web Accessibility Best Practices: Doesn’t matter if you are a beginner or a pro in the webdev area, this list is a good help and eye opener if you want to make your web projects accessible to everyone. Guys, this is important!
  • Nie wieder Fleisch?: This not directly related to webdev but our consumption and eating behaviour is related to our life and the the lives of all humans and animals. This documentary was shown on Arte TV, now you can watch it for a few days on their website. It’s about meat consumption and worldwide problems related to it. The movie is dubbed in french and german.
  • A Standard Module Definition for Sass: a very short tutorial on developing own SASS/SCSS modules, nonetheless it is a good introduction.
  • Web Data Commons: More and more websites have started to embed structured data describing products, people, organizations, places, events into their HTML pages. The Web Data Commons project extracts this data from several billion web pages and provides the extracted data for download. Web Data Commons thus enables you to use the data without needing to crawl the Web yourself. If you don’t want to dig into the data you simply can enjoy the statistics.
  • WebID – A Guide For The Clueless: Sebastian Trüg wrote a nice introduction and tutorial on WebID, another identity provider and authentication method that is based on a certificate in your browser and a relation to the responding public key in a public profile of you. You can get a WebID really fast without deep technical knowledge.
  • April Fools Days services and startups: I do not actively participate on April Fools Day anymore but I always like all the crazy ideas for fake startups and joke web services released this days like Google Voice for Pets, or - my favorite - the 8-bit version of Google Maps. Just check the April 1st edition of The Museum of Modern Betas (MoMB) (sorry, there seems not to be a direct link to the 4/1/2012 archive). Any other funny ideas out there?

(Source: delicious.com)