web2.0

Web 2.0 describes World Wide Web sites that use technology beyond the static pages of earlier Web sites. read more at WikiPedia

  • I am normally using 3D Box maker Pro 2, but I came across this one (thanks Google) Even if it does not have all the features of a paid version, is more than enough to make your software look more professional

    I've done the box in the previous article in no time with this tool. Enjoy

  • Let's have a look at what some smart guys are developing using Google Maps...

    Google Maps is Google's latest product offering which provides a super cool mapping application for US street maps, driving directions, and local search.

    And the list go on....

    • Chating rooms: This example demonstrates bi-directional messaging between heterogeneous (Flash and AJAX) clients and WebORB Message Server. The server performs additional processing to geolocate chat users, injects necessary information in messages so users can plotted on the map.
    • Weather Bond: Weather Bonk lets you view real time weather information on a map. This can provide some very interesting information, particularly in areas with microclimates, such as San Francisco.
      The Interface do not only look great, but informations displayed as layer are really fantastics since it use also many sources: national weather services. Weather Underground, Weather Bug, Citizen Weather Observer Program, and National Weather Service. look at the About.

    It is as default displaying You the weather of Your  location (geo ip localization)
  • browsershots.org.logo

    Browsershots makes screenshots of your Web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your Web address, it will added to a job queue. A number of distributed computers will open your Web site in their browser. Then they will make screenshots and upload them to the central server!

    waltercedric.com.browsershots

    Useful if you wan to check your website compatibility (first try to validate CSS and XHTML)

    They support a huge number of internet browser:

    Linux Windows MacOS FreeBSD

    Dillo 0.8
    Dillo 2.0
    Epiphany 2.22
    Firefox 1.0
    Firefox 1.5
    Firefox 2.0
    Firefox 3.0
    Firefox 3.1
    Flock 1.1
    Flock 1.2
    Flock 2.0
    Galeon 2.0
    Iceape 1.0
    Iceape 1.1
    Iceweasel 2.0
    Iceweasel 3.0
    Kazehakase 0.5
    Konqueror 3.5
    Konqueror 4.2
    Minefield 3.2
    Minefield 3.6
    Navigator 9.0
    Opera 10.0
    Opera 9.50
    Opera 9.63
    Opera 9.64
    SeaMonkey 1.1
    SeaMonkey 2.0
    Shiretoko 3.1
    Shiretoko 3.5

    Avant 11.7
    Chrome 0.2
    Chrome 0.3
    Chrome 0.4
    Chrome 1.0
    Chrome 2.0
    Firefox 0.8
    Firefox 0.9
    Firefox 1.0
    Firefox 1.5
    Firefox 2.0
    Firefox 3.0
    Firefox 3.1
    Flock 1.2
    Flock 2.0
    K-Meleon 1.1
    K-Meleon 1.5
    Minefield 3.2
    Minefield 3.6
    MSIE 4.0
    MSIE 5.0
    MSIE 5.5
    MSIE 6.0
    MSIE 7.0
    MSIE 8.0
    Navigator 8.1
    Navigator 9.0
    Opera 0.27
    Opera 10.0
    Opera 7.0
    Opera 7.11
    Opera 7.54
    Opera 8.0
    Opera 8.53
    Opera 8.54
    Opera 9.25
    Opera 9.26
    Opera 9.27
    Opera 9.50
    Opera 9.51
    Opera 9.52
    Opera 9.60
    Opera 9.61
    Opera 9.62
    Opera 9.63
    Opera 9.64
    Safari 3.0
    Safari 3.2
    Safari 4.0
    SeaMonkey 1.1
    SeaMonkey 2.0
    Shiretoko 3.1
    Shiretoko 3.5

    Firefox 3.0
    Safari 3.1
    Safari 3.2

    Dillo 2.0
    Firefox 2.0
    Galeon 2.0
    Kazehakase 0.5
    SeaMonkey 1.1

    Visit http://browsershots.org/

  • css.sprite.generator

    Here is an useful tool for improving performance of your website: The CSS sprite generator takes a number of source images and combines them into a single "sprite" image and supplies CSS to map to each image within the sprite. The technique this tool employs is often used to improve the performance of a web site by reducing the number of HTTP requests that the client's browser needs to make.

    CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coordinates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.

    This technique can be very effective for improving site performance, particularly in situations where many small images, such as menu icons, are used. The Yahoo! home page, for example, employs the technique for exactly this.

    I’ve installed a copy of this tool at:

    http://css-sprite-generator.waltercedric.com

    And took time to:

    1. Improve the overall internal security of the tools, by using some technique of Joomla! framework, so most type of attacks (XSS, parameter tampering, path browsing, avoid direct execution of files) should be eliminated,
    2. The tool now extract the ZIP file without being forced to use the dangerous shell_exec php command (I switch it off on my host anyway), the tool support&160; if they are available in that order: ZipArchive(), zip_open() and shell_exec()
    3. Make the code a bit more portable (avoiding .. inclusion for files, use DIRECTORY_SEPARATOR)

    And I did audit the code using Acunetix Web security Scanner, the result can be seen below:

    css.sprite.generator.acunetix&160;

    The source code for CSS Sprite Generator is available for download and is covered by a BSD license. Want to run a local copy, get the source code at https://launchpad.net/css-sprite-generator

    My version will be available soon, link to appear later this week.

    Note about PHP and Zip support

    To install zip PECL package run the following as root:

    # pear installhttp://pecl.php.net/get/zip

    and create a new file at

    # vi /etc/php5/conf.d/zip.ini

    with following content

    extension=zip.so

    Restart apache

  • A typographic news explorer by Brendan Dawes

    DoodleBuzz is a new way to read the news through an experimental interface that allows you to create typographic maps of current news stories.

    "Over a period of two weeks (though in reality about 40 hours ot total time)DoodleBuzz was developed in Flash using Actionscript 3 with a little bit of PHP - which is needed to create a proxy between Flash andDayLife."

    Here are the output with "Google" as Search query, along a simple line

    Doodlebuzz

    Use space bar to get an overview of the graph, arrow keys to move graph around

    Open DoodleBuzz

  • cedricwalter.toolbar.for.firefox

    I’ve created my own toolbar for Firefox, IE and Safari. I design it for having the less annoying ads, blinking stuff, that’s why I (still) consider it being an added value for all my visitors. I am the first to not like cluttered toolbar, but this company conduit.com is offering a great and easy to use product for webmasters. If you look at the toolbar, you will see that I offer: quick links, RSS feeds, Twitter, email (POP) and weather not more. They are able to offer 6420 inline toolbar components, crazy!

    Download my toolbar now from

    http://cedricwaltercommunity.ourtoolbar.com/

  • If you want to have more info about your favorite open source project, it can be firefox, gimp, joomla!, Linux (324 projects!). OpenOffice...
    If youre maintaining a project, You can sign there for a free account, and let OhLoh connect to your source control server and provide some insight about your project.
    OhLoh was founded by the former Microsoft managers Jason Allen and Scott Collison in 2004 and joined by the developer Robin Luckey. The Codebase History informs about the activity inside the projects.

    Linux Kernel 2.6.19
    Over the history of the project, 2390 developers have contributed code. However, only 1673 have done so in the last year.
    Estimated project costs:
    Codebase 5,133,027 LOC
    Effort (est.) 1574 Person Years
    Avg. Salary $/year
    Total $86,550,897

    Some of the most popular projects (more than 3700 projects available):
    MediaWiki
    phpBB
    WordPress
    osCommerce
    Coppermine Photo Gallery
    Firefox
    XOOPS Dynamic Web CMS
    Joomla!


    Visit  OhLoh now
  • Microsoft should worry, the  new wave of Web 2.0 tools show a lot of promises...

    Either Microsoft propose some on line/off line free alternative to their flagship office tools or they may even simply disappear in the long term.

    You want to create many types of diagrams such as Flowcharts, UI wire frames, Floor plans, Network diagrams, UML diagrams, or any other simple drawing or diagram. But as a home/occasional user are not ready to pay the outrageous price of $400 (Visio 2007 standard ) to $800 (Visio 2007 Ultimate)


    Gliffy



    • Diagramming in your web browser without downloading additional software
    • Desktop application feel in a web-based diagramming solution
    • Add collaborators to your work and watch it grow
    • Link to published Gliffy drawings from your blog or wiki
    Cumulate Draw

    Cumulate Draw is an Open Source drawing application. You can either use it online (on an ad supported basis),

     
  • With Mindmapping you can
    • Keep track of projects, including subtasks, state of subtasks and time recording, moving items as they evolve.
    • Project workplace, including links to necessary files, executables, source of information and of course information
    • Keeping a collection of small or middle sized notes with links on some area which expands as needed. Such a collection of notes is sometimes called knowledge base.
    • Essay writing and brainstorming, using colors to show which essays are open, completed, not yet started...
    • Wikipedia as an extensive article available here http://en.wikipedia.org/wiki/Mind_map

    FreeMind
    • FreeMind is a premier free open-source mind-mapping software written in Java.
    • Applet viewer available for reading MAP online
    MindMeister
    MindMeistersupports all the standard features of a classic mind mapping tool -

    • Only online, 
    • Collaborative: with as many simultaneous users as you like!
    • Create, share, import, export and collaborate on mind maps.
     
  • google.buzz.look

     

    cedric.walter.small I am on Google Buzz, here is my Public feed:

    http://buzz.googleapis.com/feeds/cedric.walter/public/posted

    My public profile being at

    http://www.google.com/profiles/cedric.walter

    Buzz is a new way to share updates, photos, videos and more, and start conversations about the things you find interesting.

    • Share updates, photos, videos, and more.
    • Start conversations about the things you find interesting.
    • You're already following the people you
    • email and chat with the most in Gmail.
    • Follow your friends and get recommended
    • buzz from others — all within Gmail.
    • Comments appear right in your inbox so it's
    • easy to keep the conversation going.
  • joomla_cms

    Here is my Google Buzz module for Joomla! based on Google Buzz ER GNU/GPL code of Ivan Lazarevic. Note that I did convert it into a Joomla! module in less than 15 minutes!

    google.buzz.joomla.module

    • Native module for Joomla! 1.5
    • Use latest PHP5
    • Caching
    • CSS layout and style
    • Dead simple code that use www.simplePie.org RSS parser

    Links

    ENJOY

  • Thanks to https://github.com/drichard/mindmaps you can host your own copy of Mind Map like I did at

    http://mindmap.waltercedric.com/index.html

    image

    Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

    and npm is the package manager for the Node JavaScript platform.&160; It puts modules in place so that node can find them, and manages dependency
    conflicts intelligently. It is extremely configurable to support a wide variety of use cases. Most commonly, it is used to publish, discover, install, and develop node programs. (https://npmjs.org/)

  • JavaRSS.com is a portfolio of websites rich in Java News, Java Articles and Java Blogs. Java developers, Java Architects and Java Managers can read daily news, articles and blogs through the convenience of your favorite browser.
  • This game has been rewrite in javascript and is more than playable. Enjoy going back to the root like me: I  use to play lemmings on a 486DX 50Mhz  15 Years Ago...

    Lemmings™ is an intriguing game in which you help hordes of otherwise-mindless creatures - knows as walkers - escape hostile environments.
  •  

     

    More Canon EOS 7D review are online, will keep updating this articles in the next few weeks

     

     

     

     

     

    The Canon EOS 7D was announced by Canon at the end of August 2009. It is a brand new camera filling a gap in the Canon DSLR lineup that has no predecessor before. Canon has made APS-C sensors DSLR for as long as any other camera makers and although they have done well in the past with their previous top of the line APS-C DSLR like the 50D, they did not have any “pro” class APS-C DSLR that directly answered to competition from Nikon D300 and the recently released D300s. By Roland Lim

    In early October we were lucky enough to test the soon-to-be released Canon EOS-7D. Samantha, a Nikon user, was interested in testing the camera, as a possible replacement for her aging D200. Samantha had hit a wall with her Nikon D200, finding the files lacked the detail she wanted for her intimate landscape photography.  By Darwin Wiggett and Samantha Chrysanthou

    Other Canon EOS 7D review

  • Another individual which has developped a solution to a common problem using Google Maps....

    You are searching a house/flat for rent?, for sale?, rooms? or sublets? Do it faster and look at the satellite imagery using Housingmaps. Only USA supported of course, but who knows how long it will take since someone decide to translate it for Europe?

  • google_logospeedapache_logo

    mod_pagespeed is the latest addition to our family of products, performing on-the-fly optimization in the Apache™ 2 HTTP Server. It provides webmasters and web developers that manage their Apache 2 configuration with technology that applies Page Speed performance best practices automatically. Webmasters can get the benefits of the optimizations without having to manually going back and fixing the performance issues that Page Speed detects.

    This solution is valid if you do not want to carefully optimize your site, and it come for now at huge initial CPU costs till the cache is filled up. The load on my server has proven to be unacceptable (for me) and I was forced to switch it off. But it may work on your server depending on the page size, number of visitors. Authors are working hard and communicating a lot on the official mailing list to reduce that load and improve the code in the coming weeks

    If you trust me, you can download the library module libmod_pagespeed.so for Apache 2.2

    from http://drivers.waltercedric.com/

    Check before installing the MD5 keys of this file

    # md5sum -b mod_pagespeed.so
    187995e3623a222ec5b54c331ee7ffaa *mod_pagespeed.so

    If it matches, drop it into your Apache library folder /usr/lib64/apache2/

    Build Apache module mod_pagespeed yourself

    On my OpenSuSE system, I was forced to install first

    zypper in gcc-c++

    Then read  http://code.google.com/p/modpagespeed/wiki/HowToBuild

    you should get after a successful build

    • ./out/Release/libmod_pagespeed.so
    • ./out/Release/install/common/pagespeed.conf

    Install the module library

    cp ./out/Release/libmod_pagespeed.so  /usr/lib64/apache2/mod_pagespeed.so

    Configuration

    After installing mod_pagespeed, it can be customized and configured by editing the Apache configuration file

    /etc/apache2/conf.d/pagespeed.conf

    so you can run

    # cp ./out/Release/install/common/pagespeed.conf /etc/apache2/conf.d/pagespeed.conf

    Create some directories

    # mkdir /var/mod_pagespeed/
    # mkdir /var/mod_pagespeed/cache/
    # mkdir /var/mod_pagespeed/files

    Has to be writtable by apache

    chown -R wwwrun:www /var/mod_pagespeed/

    and finally restart apache

     apache2ctl restart

    There is a lot of available settings that are all well explained in this page http://code.google.com/speed/page-speed/docs/using_mod.html

    Here is my /etc/apache2/conf.d/pagespeed.conf stripped of all comments as an example:

    LoadModule pagespeed_module /usr/lib64/apache2/mod_pagespeed.so
    
        SetOutputFilter MOD_PAGESPEED_OUTPUT_FILTER
        ModPagespeed on
    
        ModPagespeedDomain www.waltercedric.com
        ModPagespeedUrlPrefix                "http://www.waltercedric.com/mod_pagespeed/"
        ModPagespeedFileCachePath "/var/mod_pagespeed/cache/"
        ModPagespeedGeneratedFilePrefix "/var/mod_pagespeed/files/"
        ModPagespeedRewriteLevel CoreFilters
        ModPagespeedEnableFilters collapse_whitespace
        ModPagespeedEnableFilters extend_cache
        ModPagespeedEnableFilters combine_css
        ModPagespeedEnableFilters rewrite_css
        ModPagespeedEnableFilters rewrite_javascript
        ModPagespeedEnableFilters rewrite_images
        ModPagespeedEnableFilters remove_comments

    # This page lets you view statistics about the mod_pagespeed module. Order allow,deny # You may insert other "Allow from" lines to add hosts you want to # allow to look at generated statistics. Another possibility is # to comment out the "Order" and "Allow" options from the config # file, to allow any client that can reach your server to examine # statistics. This might be appropriate in an experimental setup or # if the Apache server is protected by a reverse proxy that will # filter URLs in some fashion. Allow from localhost SetHandler mod_pagespeed_statistics

    Troubleshooting

    You may be forced to remove mod_deflate

    You can disable mod_pagespeed by adding in the url  ?mod_page_speed=0

    Some mod_pagespeed filters

    Links

  • SEO

    This is an instant, free and no-registration tool to analyze the SEO performance of a URI for a given key phrase. Reports include a variety of useful information and structured recommendations to improve overall effectiveness. Try a few reports and judge for yourself. The tool aims to encourage the use of standards compliant, user-friendly and accessible code while at the same time helping website-owners to attract more visitors to their websites. Of course, no automated tool can substitute for a human analysis by an experienced search engine optimizer.

    The Reaction Engine_ a Free Online SEO Analysis Tool&160;

    Validation

    This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

    The W3C Markup Validation Service

    A lot of other validation tools are available: RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links

    Usability

    Website Optimizer, Google’s free website testing and optimization tool, allows you to increase the value of your existing websites and traffic without spending a cent. Using Website Optimizer to test and optimize site content and design, you can quickly and easily increase revenue and ROI whether you’re new to marketing or an expert.

    Website Optimizer_google_com

    userfly.com provides instantaneous web user studies by recording user visits and letting you play them back to see every mouse movement, click, and form interaction. Conducting a user study doesn’t have to be expensive or a logistic nightmare. With userfly.com you can perform simple and cheap user testing with your real users. Not free, but as low as 10$ to start a usability campaign.

    Web usability testing made easy_userfly_com&160;

    Accessibility

    WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report.

    WAVE - Web Accessibility Evaluation Tool&160;

    This is how a report look like, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page.

    WAVE report of Welcome to the Cédric Walter Home&160;

    Performance

    A free web site speed test to improve website performance. Enter a URL to calculate page size, composition, and download time. The script calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then offers advice on how to improve page load time. The script incorporates the latest best practices from Website Optimization Secrets, web page size guidelines and trends, and web site optimization techniques into its recommendations.

    Web Page Analyzer - free website optimization tool website speed test check website performance report from web site optimization' - www_websiteoptimization_com

  • I really like this project, and was quite impressed by the quality of maps!

    OpenStreetMap is an editable map of the whole world, which is being built largely from scratch using GPS traces, and released with an open content license. The OpenStreetMap License allows free (or almost free) access to our map images and all of our underlying map data, and the project aims to promote new and interesting uses of this data.

    OpenStreetMap allows you to view, edit and use geographical data in a collaborative way from anywhere on Earth.

    Check out the wiki if you want to get involved in the process.

    openstreemap.view.zurich

    View of Z&252;rich city

  • google Over 1.5 million mobile public domain books are available thanks to Google Book Search, nothing new this service is since a while freely available. What is totally new now is that they provide an optimized interface for all mobile phone (Android, IPhone)

    http://books.google.com/m

    google.book.search.android google.book.search.android.2

  • image

    The global road death toll has already reached 1.24 million per year and is on course to triple to 3.6 million per year by 2030. In the developing world, where this pandemic has hit hardest, it will become the fifth leading cause of death, leapfrogging past HIV/AIDS, malaria, tuberculosis and other familiar killers, according to the World Health Organization’s (WHO) most recent Global Burden of Disease study. This Interactive map use open source mapping technology from Mapbox.

    France

    • 6.4 deaths per 100,000 people
    • Car 56.7%
    • Motorcycle 23.9%
    • Bicycle 3.7%
    • Walking 12.2%^
    • Other: 3.6%

    Causes: Speed, Helmet, Seat Belt and Alcohol
    Source: interactive map of crash data from the Pulitzer Center

  • RSSVoyage is a Flash based RSS reader, which use the mouse wheel only, just roll wheel to see news from up to 2 days ago. If only it would be available as a Firefox plugin...

    rssvoyage&160;

    Add new RSS is done in the bottom bar (subscribe to my RSS by adding http://www.waltercedric.com/index.php?format=feed&type=rss for example :-))

  • Never miss your train (If you are living in Switzerland)

    swisstrain.ch

    This site is still in ALPHA-phase, The current view is based on the Swiss train timetable, and does
    not yet show the actual GPS-positions of the trains. But, as Swiss trains are almost always on time,
    most of the time the position is accurate. But they are adding the real time position of the trains,
    based on the delay-information on http://prosurf.sbb.ch.
    One of the coolest functions is one that is a bit hidden: click on a moving train, and click in the
    unfolding menu on the button "Follow". This will show you from a bird's eye view via satellite images,
    the moving train.

    http://www.swisstrains.ch/

  • showcase

    35589 web design screenshots online!

    Browsershots Showcase features more than 30,000 web designs for inspiration and they add 50-100 new entries every day. It's the largest and most updated web design & CSS gallery on the web.