[ del.icio.us poetry ]

http://www.cardellmedia.co.uk/
http://www.elpais.com/global/
http://www.ico.gov.uk/for_organisations/data_protection_guide.aspx

Data protection guide

Clear English Standard logo

The principles of the Data Protection Act in detail

This Guide explains the purpose and effect of each principle, and gives practical examples to illustrate how the principles apply in practice. We hope that, by answering many frequently asked questions about data protection, the Guide will prove a useful source of practical advice to those who have day-to-day responsibility for data protection.

Alternatively, you can download a pdf version of the Guide.

.

Data protection basics

What does the Data Protection Act cover? Find the answers to some frequently asked questions.

The role of the Information Commissioner's Office

What does the ICO do? How does the ICO enforce the Act? When is it a criminal offence to breach the Act? What are the ICO’s international responsibilities?

Key definitions of the Data Protection Act

Who has rights and obligations under the Data Protection Act? When do you 'process personal data'?

List of the data protection principles

The eight principles to the Data Protection Act.

Processing personal data fairly and lawfully (Principle 1)

What is fair processing? Is it fair to disclose personal data to others? What is a privacy notice?

Processing personal data for specified purposes (Principle 2)

How should you specify your purpose for obtaining personal data? What if your original purpose changes?

Information standards (Principles 3, 4 and 5)

The rights of individuals (Principle 6)

What rights do individuals have in relation to the personal data you hold about them?

Information security (Principle 7)

Find out how to decide what approach to take to the security of the personal data you hold. What kind of security measures might be appropriate?

Sending personal data outside the European Economic Area (Principle 8)

Find out if you can send personal data outside the European Economic Area (EEA). What conditions apply to transfers of personal data overseas?

The conditions for processing

What conditions do you need to satisfy before you can process personal data? What purposes can you process personal data for? How important is it to obtain consent?

The rights of individuals

What rights do individuals have in relation to the personal data you hold about them?

Exemptions

What are the exemptions from notification? When can you withhold information from individuals? When can you disclose personal data to third parties?

Useful Resources


http://www.howtoforge.com/how-to-set-up-mysql-database-replication-with-ssl-encryption-on-ubuntu-9.10
http://en.wikipedia.org/wiki/List_of_UML_tools
http://www.moolanomy.com/462/30-alternative-income-ideas-and-resources/
http://www.naturskyddsforeningen.se/
© 2010 Naturskyddsföreningen | info@naturskyddsforeningen.se | Plusgiro 90 19 09-2 Om cookies
http://www.zamzar.com/uploadComplete.php?convertFile=docx&to=doc

Have you ever wanted to
convert files without the need
to download software ?


 
File upload complete

Your file has succesfully finished uploading !

We'll now convert your file - As soon as this is done we'll email you to let you know where you can download your file from.
 
 
Your converted file will be stored for 24 hours from the time you receive your email from us (want longer ?)
 
Note: Emails may take longer to arrive for bigger files, or when we're very busy (want faster conversions ?)
 
 
 
http://www.lafite.com/

Domaines Barons de Rothschild (Lafite)

Domaines Barons de Rothschild (Lafite)
Domaines Barons de Rothschild (Lafite)
http://www.nytimes.com/2010/02/04/garden/04nannies.html
http://www.question.com/
E.g. Lisinopril or Heart Disease

See what people are asking in Gadget, Diet, Web, Holiday and Celebrity.

100 characters left

Topics A - Z

Find a topic:

Recently Popular Questions & Answers Most Recent Unanswered Questions

How did Google get its name?

Is there some kind of history behind the name 'Google' or was it just a random choice?

7 answers | | Open

Related topics: name, history, google

What foods should pregnant women avoid?

11 answers | | Open

Related topics: food, women, pregnant

I've overhauled, but the car still won't start?

I've overhauled a mitsubishi Diamante '92 DOHC V6 engine. I've timed the engine, when I try to start it, it cranks but it doesn't start. I've changed the ...

3 answers | | Open

Related topics: engine, start, mitsubishi

What is bork bork bork?

It is listed as an official supported interface language for Google, but I have no clue what it is?

1 answers | | Open

Related topics: language, google

How much does Britney Spears weigh?

3 answers | | Open

Related topics: weight, celebrity

What is the Naruto manga character and who created it?

Is a Naruto a series?

2 answers | | Open

Related topics: manga, character, animation, series

Where can I find out about men's health on the Internet?

Looking for a few good sites that contain general information about how to stay fit and healthy.

3 answers | | Open

Related topics: information, men, health, internet

What are the aims of the religious organization Hezbollah?

I know they're a Islamic organization but where are they based? What are their goals?

1 answers | | Open

Related topics: religious, religion, islamic, islam, goal

What are some of the legal issues in declaring bankruptcy?

If I declare that I am bankrupt, how will this affect me in the future for getting jobs? building a company? etc. Also curious as to the different types of bankruptcy. Thanks!

1 answers | 1 star | Open

Related topics: company, future, job, bankruptcy, legal

View more questions...


http://lesscss.org/
Fork me on GitHub
LESS extends CSS with: variables, mixins, operations and nested rules. Best of all, LESS uses existing CSS syntax. This means you can rename your current .css files to .less and they'll just work.

Variables

Variables allow you to specify widely used values in a single place, and then re-use them throughout the style sheet, making global changes as easy as changing one line of code.

@brand_color: #4D926F;

#header {
  color: @brand_color;
}

h2 {
  color: @brand_color;
}
				

Mixins

Mixins allow you to embed all the properties of a class into another class by simply including the class name as one of its properties. It's just like variables, but for whole classes. Mixins can also behave like functions, and take arguments, as seen in the example bellow.

.rounded_corners (@radius: 5px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

#header {
  .rounded_corners;
}

#footer {
  .rounded_corners(10px);
}
				

Nested Rules

Rather than constructing long selector names to specify inheritance, in Less you can simply nest selectors inside other selectors. This makes inheritance clear and style sheets shorter.

#header {
  color: red;
  a {
    font-weight: bold;
    text-decoration: none;
  }
}
				

Operations

Are some elements in your style sheet proportional to other elements? Operations let you add, subtract, divide and multiply property values and colors, giving you the power to do create complex relationships between properties.

@the-border: 1px;
@base-color: #111;

#header {
  color: @base-color * 3;
  border-left: @the-border;
  border-right: @the-border * 2;
}

#footer { 
  color: (@base-color + #111) * 1.5;
}
				

Head over to the Docs for information on installing and using LESS.

http://coreblog.org/ats/cui-based-debugger-pudb
Personal tools

CUIベースなのに無駄にビジュアルなPython用デバッガ - pudb

by ats posted at 2010-02-09 11:05 last modified 2010-02-09 11:05

pudbは,CUI環境(つまりシェル)で動くGUIライクなデバッガ。Pythonには標準でpdbというデバッガがついてくるけど,コマンドラインベースでちょっと使い方が面倒だよね。pudbはpdbよりノリがいい。まあスクリーンショットを見てもらうのが早いかな。

CUIベースでGUIっぽいことをするというのは,レトロなノリだよなあ。でもCUIベースならシェルが動く環境ならどこでも動く,という利点もある。ローカルのPythonでもssh越しのPythonでも,シェル上なら同じように動くというのは嬉しい。

インストールは簡単。いつものごとくeasy_installを使って「$ easy_install pudb」でOK。デバッガを実行中,使い方が分からないときは「?」を押すとインストラクションが出てくる。

とりあえず覚えるべきコマンドは4つくらいかな。

  • s : ステップ実行(ステップイン)
  • n : ステップ実行(ステップオーバー)
  • c : 実行の継続
  • b : ブレークポイントを置く,消す

さて,デバッガが有効なのは開発の場面ばかりではない。入門者がデバッガを使うと,プログラミングの学習につながる。デバッガでコードを見つつ,変数などを確認しながら,プログラムの挙動を学べる,という利点がある。SDの木村明治さんの記事にも同じようなことが書いてあったな。逆に,Pythonの達人になるとデバッガを使わないらしいけど。僕もあまり使わないかな。

さて,試しにpudbを使ってPythonの簡単なプログラムの挙動を見てみよう。Pythonの機能の中でも比較的分かりづらい「デコレータ」がどのような動きをするのか,pudbを使ってソースコードを追いながら確認してみる。

まず,以下のソースをファイルに保存する(ファイル名はdectest.pyとしておく)。ちなみにこのコードは,inspectモジュールを使って関数の引数情報を取り出し,表示する,という簡単なプログラム。

#!/usr/bin/env python

import inspect from pudb import set_trace; set_trace()

def sessionmethod(func):

    f = func
    def wrapper(*params, **kwargs):
        arg = inspect.getargspec(func)
        print arg
        #if 's' in params[0] and 
        return func(*params, **kwargs)
    return wrapper

if __name__ == '__main__':

    @sessionmethod
    def foo(hoge, s=None):
        print "FOO!"
    foo(1, s=2)

上の方に「from pudb import set_trace; set_trace()」という行が見える。これがpudbを呼び出すおまじない。

次に,このコードを実行する。「$ python2.5 -m pudb.run dectest.py」というコマンドを入力すると,pudb上でコードを実行できる。早速pudbを使ってプログラムの実行状況を見ながら,コードを実行してみよう。

sessionmethod()関数の直下や,内包関数wrapper()の直下に「b」キーを使ってブレークポイントを設置してコードを実行してみよう。ステップイン,ステップオーバーを使い分けながら実行すると,デコレータがどのようなタイミングで呼ばれているのか目で確認できるはずだ。

このデコレータは関数の定義時に呼ばれる部分と,関数の呼び出し時に呼ばれる部分に分かれているんだけど,どのような仕組みになっているのか,よく分かると思う。

挙動が把握しにくいコードは,デバッガを使って動きを追って見ると,仕組みが理解しやすいのです。

Category(s)
python
The URL to Trackback this entry is:
http://coreblog.org/ats/cui-based-debugger-pudb/tbping

Re: CUIベースなのに無駄にビジュアルなPython用デバッガ - pudb

Posted by Dubhead at 2010-02-09 12:43
> CUIベースでGUIっぽいことをするというのは,

私はGUI以前のTurbo Cの頃を思い出しました。レトロ感には同意。
Add comment

You can add a comment by filling out the form below. Plain text formatting.

(Required)
(Required)
(Required)
(Required)
コメントスパム避けのための認証文字列です

Captcha Image

Pythonな求人
r = urlopen("http://www.webcore.co.jp/recruit")
About this blog
■Author


atsこと柴田淳です。この記事を読んでいただくと,技術者としての人となりを分かってもらえるかも。
Webcore株式会社 代表取締役
Plone上で動く,オープンソースのBlog Product - COREBlog2を使って運用しています。

最近書いた原稿
最終回 Python 3.0座談会(動画つき) 2009-07-16
Python 3.0 Hacks 第6回 Pythonicな文字列フォーマットforamat()メソッド 2009-03-30
言語としての一貫性を重視したPython 3の進化 2009-02-20
Python 3が後方互換性を捨てても求めたもの 2009-02-02
Python 3.0 Hacks : 第0回 Pythonの2008-2009 2009-01-01
 
最近書いた本,Mook
みんなのPython 改訂版
Python使いはもちろん,プログラミングの初心者から,他言語からの移行組までご好評いただいているPythonの定番入門書の第2版です。Python 3.0を含む最新の情報について加筆を行い,より読みやすいように構成を大幅に見直しました。第一版をお持ちの方にもお役立ていただける内容になっています。
みんなのPython Webアプリ編
Pythonの基礎から,Webアプリやフレームワークの仕組みまで,つまることなく一気に学べる書籍です。「みんなのPython」と一緒に読んでください:-)。
 

http://designm.ag/resources/jquery-form-plugins/
Are you looking to hire a designer? Post a job listing on our design job board. Visit the design job board.

25 jQuery Plugins for Working with Forms

Almost every website uses a form of some kind. Contact forms and other types of forms can be enhanced with the use of a number of jQuery plugins that are readily available. In this post we’ll feature 25 useful plugins that you may be able to use in your own work with forms.

jqTranform

jqTransform will make it easy to give your forms a more attractive look as compared to the default form.

jqTranform

jQuery Form Plugin

With this plugin you can easily upgrade HTML forms to make use of AJAX.

jQuery Form Plugin

In-Field Labels

Display labels inside form fiels with this plugin. The label remains until the user starts typing.

In-Field Labels

jQuery Form Validation

This plugin will validate the information entered into form fields before it is submitted.

jQuery Form Validation

AJAX Form Validation

Another option for adding form validation.

AJAX Form Validation

jQuery Auto Complete

This plugins adds an auto complete functionality to form fields, especially useful for searches.

jQuery Auto Complete

jQuery Autocomplete

Another option for adding auto complete to form fields.

jQuery Autocomplete

Uploadify

Uploadify allows you to easily add one or more upload options.

Uploadify

Contactable

Contactable will help you to make jQuery contact forms quickly and easily.

Contactable

Input Fields with Images

This plugin allows you to add icons or images inside of input fields to add some flair to your forms.

Input Fields with Images

JavaScript Image Combobox

Add icons or images to items in a dropdown.

JavaScript Image Combobox

jQuery Checkbox

If your forms include checkboxes or radio buttons this plugin will allow you to style them.

jQuery Checkbox

Radio Button and Checkbox Replacement

This plugin will also help for styling radio buttons and checkboxes to suit your needs.

Radio Button and Checkbox Replacement

Datepicker

Datepicker makes it easy to add calendars to date input fields in forms.

Datepicker

Date Picker

This is another option for enhancing date fields within a form.

Date Picker

Plugin for Password Masking

This gives users the option to see the chracters of the password the are entering, for usability purposes.

Plugin for Password Masking

ToggleVal

ToggleVal will allow you to customize form fields to display default text within form fields.

ToggleVal

magicpreview

If you want users to be able to preview what they are entering into form fields, this plugin will allow you to do it.

magicpreview

jQuery Autosave

This plugin will autosave the progress of form fields using cookies so nothing will be lost.

jQuery Autosave

Elastic

Elastic uses jQuery to allow textareas to expand according to the text that is entered.

Elastic

iPhone Style Checkboxes

This plugin enhances standard HTML checkboxes and gives them an iPhone-like styling.

iPhone Style Checkboxes

AJAX Fancy CAPTCHA jQuery Plugin

Use this plugin to help prevent comment form spam with the use of a fancy CAPTCHA.

AJAX Fancy CAPTCHA jQuery Plugin

markItUp

Turn any textarea into a markup editor.

markItUp

Ajaxify

Turn any link or form from a standard request to an AJAX request.

Ajaxify

AutoTab

When a user has entered the maximum number of characters in a field (such as a phone number) it will auto tab to the next field.

AutoTab

For more jQuery resources please see:

16 Responses from Readers

New York Web Design January 25th, 2010

jQuery Checkbox and Show Password are Awesome…

Superb resources. Thanks for sharing

Inside the Webb January 25th, 2010

This is a great collection of jQuery plugins, I may even try some on my blog! I’m always impressed with how much jQuery has grown and allowed so much interactivity with pages.

emptywalls January 25th, 2010

I use jQuery Validate and jQuery Form with great success. They are made to interact with each other, so validation and then AJAX submit are a snap.

Revenue Robot January 25th, 2010

an amazing collection… i’ve bookmarked it for future use. Thanks for the post!

roger January 25th, 2010

This list is very useful, thank you.

Daniel January 25th, 2010

Great just what I needed!
I will use it on my site!

BigM75 January 26th, 2010

its good stuff for better working whit jquery an usebility the page

phil January 26th, 2010

thanks for adding contactable, I hope you like it!

Felix Nagel January 26th, 2010

Take a look at my live form validation widget. Its coded after the jQuery UI coding and CSS guidlines (compatible with styleswitcher) and WCAG 2.0 and built in ARIA support.

Take a look, its licensed under MIT and hosted on GitHub:
http://wiki.github.com/fnagel/jQuery-Accessible-RIA/formular

Webtoolfeed February 6th, 2010

AJAX Fancy CAPTCHA jQuery Plugin might come in handy.
Nice post!

Trackbacks

Leave a Reply

http://developer.yahoo.com/yui/examples/slider/slider-ticks.html

Developer Network Home - Help

YUI Library Examples: Slider Control: Horizontal Slider with Tick Marks

Slider Control: Horizontal Slider with Tick Marks

This example uses the YUI Slider Control to implement a basic horizontal slider with tick marks & that is, with predefined intervals at which the slider thumb will stop as it's dragged. (By default, a slider thumb can be dragged one pixel at a time.)

Here are some important characteristics of this implementation:

  • The slider range is 200 pixels.
  • The slider movement is restricted to 20 pixel increments.
  • Custom logic is applied to convert the current pixel value (from 0 to 200) to a "real" value. In this case the "real" range is 0 to 300.
  • Once the slider has focus, the left and right keys will move the thumb 20 pixels (changing the "real" value by 30).
  • When the slider value changes, the UI is updated. The title attribute of the slider background is updated with the current value, and the text field is updated with the current "real" value. These techniques can help inform assistive technologies (like screen reader software) about the slider's current state.

Pixel value: 0

Converted value:

Building a Horizontal Slider

You supply your own markup for the slider. Keep in mind the following points about markup for YUI Slider Control implementations:

  • The thumb element should be a child of the slider background
  • The tabindex attribute lets this element receive focus in most browsers.
  • We use the Sam skin for a 200px horizontal slider and use the thumb-n.gif thumb image from the build assets
  • The background element is assigned a new image from the build assets.
  • If the slider background can receive focus, the arrow keys can be used to change this slider's value.
  • We use an <img> element rather than a CSS background for the thumb to get around a performance bottleneck when animating the thumb's position in IE.
  • Don't apply a CSS border to the slider background

CSS:

Markup:

Code:

.

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.

The YUI Team is hiring.

Copyright © 2010 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings

http://en.wikipedia.org/wiki/Sweave

Sweave

From Wikipedia, the free encyclopedia

Jump to: navigation, search

Sweave is a function in the statistical programming language R that enables integration of R code into LaTeX or LyX documents. The purpose is "to create dynamic reports, which can be updated automatically if data or analysis change".[1]

The data analysis is performed at the moment of writing the report, or more exactly, at the moment of compiling the Sweave code with Sweave (i.e., essentially with R) and subsequently with LaTeX. This can facilitate the creation of up-to-date reports for the author.

Because the Sweave files together with any external R files that might be sourced from them and the data files contain all the information necessary to trace back all steps of the data analyses, Sweave also has the potential to make research more transparent and reproducible to others. However, this is only the case to the extent that the author makes the data and the R and Sweave code available. If the author only publishes the resulting PDF document or printed versions thereof, a report created using Sweave is no more transparent or reproducible than the same report created with other statistical and text preparation software.

[edit] See also

[edit] References

  1. ^ Leisch F (2002). "Sweave, Part I: Mixing R and LaTeX: A short introduction to the Sweave file format and corresponding R functions". R News 2 (3): 28–31. 

[edit] External links

http://www.everydayhealth.com/
http://wideopenspaces.squarespace.com/
http://www.smashingmagazine.com/2008/11/18/15-helpful-in-browser-web-development-tools/
http://a.deveria.com/caniuse/#agents=All&eras=All&cats=All&statuses=rec,pr,cr,wd,ietf

No JavaScript? Try the static version.

http://digitalpodge.co.uk/2009/
http://www.artiva.it/

Artiva Design is a creative studio located in Genoa (Italy).                                   

Fullscreen  \  Resize

Selected Works

Publications & Expo

About Us

Contacts

Shop

 
http://www.reddit.com/r/IAmA/comments/azcni/i_made_62232296_in_2009_from_affiliate_marketing/
http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/
http://www.webservicex.net/WS/wscatlist.aspx

Home |  Web Services  |  UDDI Explorer |  Tools  | Web Services FAQ  | Specifications  |  Links | Contact Us 
 
Top Web Services
Stock Quote
Currency Convertor
LloydsRiskCodeService
Global Weather
London Gold And Silver Fixing
Real Time Market Data
SendSMSWorld
OFAC SDN and Blocked Persons
Translation Engine
ABA Lookup

 Web Services

Search Web services

©2003 WebserviceX.NET. All rights reserved.  | We welcome your comments,  bug reports  and suggestions!  

http://cars.com/
http://lab.mightydream.com/simplenote-restyled/

Simplenote restyled

Note: Simplenote restyled is now a part of the official Simplenote web application, read here and here. Though, you'll still need to use this script with Fluid.

Simplenote restyled is a Greasemonkey userscript that applies a new interface to the Simplenote web application.

It was inspired by other similar projects like Helvetireader and Instapaper restyled.

How to Use

With any userscript-supporting browser extension, such as Greasemonkey for Firefox, or application, such as Fluid for Mac, install the following userscript:

Download

The Features

  • Landscape Support New! — Works with the newly introduced landscape mode.
  • Alternate Note Style — Switch to a white-text on dark-background style simply via the Account page (screenshot).
  • Auto-Update — Through version 1, simply refresh to load any available updates.
  • It's Stretchy — Interface automaticaly adjusts as the window is resized.
  • IconsDownload the icon pack containing several icon variations great for use with Fluid.
  • Main Window
  • Search & Delete
  • Icons
Simplenote restyled (light)

Note style: Light / Dark

I can't provide actual support, but I welcome any bug reports, suggestions, or feedback via Twitter or my Contact form. I'll do my best to respond.

http://jimneath.org/bort/

Bort – A Base Rails Application

What is Bort?

Bort is a base rails application that takes the pain out of setting up new projects. A lot of people do the same things, with every project. Not very DRY is it? So we decided to build a base application that your can use to start your projects.

Where do I get Bort?

Your can get Bort from Github:

http://github.com/fudgestudios/bort/tree

Once you’ve downloaded the file, unzip it, change the settings in database.yml, run rake db:migrate and you’re ready to rock.

Features

So you’re probably wondering what you get from Bort? Well here goes…

RESTful Authentication

RESTful Authentication is already setup. The routes are setup, along with the mailers and observers. Forgotten password comes setup, so you donít have to mess around setting it up with every project.

The AASM plugin comes pre-installed. RESTful Authentication is also setup to use user activation.

User Roles

Bort now comes with Role Requirement by Tim Harper. A default admin role is predefined along with a default admin user. See the migrations for the admin login details.

OpenID Integration

OpenID integration is now integrated with RESTful Authentication. Shazzam!

Will Paginate

We use will_paginate in pretty much every project we use, so Bort comes with it pre-installed.

Rspec & Rspec-rails

You should be testing your code, so Bort comes with Rspec and Rspec-rails already installed so youíre ready to roll.

Exception Notifier

You donít want your applications to crash and burn so Exception Notifier is already installed to let you know when everything goes to shit.

Asset Packager

Packages up your css/javascript so youíre not sending 143 files down to the user at the same time. Reduces load times and saves you bandwidth.

Routes

The routes for RESful Auth and the forgot password stuff are already sorted for you.

Settings YAML

There is a settings.yml file that contains site-wide stuff. The site name, url and admin email are all used in the RESTful Auth mailers, so you donít need to worry about editing them.

Database YAML

The database.yml defaults to sqlite3 but also contains the settings for MySQL in comments so you can switch over easily.

Capistrano Recipe

Bort comes ready to rock capistrano. The recipe that is setup is based on using git and passenger. Edit as you see fit.

Uses the Database for Sessions

Bort is setup to use the database to store sessions by default.

Misc
  • password and password_confirmation are set up to be filtered
  • there is a default application layout file
  • a page title helper has been added
  • index.html is already deleted
  • rails.png is already deleted
  • a few changes have been made to the default views
  • a default css file with blank selectors for common rails elements

Bort Suggestions?

If you have any suggestions for improvements, or bug fixes then please fork the project and let us know, or you could send us suggestions using User Voice.

POW!


http://developer.yahoo.com/yui/examples/slider/slider-simple.html

Developer Network Home - Help

YUI Library Examples: Slider Control: Basic Vertical Slider

Slider Control: Basic Vertical Slider

This example demonstrates a simple vertical implementation of the YUI Slider Control. Some characteristics of this implementation include the following:

  • The slider range is 200 pixels.
  • Custom logic is applied to convert the current pixel value (from 0 to 200) to a "real" value. In this case the "real" range is 0 to 300.
  • The value is set to 30 after the control is initialized
  • Once the slider has focus, the up and down keys will move the thumb 20 pixels (changing the "real" value by 30).
  • When the slider value changes, the UI is updated. The title attribute of the slider background is updated with the current value, and the text field is updated with the current "real" value. These techniques can help inform assistive technologies (like screen reader software) about the slider's current state.

Pixel value: 0

Converted value:

Building a Vertical Slider

You supply your own markup for the slider. Keep in mind the following points about markup for YUI Slider Control implementations:

  • The thumb element should be a child of the slider background
  • The tabindex attribute lets this element receive focus in most browsers.
  • We use the Sam skin for a 200px vertical slider and use the thumb-bar.gif thumb image from the build assets
  • If the slider background can receive focus, the arrow keys can be used to change this slider's value.
  • a performance bottleneck when animating the thumb's position in IE.
  • Don't apply a CSS border to the slider background

Markup:

Code:

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.

The YUI Team is hiring.

Copyright © 2010 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings

http://mistupid.com/people/page051.htm
MIStupid.com Logo
The Online Knowledge Magazine

Sponsored Ads:

How to Poop at Work

We've all been there but don't like to admit it. We've all kicked back in our cubicles and suddenly felt something brew down below. As much as we try to convince ourselves otherwise, the WORK POOP is inevitable. For those who hate pooping at work, following is the Survival Guide for taking a dump at work. Memorize these definitions and pooping at work will become a pure pleasure.

ESCAPEE
Definition: a fart that slips out while taking a leak at the urinal or forcing a poop in a stall. This is usually accompanied by a sudden wave of panic embarrassment. This is similar to the hot flash you receive when passing an unseen police car and speeding. If you release an escapee, do not acknowledge it. Pretend it did not happen. If you are standing next to the farter in the urinal, pretend you did not hear it. No one likes an escapee, it is uncomfortable for all involved. Making a joke or laughing makes both parties feel uneasy.

JAILBREAK (Used in conjunction with ESCAPEE)
Definition: When forcing poop, several farts slip out at a machine gun pace. This is usually a side effect of diarrhea or a hangover. If this should happen, do not panic. Remain in the stall until everyone has left the bathroom so to spare everyone the awkwardness of what just occurred.

COURTESY FLUSH
Definition: The act of flushing the toilet the instant the nose cone of the poop log hits the water and the poop is whisked away to an undisclosed location. This reduces the amount of air time the poop has to stink up the bathroom. This can help you avoid being caught doing the WALK OF SHAME.

WALK OF SHAME
Definition: Walking from the stall, to the sink, to the door after you have just stunk up the bathroom. This can be a very uncomfortable moment if someone walks in and busts you. As with all farts, it is best to pretend that the smell does not exist. Can be avoided with the use of the COURTESY FLUSH.

OUT OF THE CLOSET POOPER
Definition: A colleague who poops at work and damn proud of it. You will often see an Out Of The Closet Pooper enter the bathroom with a newspaper or magazine under their arm. Always look around the office for the Out Of The Closet Pooper before entering the bathroom.

THE POOPING FRIENDS NETWORK (PFN)
Definition: A group of coworkers who band together to ensure emergency pooping goes off without incident. This group can help you to monitor the whereabouts of Out Of The Closet Poopers, and identify SAFE HAVENS.

SAFE HAVENS
Definition: A seldom used bathroom somewhere in the building where you can least expect visitors. Try floors that are predominantly of the opposite sex. This will reduce the odds of a pooper of your sex entering the bathroom.

TURD BURGLAR
Definition: A pooper who does not realize that you are in the stall and tries to force the door open. This is one of the most shocking and vulnerable moments that can occur when taking a dump at work. If this occurs, remain in the stall until the Turd Burglar leaves. This way you will avoid all uncomfortable eye contact.

CAMO-COUGH
Definition: A phony cough that alerts all new entrants into the bathroom that you are in a stall. This can be used to cover-up a WATERMELON, or to alert potential Turd Burglars. Very effective when used in conjunction with an ASTAIRE.

ASTAIRE
Definition: A subtle toe-tap that is used to alert potential Turd Burglars that you are occupying a stall. This will remove all doubt that the stall is occupied. If you hear an Astaire, leave the bathroom immediately so the pooper can poop in peace.

WATERMELON
Definition: A turd that creates a loud splash when hitting the toilet water. This is also an embarrassing incident. If you feel a Watermelon coming on, create a diversion. See CAMO-COUGH.

HAVANA OMELET
Definition: A load of diarrhea that creates a series of loud splashes in the toilet water. Often accompanied by an Escapee. Try using a Camo-Cough with an Astaire.

UNCLE TED
Definition: A bathroom user who seems to linger around forever. Could spend extended lengths of time in front of the mirror or sitting on the pot. An Uncle Ted makes it difficult to relax while on the crapper, as you should always wait to drop your load when the bathroom is empty. This benefits you as well as the other bathroom attendees.

FLY BY
Definition: The act of scouting out a bathroom before pooping. Walk in and check for other poopers. If there are others in the bathroom, leave and come back again. Be careful not to become a FREQUENT FLYER. People may become suspicious if they catch you constantly going into the bathroom.




http://neditpasmoncoeur.blogspot.com/
http://espn.go.com/
http://bakery.cakephp.org/articles/view/debugging-with-firephp

Debugging with FirePHP

By Heath Nail (HeathNail)
This is a quick hack to have the debugger use FirePHP for debugging.

You may have read the other article on FirePHP which deals with the query log, if not check it out here:
http://bakery.cakephp.org/articles/view/baking-cakes-with-firephp

With a little massaging of Cake's Debugger class you can have all errors logged to the Firebug console instead of having them displayed on your site.

Things you'll need for this to work:

You'll need to download the FirePHP.class.php file and save it to vendors. I saved it to vendors/FirePHP/FirePHP.class.php

Then save the following file to vendors/FirePHP/FirePHP.debugger.php:
Download code <?php
/**
 * The majority of code in this file is based on CakePHP's Debugger.
 * This code is designed to work with CakePHP 1.2RC2 and no warranty is given nor implied.
 * @link http://www.cakephp.org
 * @link http://www.firephp.org
 * @license    http://www.opensource.org/licenses/mit-license.php The MIT License
 */
if(!class_exists('Debugger')) {
    
App::import('Core''Debugger');
}
if(!
class_exists('FirePHP')) {
    
App::import('Vendor''FirePHP', array ( 'file' => 'FirePHP.class.php'));
}
if(!
function_exists('fb')) {
    function 
fb() {
        
$instance FirePHP::getInstance(true);
        
$args func_get_args();
        return 
call_user_func_array(array($instance,'fb'),$args);
        return 
true;
    }
}
class 
FirePHPDebugger extends Debugger {

/**
 * holds current output format
 *
 * @var string
 * @access private
 */
    
var $__outputFormat 'fb';

/**
 * FirePHP error level
 *
 * @var string
 * @access public
 */
    
var $FirePHPLevel '';

/**
 * Gets a reference to the Debugger object instance
 *
 * @return object
 * @access public
 */
    
function &getInstance() {
        static 
$instance = array();

        if (!isset(
$instance[0]) || !$instance[0]) {
            
$instance[0] =& new FirePHPDebugger();
            if (
Configure::read() > 0) {
                
Configure::version(); // Make sure the core config is loaded
                
$instance[0]->helpPath Configure::read('Cake.Debugger.HelpPath');
            }
        }
        return 
$instance[0];
    }

/**
 * Overrides PHP's default error handling
 *
 * @param integer $code Code of error
 * @param string $description Error description
 * @param string $file File on which error occurred
 * @param integer $line Line that triggered the error
 * @param array $context Context
 * @return boolean true if error was handled
 * @access public
 */
    
function handleError($code$description$file null$line null$context null) {
        if (
error_reporting() == || $code === 2048) {
            return;
        }

        
$_this FirePHPDebugger::getInstance();

        if (empty(
$file)) {
            
$file '[internal]';
        }
        if (empty(
$line)) {
            
$line '??';
        }
        
$file $_this->trimPath($file);

        
$info compact('code''description''file''line');
        if (!
in_array($info$_this->errors)) {
            
$_this->errors[] = $info;
        } else {
            return;
        }

        
$level LOG_DEBUG;
        switch (
$code) {
            case 
E_PARSE:
            case 
E_ERROR:
            case 
E_CORE_ERROR:
            case 
E_COMPILE_ERROR:
            case 
E_USER_ERROR:
                
$error 'Fatal Error';
                
$level LOG_ERROR;
                
$this->FirePHPLevel FirePHP::ERROR;
            break;
            case 
E_WARNING:
            case 
E_USER_WARNING:
            case 
E_COMPILE_WARNING:
            case 
E_RECOVERABLE_ERROR:
                
$error 'Warning';
                
$level LOG_WARNING;
                
$this->FirePHPLevel FirePHP::WARN;
            break;
            case 
E_NOTICE:
            case 
E_USER_NOTICE:
                
$error 'Notice';
                
$level LOG_NOTICE;
                
$this->FirePHPLevel FirePHP::INFO;
            break;
            default:
                return 
false;
            break;
        }

        
$helpCode null;
        if (!empty(
$_this->helpPath) && preg_match('/.*\[([0-9]+)\]$/'$description$codes)) {
            if (isset(
$codes[1])) {
                
$helpCode $codes[1];
                
$description trim(preg_replace('/\[[0-9]+\]$/'''$description));
            }
        }

        echo 
$_this->__output($level$error$code$helpCode$description$file$line$context);

        if (
Configure::read('log')) {
            
CakeLog::write($level"{$error} ({$code}): {$description} in [{$file}, line {$line}]");
        }

        if (
$error == 'Fatal Error') {
            die();
        }
        return 
true;
    }

/**
 * Handles object conversion to debug string
 *
 * @param string $var Object to convert
 * @access private
 */
    
function __output($level$error$code$helpCode$description$file$line$kontext) {
        
$_this FirePHPDebugger::getInstance();
        if(
$_this->__outputFormat !== 'fb') {
            return 
Debugger::__output($level$error$code$helpCode$description$file$line$kontext);
        }
        
$files $_this->trace(array('start' => 2'format' => 'points'));
        
$listing $_this->fbFormat($_this->excerpt($files[0]['file'], $files[0]['line'] - 11));
        
$trace $_this->fbFormat($_this->trace(array('start' => 2'depth' => '20')));
        
$context '<br />';
        foreach ((array)
$kontext as $var => $value) {
            
$context.= "\${$var} = " $_this->exportVar($value1)."\n";
        }
        
$context $_this->fbFormat($context);
        
$instance FirePHP::getInstance(true);
        
$message "{$error} ({$code}): {$description} [{$file}, line {$line}";
        
$out = array(
            
'trace' => $trace,
            
'code' => $listing,
            
'context' => $context,
        );
        
call_user_func_array(array($instance,'fb'),array($out$message,  $this->FirePHPLevel));
    }

/**
 * Function to format data to look purdy in FireBug
 *
 * @param mixed $data Data to be formatted for FireBug
 * @return string Formatted FireBug data
 */
    
function fbFormat($data '') {
        if(
is_array($data)) {
            
$data join($data);
        }
        
$data strip_tags($data);
        
$data '<br /> ' str_ireplace("\t"'&nbsp;&nbsp;'str_ireplace("\n"'<br />'$data)) . '<br />';
        return 
$data;
    }
}

if (!
defined('DISABLE_DEFAULT_ERROR_HANDLING')) {
    
FirePHPDebugger::invoke(FirePHPDebugger::getInstance());
}
?>

Now add the following line to app/config/bootstrap.php:
Download code <?php
App
::import('Vendor''FirePHPDebugger', array('file' => 'FirePHP' DS 'FirePHP.debugger.php'));
?>

When an error occurs (and debug > 0) you'll see something like this in your FireBug console:
Download code http://yoursite.com
["Notice (1024): Foo [APP\config\bootstrap.php, line 46", Array(3)]

Hover over the "Array(3)" and you'll see a new window open with the Trace, Code, and Context info.

I haven't tested this code thoroughly, so if you have an issue leave a comment here and we can work it out.

Happy Baking!
Heath

 

Comments 796

CakePHP Team Comments Author Comments
 

Question

1 Great, but

do you think it's possible to move the "SQL output" as well?

But still: thank you for this sweet integration.

cu
Klaus
Posted Oct 22, 2008 by Klaus Brantl
 

Comment

2 @Klaus

do you think it's possible to move the "SQL output" as well?

But still: thank you for this sweet integration.

cu
Klaus
I think you are looking for this article?
http://bakery.cakephp.org/articles/view/baking-cakes-with-firephp
Posted Oct 27, 2008 by Heath Nail
 

Comment

3 Using

Very nice, Nail!

I have used this in my AppController to show the results that sended to views, it's includes all actions, see:


    function beforeRender() {
        if (Configure::read() > 0 && version_compare(PHP_VERSION, '5.2')) {
            fb($this->viewVars);
        }
    }
Posted Oct 27, 2008 by Juan Basso
 

Comment

4 DebugKit

Mark Story has put together a really cool CakePHP plugin that makes use of FirePHP. Check out DebugKit at:
http://www.mark-story.com/posts/view/debugkit-updates
and:
http://thechaw.com/debug_kit
Cheers :)
Posted Jan 23, 2009 by Heath Nail
 
 
 
http://cashmoneylife.com/2008/11/10/alternative-income-streams-are-important/
http://www.twilio.com/

BUILD POWERFUL

VOICE & SMS APPS.

Twilio provides a web-service API for businesses to build scalable, reliable communication apps.

Make and receive calls Voice-enable your apps Learn more »
Send and receive SMS Text messaging for your apps Learn more »
  • Telephony in the Cloud

    Twilio provides a cloud API for voice and SMS communications that leverages existing web development skills, resources and infrastructure.

  • Connect and Coordinate by Phone

    Build sales automation systems, order inquiry lines, CRM solutions, interactive SMS apps, call routing apps, phone trees, appointment reminders, custom voicemail apps, and a whole lot more.

  • Simple, Powerful, Pay As You Go

    Everything you need in just a 6 simple API building blocks. Reduce the cost of developing, deploying and managing voice and SMS apps by paying for capacity when you need it, not before.

Who's Talking Twilio

Amazon Web Services Tech Crunch GigaOm

"Twilio, a startup that can add cool phone features to web applications, has raised around $3.7 million in new funding..."

http://lesliefranke.com/files/firefoxwdev/firefoxwdev.htm

Web Development with Firefox

Rapid Web Development and Testing with Mozilla Firefox

Web Development with Mozilla Firefox

Successful web development requires certain essential tools. One of the best tools available for web development and testing is the Mozilla Firefox web browser. Mozilla Firefox Screen Shot

"Out of the box" Firefox has an extensive list of built in development tools. Secondly, the extensible design of Firefox has encouraged the development of many very useful extensions to help in the design and troubleshooting of web pages. The additional functionality can be a real time saver during the Web development process.

Quick Tip

Another important feature of Firefox is it's standards-compliant rendering engine. Firefox's page rendering has proven to be very close to the official W3C behavior and display recommendations. Consequently, web pages that render correctly in Firefox usually work reasonably, if not perfectly, in most other browsers with only minor adjustments.

Built-In Firefox Web Development Tools

Firefox comes with several standard tools that are built into the browser. By themselves, these tools are powerful enough to consider Firefox an essential web development tool.

These tools include:

  • An expanded page source viewer.
  • The ability to display detailed information about a web page.
  • A JavaScript debugging tool.
  • A real-time DOM inspector and editor.

Viewing the Source of a Page

Like most browsers, Firefox provides the ability to view the source of a page. Firefox offers a different twist, though. Instead of sending the source code to an external text editor, Firefox uses its own source viewer with syntax highlighting and color coding of the html tags.View Page Source in Firefox

When content on a web page is highlighted, Firefox also offers the option to view the selected source by opening a version of the source code view, with the selection's markup highlighted in the source. This makes it easier to find a specific section of a web page in the overall source code.

Quick Tip

You can view the source of a page by choosing "View > Page Source" through the menu system or by choosing View Page Source form the context menu (keyboard shortcut Ctrl-U).

You can view only part of the source of a page by highlighting a portion of the web page and then right-clicking to bring up the context menu and choosing "View Selection Source".

Page Info Reports

Firefox provides detailed information about a page through the Page Info window.Firefox Page Form Reports

  • The General tab displays information about the page such as url, size, and rendering mode.
  • The Form tab displays the forms on the page and details about the fields in the forms.
  • The Links tab lists the links in the page, including hyperlinks and style sheets.
  • The Media tab contains information about all media on the page, such as images and favicons.

Quick Tip

You can access the Page Info window from "Tools > Page Info" or by right-clicking on the page and selecting "View Page Info" from the context menu.

Javascript Console

The Javascript Console is a tool for JavaScript developers to write and test javascript code snippets or external JS files. The console provides an interface to use XPCOM components, a means for dynamic script loading, and the reporting of Javascript related and CSS errors in the web page.
Firefox Javascript Console

DOM Inspector

The DOM Inspector provides direct access to the Document Object Model. For each element, the inspector provides a list of information including which CSS rules are affecting any given element in order of their cascade priority. For quick access to the DOM for a selected element, you can also install the Inspect Element extension.
Firefox DOM Inspector

Quick Tip

Firefox comes with the DOM inspector, but on Windows machines, you need to choose it when you first install the browser. To do this choose "Custom Install" and then select "Web Developer Tools". Once installed, the Firefox DOM Inspector is under the Tools menu.

Firefox Web Development Extensions

In addition to the built in developer tools, Firefox provides the ability to add additional web development functionality through the use of add-on programs called extensions. Some of the most useful extensions are described in the following slides. Many more developer extensions are available on the Mozilla update site. Look under the developer tools submenu to find additional web developer extensions.

The Web Developer Extension

This extension, by itself, makes Firefox an indispensable tool for Web development and testing. The Web Developer Extension adds a toolbar to the browser containing various web developer tools. It outlines page elements, displays the size of images, gives CSS and form information, disables certain elements on a page, and much more.
Firefox Web Developer Extension

Accessibility

Accessibility Extensions for Firefox helps in the testing of a page's structural markup to meet the needs of people with disabilities. Fangs gives a textual representation of a page, similar to the way it is read by a screen reader. For more accessibility testing try the Accessibar Firefox extension or the Web Developer Extension.
Accessibility Extensions for Firefox

Colors

Colorzilla is an eyedropper tool. Hovering over an element shows color info, DOM path info, and the X,Y offset from the previous click.
Firefox Colorzilla Extension

Cookies

The Add & Edit Cookies extension allows for the adding and editing on cookies to a page. This extension is a more featured version of the View Cookies extension.
Add and Edit Cookies

CSS

The CSSViewer inspects elements on a page to give a complete rundown of the CSS declaration for a chosen element.
Firefox CSS Viewer
Aardvark is a CSS debugger with keyboard modifiers. It displays items on the page such as the element name and id or class name of a selected element.

Quick Tip

For the Aardvark extension, as you glide the mouse over the page, you will see a red rectangle framing each element under the cursor. You will also see a little yellow caption showing the HTML element type and its class or id if they exist.

Debugging

Firebug helps in debugging AJAX, DHTML, and JavaScript web applications. It will display errors that occur during the rendering of a page, will place the pointer on the appropriate line, and allows for the inspection of different values of the DOM.
Firefox Firebug Extension

Links

LinkChecker checks every link on a web page to find bad links. The simple color coding scheme makes it easy to quickly spot a bad link on a page.
Firefox Link Checker Extension

Measurements

MeasureIt draws a ruler across a web page to display the width, height, or alignment of any page element.
Firefox Measure It Extension

Page Information

The Extended Statusbar extension adds information to the status bar displaying the average download speed, bytes downloaded, load time, number of loaded images and percentage of the page loaded. It is similar to Opera's status bar.
Firefox Extended Statusbar Extension
The MetaTags Sidebar extension displays information from the source code, such as the code lying between the tags like description, keywords, and links.
Meta Tags

Page Parameters

Live HTTP Headers displays information about the HTTP headers on a page in real time.

UrlParams is a sidebar extension that displays the form parameters Firefox has sent to the server on the last request. It will also let you change or add parameters and re-submit the request.
URLParams

User Agents

User Agent Switcher allows Firefox to identify itself as a different web browser, such as IE or Opera, to a web server.
Firefox User Agent Switcher Extension

Validation

HTML Validator adds HTML validation inside Firefox's source viewer.
Firefox HTML Validator Extension

View Pages in Other Browsers

IE Tab is an extension that launchers your URL in Internet Explorer inside of a Firefox tab. A simple time saver when checking pages for cross-browser compatibility.

IE View allows the current page or a selected link to be opened in the Internet Explorer browser. OperaView provides the same functionality for the Opera web browser. In addition, FirefoxView allows you to open Firefox to the current page or selected link from within Internet Explorer.
IE Tab

Firefox Bookmarklets

Bookmarklets (favlets) are small JavaScript programs that are stored as a URL within a browser's bookmark and add additional functionality to the browser. While most of what bookmarklets can due are already bundled into extensions, two good sources of bookmarklets can be found at Slayer Office and Square Free. The Slayer Office Favlet Suite is particularly useful to show things such as a list of colors on a page or to change hidden fields on a form.
Slayer Office Favlet Suite

Firefox Developer Tools Extensions

In addition to extensions which help a developer to code and test a page there a several Firefox extensions that are designed to complement/replace various desktop development tools. These extensions provide an interesting alternative to software such as Filezilla or Nvu.

Editors

Codetch is a code editor for various markup languages. It emulates many of the features seen in Dreamweaver into a editor inside of Firefox.
Firefox CodeTch Extension

FTP

Fireftp is a FTP client which allows for easy access to a FTP server.
Firefox FireFTP Extensions

Images

MozImage is a simple image viewer and browser.
Firefox FireFTP Extensions

Screenshots

The Pearl Crescent Page Saver saves an image of a web page to a file in PNG format. The Page Saver extension uses the new canvas feature that was introduced in Firefox 1.5.

The Screen Grab extension takes a screenshot of a web page in several different ways. Most importantly, it allows you to capture the entire web document that you are viewing.
Firefox Screen Grab Extension

The End

While it may seem daunting at first take the time to get to know many of the extensions mentioned in the previous slides. It will save a lot of frustration and time. Especially become familiar with the Web Developer extension, the CSSViewer extension, and the Firebug Extension. You will be glad you did!

http://www.paloaltobcn.org/
http://www.ammunitiongroup.com/

Loading

%

0

%

TimeTuner clock radio app for iPhone and iPod Touch

Ammunition is a design company dedicated to bringing experiences that matter to market.
share
http://jp.techcrunch.com/archives/20100208google-to-unveil-broad-new-social-product-tomorrow/