Archive for the 'technology' Category

Mar

21

Safari, IE8 and Firefox zero-day vulnerability

Posted by admin under internet, technology, web2.0 - No Comments

Time the United States March 18, from Tipping Point launched the Third Competition Pwn2Own began hacking technology. During the first day of competition, the contestants need to try to break through there is a complete patch hit the mainstream browsers (IE8, Firefox, Chrome, Safari) as well as severe restrictions on the smart mobile phone (Blackberry, Android, iPhone, Nokia / Symbian, Windows Mobile) . As a three-day awards competition, Zero Day Initiative will provide a browser vulnerability discoverer 5000 U.S. dollars and donated the use of computers, and intelligence found that the vulnerability of the mobile phone will be 10,000 U.S. dollars plus incentives smart break by one year the right to use the mobile phone .

Pwn2Own at the first day of competition, the smart cell phone security has stood the test, while mainstream browsers are not so lucky, the two winners were Charlie Miller and Nils break the Safari (twice), IE8 and Firefox .

Last year’s winners, one of Charlie Miller at the first day of competition in the browser attack, just two minutes when once again break through Mac OS X’s Safari browser.

Another participant Nils, while at the platform Windows7 goods IE8 successfully broke through the security protection, including protection of the use of Microsoft’s latest technology-DEP (Data Execution Prevention, Data Execution Prevention) and ASLR (Address Space Layout Randomization, Address space layout randomization), this act so that the safety of IE8 again aroused widespread public concern, Nils finally won the latest Sony Vaio notebooks and 5000 U.S. dollars in prize money.

However the first two surprises are good only just begun. Not long after, Nils again allow participants Pwn2Own boiling, he used Safari a vulnerability mapping tool, Express win Apple Safari browser and access to 5000 U.S. dollars at the incentives and white apple. At the success of a breakthrough after two mainstream browsers, Nils moves FireFox browser will fall under the cut. It is the second day of competition at Pwn2Own Medium, Nils will challenge Google Chrome, and is likely to become four of the latest mainstream browsers 0day founders.

Mar

11

Optimize Image with Smush.it

Posted by admin under internet, technology, web2.0 - No Comments

Good quality image with optimized size will do not only save your bandwidth but also speed up your site loading time. Smush.it is very useful when you want optimize your images without reducing the quality, for your web site. The service allows you to upload image files directly from your machine or given urls. You can also install Smush.it Firefox extension as well.

Mar

5

Drupal SEO

Posted by admin under internet, seo, technology - No Comments
The following is a list of steps for a Drupal site to optimize it for SEO.

1. Enable clean urls: Enabling clean urls gets rid of the ?q= in every URL. This only works on apache web servers. This can be done on the Site Administration > Site Configuration > Clean URLs page.
2. Fix .htaccess: Drupal has some canonicalization issues, where it creates two links per node, one that ends with a slash and one that doesn’t. This will gracefully redirect duplicate URLs. Add the following lines to the .htaccess file:
#get rid of trailing slashes
RewriteCond %{HTTP_HOST} ^(www.)?mywebsite\.com$ [NC]
RewriteRule ^(.+)/$ http://%{HTTP_HOST}/$1 [R=301,L]
3. Modify robots.txt: Modify this file to prevent the spiders from going after the non friendly URLs. Add the following to the robots.txt file:
Disallow: /node/
4. Install SEO Modules: These include pathauto, globalredirect, robotstxt, xmlssitemap, metatags, and pagetitle modules. These modules are described below.
5. Modify the Template: Use
appropriately: as a page title. Use only one
tag per page. Put site name in div tag, not a header tag. This formats the HTML in a way that facilitates how a spider might index the site.
6. Send RSS Feed Through Feedburner: Then have Feedburner ping Google blog search. This should help get more references to the site.

The following is a list of modules for Drupal that help with SEO.

* Global Redirect: Drupal creates duplicate URLs for content (www.mysite.com/node and www.mysite.com/node/). Duplicate URLs naturally dilute the rankings/indexing of pages. Also, search engines are hostile to this technique. This module creates a 301 redirect to eliminate duplicate URLs. This module is optional if changes the the .htaccess file are made manually.
* Metatags (aka Node Words): Creates meta tags for descriptions and keywords for the node.
* Page Title: By default, Drupal makes the page title identical to the node title. This module allows customization of the page title for the node.
* Path Auto: This modules creates a human friendly, semantic URL for the node.
* Robotstxt: This module manages the contents of the robot.txt file to filter out the content properly (remove the node/1 urls). This module is optional if changes the the robots.txt file are made manually.
* XML Site Map: This module generates and maintains a sitemap of the site for the search engines to use. The usefulness of XML site maps is in question. Some people argue that this is not helpful for SEO. All it does is help the search engines index pages, it does nothing to help page ranking. However, before a page can even begin to be page ranked it must be indexed. If this module facilitates page indexing then it is useful for getting the ball rolling on page ranking.

References for this article.

Mar

3

Add Watermark to your photos or images

Posted by admin under internet, technology, web2.0 - No Comments

If you want to add watermark to your photos when you’re blogging from internet cafe or the machine that doesn’t have Photoshop or photo software, Picmarkr is best choice for you. Picmarkr is an online tool allow you to add watermark text and image with just few clicks. You can choose photos from your computer as well as your Flickr, Facebook and Picasa account.

After your photos uploaded, you can insert your custom watermark text or image and choose the position and text style that you want to display.

Finally, it will give you download images links that have watermark which you set in Picmarkr.

Feb

23

33 New Design Blogs with Great Content & Resources

Posted by admin under internet, resource, technology - No Comments

Everyone loves finding new sites with great content, so I’ve made it a little easier. Here is a collection of new websites and blogs with quality content. I’ve chosen these blogs based on the quality of their posts & resources and not the design. At the bottom there is all of the RSS feeds, so you can keep yourself updated with all of the sites featured.

1. Design Shard

newblogs_1

From what I can see, this site only went live on July 25th, and it’s already had some popular content. I suggest you check out the 300+ Free Hi-Res Grunge Textures, as it’s my favourite at the moment.

2. My Ink Blog

My Ink Blog | New Design Blogs

A very well organized and well focused blog with some brilliant tutorials, links, resources and articles. So far there has been a lot of great posts, and I don’t see any signs of this changing. I was really impressed with the tutorial on Designing with Swirls & Flourishes, really top notch tutorial.

3. PSD Fan

PSD Fan | New Design Blogs

Quickly becoming one of my favourite tutorial sites. The site offers not only tutorials, but resources, which are both of very high quality. Looking at the amount of content it’s hard to remember that it’s only 2 months old. My top pick: Design a Unique Grungy Website Layout, a tutorial on a whole new level of great!

4. Kreativeuse

Kreativeuse | New Design Blogs

This site is probably the most useful in terms of keeping up to date. It’s sort of beginning to replace my RSS feeds, I now always check this site first as it’s always got regularly updated web/graphic design news. Launched on the 5th of July it’s quickly become one of my favourite places to browse, and our Icon set was their first ever post. Highly recommended!

5. ShareBrain

Sharebrain | New Design Blogs

Another regularly updated blog, which is brilliant! Especially when you consider how good the content is, I particularly enjoy their interviews. The ones with Jon Phillips & Steven Snell were my favourites. Keep your eye on this blog for sure.

6. Design Blurb

Design Blurb | New Design Blogs

This site was recommended to me by Andrew Houle and after browsing through the content I was impressed. And they even have their own collection of “New Design Blogs,” which was a bit of a bummer as I thought I was onto something which I hadn’t seen before. Anyway, great blog & content, check it out.

7. HongKiat

HongKiat | New Design Blogs

Now I know for a fact this one is not new, but it’s new to me, so I felt it deserved a feature. It is a brilliant site bringing you the best Tech Design & Blogging related content which I’m very new to. The thing I like most on this site is the wide range of content topics, there’s always something new and different. I really love their 50+ Nice Clean CSS Tab-Based Navigation Scripts – Be sure to have a look.

8. Graphic Design Blog

Graphic Design Blog | New Design Blogs

There’s a good number of posts on this blog, and I like each and every one of them. I’m looking forward to seeing more!

9. Observin

Observin | New Design Blogs

I couldn’t include this one for the design alone (as much as I wanted to), fortunately the blog posts & resources that I’ve seen so far made me want to include it for another reason, the content. To see what I mean just have a gander at the free Old News Theme. I predict great things for this blog, its one of my favourites at the moment.

10. Digital Artists Toolbox

Digital Artist Toolbox | New Design Blogs

I stumbled upon this website through the brilliant 41 Amazing Tilt-shift miniature faking photographs post and I’ve been checking back ever since. A wide range of content topics, from resources and freebies, to interviews and amazing collections. One to watch for sure.

11. DesignO’Blog

Design\'o\'Blog | New Design Blogs

Niki runs a blog which again has a wide variety of content, although being focused around design and the internet I love blogs like this, she clearly has a great eye for interesting stuff and a good sense of humour, also offers some very useful content. Great blog to follow.

12. Brush King

Brush King | New Design Blogs

I’ve always gone for Quality over anything else, which is why I’m really liking Brush King. The collection of Photoshop brushes they’ve got at the moment are truly impressive, it’s clearly being run by someone who can spot quality brushes. My top pick, Flowers First.

13. Script & Style

Script & Style | New Design Blogs

This new website put together by Chris Coyier which aims to bring you the best user submitted community news. So far so good, I’ve read a lot of interesting stuff which I found via the site. So be sure to give it a good old rummage though.

14. Dev Snippets

Dev Snippets | New Design Blogs

I love it when sites like this come along, I’m not really huge on web development, but I realise how useful these are and I like to browse demos of things like this to find things that would be useful for future projects. They’re also running a great contest too.

15. Pattern Tap

Pattern Tap | New Design Blogs

Pattern tap is a great idea, its a new site which allows you to find specific collections on certain web elements. I think it makes finding inspiration that little more effective, as usually it’s certain elements that I get stuck for inspiration on, rather than the overall concept.

16. We Are not Freelancers

We Are not Freelancers | New Design Blogs

These guys have got a really nice blog up and running, and its showing no signs of slowing down. The design (although this post is not about the design) is just absolutely amazing, I love every aspect of it. The posts that I’ve read have been very well written and informative, so all in all a welcomed addition to my RSS reader.

17. Design Feedr

Design Feedr | New Design Blogs

Design Feedr is a blog which aims to showcase collections of top quality inspiration and resources. They have a great eye for what looks good and similar tastes to my own. One of my favourite posts of theirs is the Masters of Digital Paintings collection which I really love!

18. Inspiration Up

Inspiration Up | New Design Blogs

There’s that word again; Quality. I really like this site because they seem to think a little more than certain CSS galleries about their entries, so overall I’d say there is a better quality of sites on display.

19. The Dieline

The DieLine | New Design Blogs

Here is another site which I know is not new at all, but I’ve only recently been introduced to the amazing collection of packaging design inspirations that they offer. If you have not yet come across this site, prepare to be amazed.

20. Color Burned

Color Burned | New Design Blogs

A talented designer sharing various sources of inspiration and freebies. It’s always reassuring to receive resources off a guy who you know, knows what he is talking about. I really love the guy’s work just as much as the posts he shares, so a great experience all round.

21. Booooooom

Booooooom | New Design Blogs

Probably not the easiest domain name to remember in the world, but thankfully the posts and quality of the work is a lot more memorable, the post on Ian Francis‘ work for example is amazing! The site is based around art, design, photography & culture etc. This is a great site to spend some time exploring.

22. Apps Mania

Apps Mania | New Design Blogs

The basic concept of the site is a gallery of web applications, it has a small ammount of information, ratings and tags. Making it a great place to browse if you’re on the look out, or need some inspiration for, a cool new web app.

23. Doodlage

Doodleage | New Design Blogs

I can’t remember how I came across this site, but its been in my favourites for a few weeks and I’m really impressed with the postings. Its quite a fun little site, sharing lots of doodles/sketches/drawings and is a great source of inspiration.

24. Vi.sualize

Vi.sualize | New Design Blogs

Social Bookmarking for images. It’s that easy. A simple great idea.

25. Coded Preview

Coded Preview

For a better way of presenting your design mock-ups you can use Coded Preview, it allows you to modify the settings such as a background image, alignment margins etc. To give you an idea of how this can help, take a look at this example; Single Image compared to Image on Coded Preview. I think its a great idea, probably the best place you could upload your designs for presenting mock-ups.

26. High Resolution Textures

High Resolution Textures | New Design Blogs

Textures, a vital ingredient in so many forms of design. Textures are becoming more and more popular in web design, so that makes this an ideal website for you to add to your RSS reader. There really are some great textures on display here, and regular updates mean you’ll never be short of textures.

27. Lines and Colours

Lines and Colours | New Design Blogs

Another art and design blog. This one again has been around for a long time, since 2005 in fact. But its another of those which is fairly new to me, and I’m hoping will be new to a lot of you guys. A wide range of art is covered and as with all of these blogs I’m posting, the quality of the content is spot on.

28. Beeex

Beeex | Strictly Free Resources for Designers | New Design Blogs

I’ve not strictly been following this site, but it keeps popping up here and there and each time I visit I am impressed, so It’s long overdue but I’ve added it to my RSS reader now. I particularly love their Ultimate Collection of Free Textures on the Web.

29. Skout

Skout | New Design Blogs

A user submitted list of design/web related resources. A wide range of categories, resources and inspirations. One of those sites where you can lose a good couple of hours and not realise.

30. Usability Post

Usability | New Design Blogs

So far the posts on this site have impressed me, the blog talks about aspects of interface design, which means not only the way things look but how they work and how the function. I’m looking forward to reading more here.

31. Knowtebook

Knowtebook | New Design Blogs

Knowtebook brings you the best news about design, ideas, web trends, technology & more. The usefulness of each post cannot be questioned, each and every post I find very useful, so that’s why it had to make the list, this web-based business collaboration tools post is a great example of that.

32. Designm.ag

Designm.ag | New Design Blogs

This latest project by Steven Snell is already off to a great start. A very community focused design blog with community feeds, links, a gallery and of course some amazing posts, this blog really does look set to grow bigger and bigger, and with posts like this: Favorite Design-Related Sites of 21 Designers, its not hard to see why.

33. Fudge Graphics

Fudge Graphics | New Design Blogs

Since April 2008 Fudge graphics has been making some amazing posts, and I’ve been completely oblivious. It’s strange how sites like this go on with such great content without me realising. This is just another one of those sites that I love, there is a good mix of links, resources, inspirations featured artists, that sort of thing. Good times!

Get the RSS Feeds

If you are using a RSS reader you can easily subscribe to all of the above RSS feeds (where possible) by downloading the .xml file. All you need to do is then import it into your reader. I use netvibes as my reader.

Download RSS Feeds XML file

Feb

18

TinyChat

Posted by admin under internet, technology - No Comments

TinyChat allows you to create a private chat room with a single click and tell your friends to visit a link from TinyChat (example: tinychat.com/kevin) to chat with you.

Feb

12

World’s First Waterproof MP3 Player

Posted by admin under internet, technology - No Comments

With NU Dolphin TOUCH, Guaranteed Waterproof quality level by the International certified IPX7 you can Share all the greatest fun from all kinds of outdoor activities, such as Swimming, Surfing, Snorkeling, SPA, Mountaineering, Fishing, Jogging, Biking. Dolphin TOUCH world 1st Waterproof Curved Touch pad MP3 Player comes with 4GB embedded Nand Flash Memory (960songs of MP3/WMA) and built in FM tuner.

Dolphin TOUCH from NU measures 66.4×21×21 mm with built in180mAh/3.7V rechargeable battery. Standard accessories include Waterproof earphone/USB cable/ Clip / Fastening bands / Armband /Cleaning cloth/High-End stereo earphone/ User manual disc.

Unfortunately, because it is just announced a few days ago, there is no detailed pricing.

Feb

10

How To Setup Your Own Software Development Company

Posted by admin under internet, resource, technology - No Comments

By Matt Raible

This post was originally titled “FTE vs. Contract in this Economy”, but it didn’t seem to capture the essence of this entry. I wanted to write about why I think contracting is better in this down economy, but I also wanted to write about how you you might go about setting up your own company. Starting a company is relatively easy from a legal standpoint, and hopefully I can provide some resources that’ll make it even easier.

First of all, I believe that contracting is better in this economy for a very simple reason:

When you’re a contractor, you’re prepared to be let go.

There’s really nothing like being laid off. It sucks. It often shocks you and makes you depressed. The good part is you usually get a good afternoon’s worth of drinking out of it, but that’s about it. Severance is cool, but let’s face it – you’d much rather be employed.

As a contractor, you’re always looking for your next gig. You’re prepared for the worst. You’re more motivated to learn marketable skills. You’re constantly thinking about how you can market yourself better. Writing (blogging, articles, books) is an excellent way to do this and I believe it’s rare that FTE are as motivated to do these kinds of things.

Being a contractor forces you to better yourself so you’re more marketable.

People’s biggest fear of contracting is that they’ll have a hard time finding their next gig. In my career, I’ve rarely had an issue with this. There’s always contracts available, it’s just a matter of how much you’re going to get paid. Yes, I’ve had to suck-it-up and make $55/hour instead of $125/hour, but that was back in 2003 and $55/hour is still more than I would have made as a FTE.

The other thing that makes me believe contracting is better in this economy is I believe companies are hiring more short-term contractors than employees. I don’t know if this is because they consider employees liabilities and contractors expenses, but something about it seems to make the books look better.

So you’ve decided to take my advice and try your hand at contracting. Should you setup your own Corporation or LLC?

Starting a Company
Yes, you should absolutely start your own company. As a Software Developer, chances are you’re going to make enough to put you in the highest tax bracket. If you’re a Sole Proprietor (no company), you will pay something like 35% of your income to taxes and you can be sued for everything you own by your clients.

Should you create an LLC or Corporation? I started Raible Designs in May 1998. I started out as an LLC and later converted to an S Corp. For the first few years, I made $30-$55/hour and this seemed to work pretty well. I believe this was similar to having a Sole Proprietorship (because I was the only employee), except that I was protected from lawsuits.

In 2001, I got my first high-paying gig at $90/hour and my Accountant suggested I change to an S Corp to save 10K+ on self-employment tax. I’m certainly not an expert on the different types of business entities, but this path seemed to work well for me. It was $50 to convert from an LLC to an S Corp. I’m not sure if you can go from an S Corp to an LLC. The beauty of an S Corp is the corporation typically gets taxed at 15%, so you can run a lot of things through your business and pay less taxes. Date nights can be business meetings, vacations can be Shareholders Meetings, seasons tickets can be client entertainment and you can write off your car and fuel costs.

There’s lots of good resources on the web that describe the different business entity options. My favorite is A List Apart’s This Web Business IV: Business Entity Options. Another good resource is How to form an LLC.

The hardest part of starting a new business is coming up with a good name. My advice is to make sure the domain name is available and pick something you like. I chose Raible Designs because I designed web sites at the time. Raible is a pretty unique name, so that’s worked well having it as part of my business name. Googlability is important – don’t choose a generic name that will make you difficult to find. Potential clients should be able to google your business name and find you easily.

Once you’ve picked a name, the business establishment part is pretty easy. In Colorado, you can File a Document with the Secretary of State. Their site also allows you to reserve a name if you’re not quite ready to make the leap.

You’ll also need to get a Federal Employer Identification Number (FEIN) from the IRS. The IRS has a good Starting a Business article and also allows you to Apply for an Employer Identification Number (EIN) Online.

Once you’ve got all the documents setup, you’ll want to create a bank account for your business. I’m currently using Wells Fargo and really like how software-friendly they are. Their online banking is clean and easy to use. They also support QuickBooks for the Mac. They have Payroll Services to allow you to pay your quarterly taxes online as well as setup direct deposit, but I’m not using them.

For payroll, I use PayCycle and have nothing but good things to say about them. I have the Small Business Package at $42.99 per month. This package allows me to pay myself and employees + up to 5 sub-contractors with direct deposit. It also allows me to pay both Federal and State quarterly taxes online. Of course, if you can also get an Accountant to do this for you.

Having a good Accountant and Financial Advisor (for your retirement plan) will likely be an essential part of your business.. LinkedIn’s Service Providers is a good way to find recommended professionals in your area. For example, click here to search for Accountants and then click the change location link in the top right corner to specify your zip code.

Finally, you’ll need insurance. The Hartford has a good Small Business package that costs around $500/year. It’s liability limits have worked for all of my clients and I’m covered if my laptop ever gets stolen. For Health Insurance, I recommend using eHealthInsurance.com to find a good provider for you. I don’t get sick or hurt much, so I typically get a disaster prevention plan with a $5K deductible. For dental insurance, brush your teeth. Vision insurance typically sucks, so I wouldn’t buy it. Yes, our health care system in the US needs work and I believe if everyone had a small business, it might get more affordable a lot quicker.

Over the next few days, I’ll post some additional advice I’ve received on retirement plans, deducting a home office, drawing up contracts and how to come up with a good rate. If you’re an Independent Software Developer and have any additional advice, I’d love to hear it.

Feb

5

Ajax: The State of the Art with Dion and Ben

Posted by admin under ajax, internet, resource, technology, web2.0 - No Comments

This morning, I added Dion and Ben’s talk titled Ajax: The State of the Art. Below are my notes from the event.

Ajax started out as a bunch of hacks. It showed that we could take our web interfaces and do a lot more with them. A hack isn’t necessarily a bad thing. Often, they turn into something much more elegant over time. The new browsers have many amazing capabilities that we haven’t taken advantage of yet. We’ve seen discussions on Ajax go from how to do XHR to frameworks and how rich and mature they are. Dojo is great for Enterprise Development (packing system, namespaces). jQuery is well-suited for lightweight developers (PHP). Prototype is fantastic for people who do a lot of JavaScript development and take it very seriously.

Today’s Ajax landscape is mature, really rich, and really exciting. Today, Dion and Ben are going to talk about technologies they’re really excited about for the future.

Canvas
The building blocks of the web are text, boxes and images. With canvas, it really makes a lot more things possible. You can do bitmap rendering and image manipulation. They’re showing a slide with Doom and Mario Kart running. Canvas 3D does true 3D rendering. Firefox and Opera have done prototypes of this. Can you do canvas-type things today in a browser? Yes, if you use Flash or Curl. Dion and Ben are excited about canvas over plugins for the following reasons:

  • No start-up delay
  • Available on mobile devices today
  • Rendering fidelity with browser (especially important for typography)
  • No bridges necessary (no marshalling/unmarshalling)
  • Not a plug-in

The <canvas> tag originally came from Apple’s Dashboard. Dashboard’s programming model was in HTML and JavaScript. Dashboard is using WebKit under the covers. Today, canvas support exists in every major browser except for IE. The good news is there are Flash and Silverlight bridges to add support to IE. There’s also an ActiveX component that wraps the Firefox implementation and allows it to run in IE.

SVG
Dion and Ben aren’t that excited about SVG because it’s such a huge spec. We’ve been struggling with the HTML standard for the last 10 years and the thought of another huge spec for the next 10 years isn’t that appealing.

Fast JavaScript
Almost all major browsers have a Fast JavaScript implementation. Chrome has V8, Safari has SquirrelFish Extreme, Firefox has TraceMonkey and Opera has Carakan. This is exciting because of industry trends and how companies are trying to reduce computation cycles in data centers. The more computing that can be put on the client, the better. IE doesn’t have anything, but Dion and Ben believe they are working on something.

Web Workers
Interface latency is awful for applications. Jakob Nielsen once said:

0.1 second is about the limit for having the user feel that the system is reacting instantaneously. 1.0 second is about the limit for the user’s flow of thought to stay uninterrupted, even though the user will notice the delay.

Anything that takes longer than a tenth of a second should be pushed to a background thread. Unfortunately, there are no threads in the web. Maybe we can add threads to JavaScript? Brendan Eich has said that “Threads suck” and there’s very little chance for threads getting into JavaScript. Gears brought Worker Pools and this is going into HTML 5 as Web Workers. You could also use Java applets to do this. With the latest Java Plugin, many of applets’ long-standing issues have been solved.

Desktop Integration
The ability to build desktop apps as web apps is very exciting. There’s a few technologies that demonstrate this: Fluid, Mozilla Prism, Adobe AIR, Appcelerator Titanium and Gears. The Palm Pre demonstrates the logical extension of this. The Palm Pre uses the web stack as its developer SDK. It’s very cool that web developers don’t have to learn anything new to become a Palm developer. Desktop integration is exciting especially if we can access desktop applications like email and address book.

The Ajax frameworks that are out there have done a lot to make web development simpler. However, there’s still a lot of pain with CSS and cross-browser issues. What if you took canvas and combined it with a sophisticated grid-based layout in JavaScript?

There’s a lot of platforms out there: Microsoft Silverlight, Adobe Flash, Apple Cocoa and Sun’s JavaFX. The web often isn’t considered a platform. Dion and Ben believe there should be an Open Web Platform. The problem right now is there is no central location to find out how to get stuff done. You have to search and find resources from many different locations. Mozilla is putting it’s resources into creating an Open Web Platform. This site will consist of 4 different areas:

  • Home
  • Documentation (for different frameworks, browsers, quirks)
  • Dashboard (state of the open web)
  • Roadmap (what’s going on)

This is not just Mozilla, it’s very much a community effort. This is something that Ben and Dion have been working on. But there’s something else they’ve been working on too. They’ve been talking about all these cool things, but what about an interesting application to test all these technologies?

Bespin
As they looked at code editors, most of them provide awful user experiences. Bespin is the Editor of Your Dreams and contains the following features:

  • Accessible from anywhere – any device in any location
  • Simple to use, like Textmate (not heavyweight like Eclipse) – an editor, not an IDE
  • Wicked Fast – performance, performance, performance
  • Rock-solid real-time collaboration, like SubEthaEdit – it just works
  • Integrated command-line, like vi – Fun like Quicksilver, social like Ubiquity
  • “Self-hosted” environment, like Emacs – For extreme extensibility, but with JavaScript!

Dion and Ben are showed a screen shot of Bespin and now they’re doing a demo. The core editor has what you’d expect with syntax highlighting and line numbers. Canvas doesn’t have text-selection by default, so they had to write it from scratch. The command line allows you to get help, run core command and also to subscribe to commands that others write. You can change your keybindings to emacs or vi as well as many other settings. Much of Bespin is event-driven, so you can easily plugin new behavior for different events.

For viewing files, they couldn’t bring themselves to use a tree. Instead, they developed a file-browsing interface that looks very much like Apple’s Finder. Personally, I like Finder, but wish it had Windows Explorer’s path bar that allows you to simply type in the path without mouse clicks. Back to the command line. They’ve done a lot to make things more discoverable so users can easily find the power of the editor.

Bespin could be used to engage developers more with open source projects. Checking out projects, modifying code and creating patches can be a real pain. Bespin could be used to interface with open source projects in the cloud. You could login, modify code and easily patch/build with the click of a button. One other thing they want to do is to have the server do code-analysis as you’re developing.

Is it OK to love a software tool? You must love your software tools. What we do as Software Developers is one of the most difficult jobs on the planet. Programmers, like poets, start with a blank slate and create something from nothing. If you don’t love your tools, you’ll start resenting what you do. If you don’t love your tools, it shows in your work. – Dave Thomas at RubyConf08

Thunderhead
A GUI Toolkit written with canvas and JavaScript. Allows you to do layouts with very little thought. It’s a lab experiment that’s in progress, stay tuned for more information.

All users care about is the user interface. Dion and Ben believe there’s a key to creating compelling user experiences. It all has to do with managing expectations. It’s not that different from how you manage relationships in your life. Expectations for movies and games have changes drastically over the years. What used to be the web (animated gifs and awful web pages) has also changed drastically (video of Apple’s online store). What was cool with MapQuest got changed drastically with Google Maps. What we have today isn’t the end of the game – expectations will continue to change. However, users have different expectations for software.

Alan Cooper has done some interesting work in this area. The software designer needs to focus in on a user’s goals. There are basic things you can apply to all users, for instance “sex sells”. An example of this is Delicious Library. This application allows you to keep track of things in your home such as books, movies, music and games. They made $500K in 3 months and made $54K the first day, with no advertising.

The quality of any software is determined by the interaction. If the interaction isn’t good, it will poison the entire experience. Donald Norman has a good quote: “Attractive things work better”. In society, this is often called “Dress for Success”.

The Open Web is hear to stay because it has:

  • An Easy Programming Model
  • Easy Remoting
  • Extensive Customization Vectors (e.g. GreaseMonkey)
  • Easy Deployment
  • Great Widgets
  • Great Visual Effects
  • Great Mobile Story
  • Desktop Integration
  • State-of-the-Art Plug-ins

Bespin is a tech preview that they hope to release next week. Thunderhead will be released at the same time.

Conclusion
This was a great talk and easily the most inspiring of the conference. Dion and Ben always do a great job and the sexiness of their presentation made it all the more appealing.

Feb

3

Microsoft fortifies IE8 against new XSS exploits

Posted by admin under internet, living, technology - No Comments

Engineers in Microsoft’s Internet Explorer group continue to refine a new security feature designed to block malicious scripts that can be injected into trusted websites to steal email and account credentials. Judging from the magnitude of the problem, their task may never be completed.

Among the multitude of revisions introduced in last week’s release of Internet Explorer 8 were tweaks intended to make the browser’s cross-site scripting (XSS) filter better withstand tricks for concealing malicious characters in web addresses. Some of the world’s foremost web application security experts helped, an indication of the difficulty of containing the threat.

One fix enables input to be treated as a stream of individual bytes rather than characters, a change that prevents attackers from evading the filter using Chinese characters in web addresses. Because of the way certain characters, including “<” are rendered in Chinese, bad guys were able to sneak them into malicious URLs that weren’t detected by versions of the Microsoft beta browser.

A similar technique that uses a PHP function known as “stripslashes,” which removes backslashes from strings, had also been used to bypass the IE XSS filter. The protection now generates additional signatures that offer alternate interpretations of the input.

Other fixes involve scenarios that use extremely long UTF-8 sequences or injections of FORM and ISINDEX elements. Nulls in HTTP responses and Object tags using the CODETYPE attribute have also received attention.

Over the past few years, XSS vulnerabilities have emerged as an Achilles Heel for some of the biggest and most sensitive websites. In December, researchers found several XSS flaws on the site of American Express that potentially could have allowed attackers to steal users’ authentication cookies. Other sites that have been bitten by the bugs include Google Mail, Yahoo, MySpace, and Facebook.

XSS attacks allow attackers to inject hostile code into a targeted domain by taking advantage of a common practice among web developers who allow one website to link to images and scripts hosted from a second site. When Microsoft’s XSS filter encounters code that’s hosted on a different site, a heuristics engine inspects the URL and POST data and uses regular expressions to identify possible XSS vulnerabilities.

This is an extremely tall order for any browser. The ability of one site to link to code hosted on another site is a key architectural design at the heart of today’s website, so filtering carries the risk of breaking many websites if not executed carefully. And the list of techniques for evading such filters is long and only getting longer.

Several top-flight researchers helped Microsoft pinpoint the weaknesses. They include Yosuke Hasegawa, 80sec, Ronald van den Heetkamp, Amit Klein, and Gareth Heyes.

Microsoft’s goal seems to be to protect users against the most dangerous XSS threats without degrading the performance of legitimate websites. Contrast that with the NoScript extension for the competing Firefox browser, which does a great job of blocking many XSS attacks but also has the potential to confuse many less-sophisticated users.

The constantly expanding number of ways for bad guys to evade the Microsoft filter means its design is likely to remain an iterative, ongoing process with plenty of additional tweaks to come.