[ del.icio.us poetry ]

http://see.stanford.edu/see/courses.aspx
SEE

courses

SEE programming includes one of Stanford’s most popular engineering sequences: the three-course Introduction to Computer Science taken by the majority of Stanford undergraduates, and seven more advanced courses in artificial intelligence and electrical engineering.

Introduction to Computer Science

Artificial Intelligence

Linear Systems and Optimization

Additional School of Engineering Courses


To learn about Stanford Engineering graduate education and professional certification delivered online, please visit the Stanford Center for Professional Development.

Creative Commons License
This work is licensed under a Creative Commons Attribution 3.0 United States License.
http://visualjquery.com/
http://lifehacker.com/5628464/enigio-boosts-your-geography-knowledge-with-customized-quizzes
http://www.hardtofindseminars.com/Site_Tour.html
http://moneywatch.bnet.com/saving-money/blog/devil-details/6-things-you-should-never-reveal-on-facebook/2360/?tag=active-mw#comments
http://blog.infinitered.com/entries/show/2

The last TextMate theme you'll ever need

TextMate theme
Download Theme (once downloaded, simply double click on the file to install)

This theme is based off of the Succulent and Brilliance Dull themes. I wanted a black theme that had different colors for a wide variety of items, with coordinated colors between like items.

Ruby
Ruby example

Java
Java example

HTML
HTML example

XML
XML example

Share:
dzone del.icio.us digg it reddit spurl simpy blinklist furl blogmarks magnolia

  1. Jared Richardson March 30, 2007 06:02 

    Wow! This looks great. Thanks for sharing.

  2. Kent March 30, 2007 06:56 

    Thanks! Looks good.

  3. jeremy March 30, 2007 16:10 

    Very nice! Thank you for sweet ocular delights.

  4. Alderete April 04, 2007 21:44 

    Can I just leave a vote for a white background-based theme?

  5.  April 05, 2007 06:43 Todd

    "Can I just leave a vote for a white background-based theme?"

    When I get a chance, I'll make IR_White. I think I'll just programatically change IR_Black, changing all the colors to a darker shade of what they are.

    That will be a fun little script to write when I'm waiting for c# to compile.

  6. Ryan Davis October 04, 2007 11:11 
  7. Swami April 06, 2008 23:28 

    Thank you very much for the theme. Just installed and it looks great.

  8. Jamie April 30, 2008 12:50 

    Nice theme thanks :-)

  9. Travis Bell May 25, 2008 22:30 

    I always liked Monokai, www.monokai.nl/blog/2006/07/15/textmate-color-theme/

    Nice and dark but still really pleasing to the eyes.

    Good work though man, would definitely consider it.

  10. sandro July 28, 2008 12:21 

    Perfect, my terminal and vim setup is 100% more readable now, thanks so much!

  11. Kenny Meyers August 02, 2009 13:33 

    This is great. Thank you very much.

  12. Nasimul Haque August 03, 2009 08:12 

    No, this one is not suitable for me. Python source is unreadable with this theme.

  13. Michael Glass September 10, 2009 18:13 

    Love the theme. Selection color is too dark. I always set it to light red (with your theme) and I'm in heaven.

  14. Christopher J. Bottaro November 04, 2009 09:59 

    What font/size/weight are you using? Looks good, thank you.

  15. Alf December 08, 2009 08:56 

    Just started using TextMate and was looking for something like this.
    This theme looks awesome, thanks a lot :)

  16. Trey March 06, 2010 13:35 

    I had been using the RubyRobot theme, but this one is MUCH better.

    Thanks!

  17. Jamie van Dyke August 02, 2010 08:03 

    Thanks for referencing my Succulent theme, I'm liking what you've done and have started using yours instead now! :)

  18. Lee July 20, 2010 01:01 

    only just started using it but I'm really liking it good work :)

  19. Victor Nystad August 25, 2010 00:58 

    Finally a good replacement for Vibrant Ink, I love it :-)

Leave a new comment:     = Required


(will not be shown)



http://alexle.net/archives/309
Put your message here! Contact me for more information
 








 

I recently purchased and installed a new SSL certificate from GoDaddy for Marrily. During the process, I came to learn more about SSL and the different steps to set everything up from scratch. There are an abundant amount of articles and tutorials on how you can get started, but surprisingly there are no articles on “why” you have to follow those steps. Truth is I was pretty confused when I first started. There were a bunch of different steps and different key, pem, crt, csr files that need to be generated. The result was that I got lost and screwed up during the process. I then add insults to injury by accidentally revoking my certificate instead of re-keying it and ended up having to call GoDaddy to revert the deletion. Since any entrepreneur with a SaaS website will eventually need to implement SSL to protect their customers, having a better understanding of SSL will be greatly beneficial. This is my explanation to the entire process in plain English in hope that I can help clear up the confusion.

Why SSL?

To protect the communications between your web server and the client’s browser, you need to implement an encrypted channel so that all data transferred back and forth can only be read by your server and the browser. Anyone who eavesdrops in between will just see gibberish. Only your web server and the client’s browser know the right “secrets” to unlock the encrypted message. This communication protocol is called https, with the s stands for “secured”.

When user requests a page via https, your server will need to encrypt the content using a secret which the user’s browser can decrypt using a well-known identity. If somehow the content is encrypted with an unknown identity, the browser will be very hesitant to accept it, and it will ask user to make the hard decision to proceed or not.

Why Purchase a SSL Certificate?

To purchase a SSL certificate is to obtain a publicly verifiable identity for your domain that is accepted in all browsers. Most modern browsers include a list of well-known root Certificate Authority (CA) public keys, and any encryption done using these CA sources will be accepted by the browser. It is also possible for you to generate a root Certificate Authority set of key as well, technically speaking you become your own Certificate Authority. However, since your identity is unknown and not verifiable, the browser will not trust your keys and thus it will pop up an alert to notify the user. Nonetheless, once you add your certificate key to your browser’s list of accepted certificates, it will come to know about your identity and hence it won’t bother popping up anymore.

Since you can’t ask everyone to manually install your public key to their browser’s list of accepted certificates, you will need to buy the certificate from an established vendor whose public key already came bundled by default in the browser. I read somewhere that this is how browser vendors can make some money, e.g. the SSL guys will need to pay to have their identity (the public key) included in the browser. In exchange, these SSL vendors can turn around and certify (or “sign”) anyone who wants to get a SSL certificate for a fee.

If you think about becoming a SSL vendor, you will need to convince all other browsers that you’re completely trustworthy, and you protect your private key used to generate the SSL certificate with your life, since whoever gets their hands on your private key will be able to sign any SSL request, thus compromising your identity as the reputable Certificate Authority. All SSL vendors offer a warranty on their SSL certificate service from $1,000 to $10,000 to a lot more specifically as a statement that they keep their secret hidden really well to protect the identity of their customers’ SSL certificates.

Obtaining a SSL Certificate

Step 1: Generate your private key

To handle https requests, your web server will need to encrypt the data. Hence the first step you need to do is to generate a private key that will be used for the encryption. You can use different encryption algorithms but a SSL vendor can ask you to use a specific method and key length. The longer the key, the better the encryption strength. If the key is too short, the bad guy can quickly run through all the possibilities and found out your private key, then he can pretend to be you. In my case, GoDaddy want to have 2048 bits (256 bytes) for the strength for the private key. For personal use, a key strenght of 1024 bits (128 bytes) would be sufficient.

openssl genrsa -out private.key 2048
Generating RSA private key, 2048 bit long modulus
..............................+++
.+++
e is 65537 (0x10001)

Step 2: Generate a new SSL Request .csr file

The next step is to generate a “request” for a new SSL using your private key. This request file has an extension of .csr which stands for Certificate Signing Request, and it contains the identity about you (or your company), and most importantly, where the SSL certificate would be valid for: a single domain (cheapest) or any sub-domains (a.k.a. wildcard, and a bit more pricey). All these information will be encrypted using your private key and saved to a file. The SSL Vendor will then take this file and sign it to produce a valid SSL certificate that can be applied to your server.

EV SSL
If you pay more money, you can also get your identity in the SSL certificate confirmed as a legitimate business entity. This type of SSL certificate is called EV SSL (Extended Validated Certificate). Essentially the SSL vendor will verify the identity of your company by asking you to submit your business registration paperwork, bank account, letter from attorney or accountant, etc., for an additional fee ($400 to $1,000). In return, you will have a green-bar status with your company’s name next to the browser’s address bar. The theory is that user can identify your company’s name, and thus feels more secured as he/she knows that the website is the correct one, not a phished site that just pretend to be your website. Most (if not all) banks and prominent businesses have this type of EV certificate to protect their identity.

To generate a new CSR from your private key, use the command:

$ openssl req -new -key private.key -out marrily.com.csr

As I mentioned, the most important bit of the CSR file is where the SSL Cert should be valid for, which is defined in the “Common Name” attribute. For single domain (https://marrily.com, or https://www.marrily.com), you can use either “domain.com” or “www.domain.com”, since the “www” subdomain is so commonly used and thus can be omitted. Check out line 14 below for more details:

$ openssl req -new -key private.key -out marrily.com.csr
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [AU]:US
State or Province Name (full name) [Some-State]:
Locality Name (eg, city) []:
Organization Name (eg, company) [Internet Widgits Pty Ltd]:Marrily
Organizational Unit Name (eg, section) []:
Common Name (eg, YOUR name) []:marrily.com
Email Address []:alexle@marrily.com

Please enter the following 'extra' attributes
to be sent with your certificate request
A challenge password []:
An optional company name []:

I did not specify any challenge password in this case to keep everything simple.

Step 3: Submit your CSR to get a SSL Cert

Now that you have the CSR file containing your identity and which domain the SSL would be valid for, you can submit this CSR file to the SSL vendor (of course you will have to pay them first). They will take your CSR file and generate a new .crt (certificate) file using their own private key. Essentially they “sign” your CSR file with their carefully guarded secret file. You will then get back the your .crt file corresponding to the CSR, and another .crt file that belongs to the SSL vendor.

Chances that the SSL Vendor’s crt file actually contains a list of different certificates (public keys). The reason is that more or less your SSL vendor is actually a re-seller of another Certificate Authority, which can also be a reseller of another higher-level CA. So the first certificate would belong to your immediate SSL vendor, the one after that belongs to the higher-level CA that signed your vendor’s cert, and the cert listed after that belongs to an even higher CA that signed the CA’s cert that signed your vendor’s cert which signed your own certificate. Essentially it’s a tree of certificates that lead all the way up to the highest level of CA, which is a root certificate that is included in the browsers by default. For GoDaddy, the root CA is www.valicert.com, and for VeriSign, it is VeriSign’s own Class 3 Public Primay Certification Authority - G5.


(notice the green bar, that’s the EV SSL which costs you some more money to obtain)

Step 4: Configure Your Web Server

Now you should have in your possession these files:

1) your private key
2) your .csr file (not used anymore)
3) your new SSL certificate provided by your vendor as a .crt file, which is valid for your domain.
4) your SSL vendor’s crt file, containing a list of different certificates.

You are now ready to go and configure the web server to use your private key and your new SSL certificate (which is technically a public key) for the https-enabled website. The specific configuration for each web server is different, but the process will be the same. Also, the .crt files sometimes have a “.pem” extension as well, but for simplicity’s sake, they can be used interchangeably.

Nginx and GoDaddy SSL

In my case, I used nginx to serve my Rails application. I originally installed this nginx instance from source using passenger’s installer but ssl was not enabled by default (you can check this by running “nginx -V” and look for –with-http_ssl_module). I re-ran the passenger’s installer again and add the –with-http_ssl_module switch to the optional parameters, and everything was good to go.

One gotcha for Nginx is that you will have to combine the 2 certs that GoDaddy give you into one .crt file, with your SSL certificate comes first, then GoDaddy’s crt file (gd_bundle.crt). The browser would understand this as your SSL was signed by the CA whose public key is next cert entry, then that one was signed by the one after it, etc. all the way to the root CA.


$ cat www.marrily.com.crt gd_bundle.crt > marrily_combined.crt

I then added a new server{} block to listen for ssl requests on port 443. After restarting Nginx, Marrily is now ssl-protected with a green padlock.

server {
    listen          443;
    server_name     marrily.com;
    # passenger stuff

    ssl on;
    ssl_certificate         /your/ssl/folder/marrily.crt;
    ssl_certificate_key     /your/ssl/folder/marrily.key;
}

Self-Signing your Certificate and Testing SSL Locally

Now that Marrily is https-enabled and some of the actions requires SSL, I wanted to develop the site locally using SSL as well to make sure all the logic worked correctly. I’d need to self-sign a new SSL certificate and have it installed locally.

Preparation
In my environment (Mac OS X Snow Leopard), I also have nginx installed using homebrew. Homebrew installed nginx with ssl support by default so no recompilation was needed. I also added a new entry to my host file so that I can use a fake domain to access my local site, and I’d use this fake domain in my CSR as well.

# /etc/hosts
127.0.0.1 marrilydev.com

Self-Signing a New Certificate
I generated a new private key openssl:

$ openssl genrsa -out privatekey.pem 2048

Then I generated a CA cert using this private key:

$ openssl req -new -x509 -key privatekey.pem -out cacert.pem -days 3650
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [AU]:
State or Province Name (full name) [Some-State]:
Locality Name (eg, city) []:
Organization Name (eg, company) [Internet Widgits Pty Ltd]:
Organizational Unit Name (eg, section) []:
Common Name (eg, YOUR name) []:marrilydev.com
Email Address []:

I didn’t care about any of the details except for the Common Name field, which I specified the fake domain.

Since the cacert.pem file was generated (a.k.a. signed) using the same privatekey.pem file, we could use it as the SSL certificate directly. All we’d need to do is set the ssl_certificate_key setting in the configuration to the privatekey.pem file:

upstream rails { server 127.0.0.1:3000; }

server {
   listen       443;
   server_name  marrilydev.com;

   ssl                  on;
   ssl_certificate      /Users/sr3d/projects/misc/ssl/cacert.pem;
   ssl_certificate_key  /Users/sr3d/projects/misc/ssl/privatekey.pem;
   ssl_session_timeout  5m;

   server_name   marrilydev.com;
   access_log    /Users/sr3d/projects/marrily/svn/marrily_marrily/m3/app/log/access.log;
   error_log     /Users/sr3d/projects/marrily/svn/marrily_marrily/m3/app/log/error.log;
   root          /Users/sr3d/projects/marrily/svn/marrily_marrily/m3/app/public/;

   location / {
     proxy_set_header  X-Real-IP  $remote_addr;
     proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
     proxy_set_header Host $http_host;
     proxy_connect_timeout 74; # max is 75s
     proxy_redirect off;

     # Proxy to Backend
     if (!-f $request_filename) {
        proxy_pass http://rails;
        break;
     }
   }
}

(Note: locally I have the nginx proxy all traffic to the development server running on port 3000)

Also, since Mac OS X has special restrictions for port 80 and port 443, nginx must run with sudo to listen to port 443, otherwise it would silently fail and you won’t be able to hit the site via https.

Getting Rid of SSL Warning By Installing The self-signed cert
With nginx configured to listen to secured requests, I opened up the site in Chrome, and saw a huge red error message complaining about the validity of the certificate, since Chrome did not recognize the identity of the cacert.pem. Obviously I could just ignore the warning and proceed to the https site for the current session, but there’s a better solution: add the cacert.pem to the list of approved certificates.

To install the self-signed certificate, just double click on the cacert.pem file in Finder. The cert would be added automatically to Keychain Access.

With the cert added to Keychain, all browsers installed in the system would gladly accept a https connection to https://marrilydev.com.

Summary

  • SSL certificate is not all that confusing once you understand the gist of it and why each file is needed
  • The process in simple steps:
    • generate a new private key for encryption
    • Using this private key, generate a CSR containing the domain information for the SSL
    • submit the CSR file to the SSL vendor to obtain a new CRT certificate file
    • configure your web server to listen to 443 https traffic using the private key in step 1 and the CRT obtained from the vendor
  • GoDaddy SSL has different pricing on their SSL stuff, so search around and don’t pay a full price.
  • SSL is cheap, implement it to protect your customers and gain their trust
  • If you’re gziping your site, should add this line to your nginx’s conf file:
    gzip_buffers 16 8k; to make sure nginx doesn’t loose large gzipped JS or CSS

Reference


Tags: , , , ,

 

One Response to “SSL in Plain English



11:52 pm
September 2, 2010
#304570

Excellent post.




 

Leave a Reply


 

http://www.flyeralarm.com/nl/index
http://www.tableausoftware.com/public/?ref=http://public.tableausoftware.com/views/Facebook/Facebook500M
Free Expert Live Training

How It Works

Learn how to visualize your data

Within minutes, our free data visualization tool can help you create an interactive viz and embed it in your website or share it. Anyone can do it, it’s that easy—and it’s free.

learn more

Inspiration Zone

http://thejit.org/demos/
http://www.immersive-garden.com/
Click here
http://www.phonebooth.com/

Congratulations! Your first business phone system is on the house.

Phonebooth Free beta is the cloud phone system that is perfect for small businesses, freelancers and independent professionals. And when you're all grown up, flip the switch to Phonebooth OnDemand, a full-featured office phone system with support for HD desk and conference phones. What are you waiting for?


Get Phonebooth Free Now!

Questions? Check out the Phonebooth Free FAQ

News Link

$20 per user for unlimited minutes and big business features.

If you have an office and five or more people anywhere in the United States and need business phone service, you're ready for Phonebooth OnDemand. Not sure yet, or want to use me first? Sign up for Phonebooth Free and try me out.


Learn more about Phonebooth OnDemand now!

Or, try our easy Quote Configurator

  • A free local phone number
  • 200 free minutes per month
  • Custom call routing to any phone
  • Users get extensions & voicemail
  • Read your voicemail in email
  • Contact Us Plus dynamic web widget
  • All features of Phonebooth Free, plus:
  • Unlimited local & long distance
  • Support for HD office phones
  • 24x7 US-based customer support
  • Conference calling
  • Toll-free and international plans
  • Detailed call records
http://www.historyforkids.org/learn/romans/
Ancient Rome for Kids - Ancient Roman food, Ancient Roman clothing, Roman art, Roman history, and much more.
Ancient Rome road

Ancient Rome

Roman History (with timeline)
Roman Art
Roman Religion
Roman Architecture
Roman Economy
Roman Environment (with maps)
Roman Clothing
Roman Language and literature
Roman Food
Roman Science
Roman People
Roman Games (with gladiators and circuses)
Roman Government
Books about Ancient Rome

To find out more about Ancient Rome, check out this book from Amazon.com or from your library:

Ancient Rome

Ancient Rome (Eyewitness Books), by Simon James (2004).


Crafts and Projects on Ancient Rome
Teacher's Guides for Ancient Rome
Gifts about Ancient Rome



$.98/ or LOG IN
Subscribe to Kidipede
Kidipede icons
http://www.animecharactersdatabase.com/
http://www.interbent.com/boston-red-soxs-fenway-park-by-color/
Your Ad Here
Boston Red Sox’s Fenway park is one of the most famous baseball stadiums in history. Known for the infamous “Green Monster” which has shut down many opposing teams home run attempts. The famous read seat and the blinking signal light on the John Hancock building are some of the more well known Boston traditions. See what else Bostons long baseball history has to offer.

 

Boston Red Sox's Fenway Park by Color

Win 2 Tickets to a Red Sox Game!!

Embed the infographic above with the code below:
Thumbnail only (580 x 649)

<p><a href=" http://www.interbent.com/Boston-Red-Sox-Fenway-Park-By_Culah.jpg"><img src="http://www.interbent.com/Boston-Red-Sox-Fenway-Park-By-Culah-Thumb.png" alt="Boston Red Sox's Fenway Park by Color" /></a><br />Source: <a href="http://www.interbent.com/boston-red-soxs-fenway-park-by-color/">Red Sox's Fenway Park by Color</a></p>

Full Size Infographic (780 x 9336)

<p><a href=" http://www.interbent.com/Boston-Red-Sox-Fenway-Park-By_Culah.jpg"><img src="http://www.interbent.com/Boston-Red-Sox-Fenway-Park-By_Culah.jpg" alt="Boston Red Sox's Fenway Park by Color" /></a><br />Source: <a href="http://www.interbent.com/boston-red-soxs-fenway-park-by-color/">Red Sox's Fenway Park by Color</a></p>

Popularity: 28% [?]

Your Ad Here

Reader Comment

http://www.laptop-battery-charger.net/index.htm (September 3rd, 2010, 11:27 am)

It’s very exciting!

Leave a Comment

http://mloss.org/software/
All entries.
Showing Items 1-10 of 270 on page 1 of 27: 1 2 3 4 5 6 Next Last

Logo jblas 1.1.1

by mikio - September 1, 2010, 13:53:51 CET [ Project Homepage BibTeX Download ] 3447 views, 783 downloads, 1 subscription

Rating Whole StarWhole StarWhole Star1/2 StarEmpty Star
(based on 2 votes)

About: jblas is a fast linear algebra library for Java. jblas is based on BLAS and LAPACK, the de-facto industry standard for matrix computations, and uses state-of-the-art implementations like ATLAS for all its computational routines, making jBLAS very fast.

Changes:

Changes from 1.0:

  • Added singular value decomposition
  • Fixed bug with returning complex values
  • Many other minor improvements

Logo redsvd 0.1.0

by hillbig - August 30, 2010, 18:13:55 CET [ Project Homepage BibTeX Download ] 83 views, 13 downloads, 1 subscription

About: redsvd is a library for solving several matrix decomposition (SVD, PCA, eigen value decomposition) redsvd can handle very large matrix efficiently, and optimized for a truncated SVD of sparse matrices. For example, redsvd can compute a truncated SVD with top 20 singular values for a 100K x 100K matrix with 10M nonzero entries in about two second.

Changes:

Initial Announcement on mloss.org.


Logo Pyriel 1.3

by tfawcett - August 29, 2010, 06:24:31 CET [ BibTeX BibTeX for corresponding Paper Download ] 2468 views, 372 downloads, 1 subscription

About: Pyriel is a Python system for learning classification rules from data. Unlike other rule learning systems, it is designed to learn rule lists that maximize the area under the ROC curve (AUC) instead of accuracy. Pyriel is mostly an experimental research tool, but it's robust and fast enough to be used for lightweight industrial data mining.

Changes:

Various bug fixes.


Logo gensim 0.7.1

by Radim - August 28, 2010, 07:34:56 CET [ Project Homepage BibTeX BibTeX for corresponding Paper Download ] 177 views, 27 downloads, 1 subscription

About: Python Framework for Vector Space Modelling that can handle unlimited datasets (input can be streamed, algorithms work incrementally in constant memory).

Changes:
  • improved Latent Semantic Analysis (incremental SVD) performance: factorizing the English Wikipedia (3.1m documents, 400 factors) now takes 14h even in serial mode (i.e., on a single computer)
  • several minor optimizations and bug fixes

About: The gmm toolbox contains code for density estimation using mixtures of Gaussians: Starting from simple kernel density estimation with spherical and diagonal Gaussian kernels over manifold Parzen window until mixtures of penalised full Gaussians with only a few components. The toolbox covers many Gaussian mixture model parametrisations from the recent literature. Most prominently, the package contains code to use the Gaussian Process Latent Variable Model for density estimation. Most of the code is written in Matlab 7.x including some MEX files.

Changes:

Initial Announcement on mloss.org


Logo NaN toolbox 2.3.0

by schloegl - August 27, 2010, 15:49:59 CET [ Project Homepage BibTeX Download ] 4793 views, 935 downloads, 1 subscription

About: NaN-toolbox is a statistics and machine learning toolbox for handling data with and without missing values.

Changes:

xptopen.mex: [HTML_REMOVED] reads and writes SAS Transport format (*.xpt) ttest and ttest2: [HTML_REMOVED] paired and unpaired t-test for data with missing values (useful for users of Octave, and for Matlab users without statistics toolbox)

  • train_sc: bug fix when labels are single column {-1,1} format
  • test_sc: improved docu for R.output

For more details see: http://biosig-consulting.com/matlab/NaN/CHANGELOG


Logo ml2h5 0.3.6

by shensche - August 27, 2010, 15:31:58 CET [ Project Homepage BibTeX Download ] 916 views, 208 downloads, 1 subscription

About: Tools to work on HDF5 files for mldata.org

Changes:
  • Added a fix when data.get_correct internally receives an array of array with values instead an array with values.
  • Added support for sparse matrices in data.get_correct.

Logo The Generalised Linear Models Inference and Estimation Toolbox 1.2

by hn - August 27, 2010, 11:27:27 CET [ Project Homepage BibTeX Download ] 386 views, 91 downloads, 1 subscription

About: The glm-ie toolbox contains scalable estimation routines for GLMs (generalised linear models) and SLMs (sparse linear models) as well as an implementation of a scalable convex variational Bayesian inference relaxation. We designed the glm-ie package to be simple, generic and easily expansible. Most of the code is written in Matlab including some MEX files. The code is fully compatible to both Matlab 7.x and GNU Octave 3.2.x. Probabilistic classification, sparse linear modelling and logistic regression are covered in a common algorithmical framework allowing for both MAP estimation and approximate Bayesian inference.

Changes:

New matrix class Bugfixes More examples New penalty and potential functions Group sparsity


Logo CARP 2.0

by volmeln - August 27, 2010, 06:16:07 CET [ Project Homepage BibTeX Download ] 804 views, 272 downloads, 1 subscription

About: CARP: The Clustering Algorithms’ Referee Package

Changes:

Options to add noise, outliers, inverse Box-Cox transformation.


Logo Orange 2.0 beta

by janez - August 23, 2010, 09:57:35 CET [ Project Homepage BibTeX Download ] 3071 views, 815 downloads, 0 subscriptions

About: Orange is a component-based machine learning and data mining software. It includes a friendly yet powerful and flexible graphical user interface for visual programming. For more advanced use(r)s, [...]

Changes:

Update for v2.0


Showing Items 1-10 of 270 on page 1 of 27: 1 2 3 4 5 6 Next Last
http://www.catalunyafrica.org/
ObjectiusorgansprojectesNotcies

 

infocuda

La riquesa cultural i el potencial econòmic de la multitud de pobles africans jugarà en el segle XXI un paper fonamental al món.

Catalunya, Espanya i Europa, per relacions històriques i situació geogràfica, poden i han de col·laborar perquè el potencial dels països africans sigui una realitat en el menor temps possible.

L'Institut Catalunya Àfrica entén que aquests reptes passen per centrar i fomentar aquesta col·laboració en el desenvolupament de la recerca i formació de les persones.

 

s

presentacio

El Màster es presenta oficialment a la seu de la direcció general de Agència Catalana de Cooperació de la Generalitat de Catalunya. més informació

agcta

b

Les universitats catalanes i africanes signen el conveni per desenvolupar el Màster a la URV més informació

conveni
Presentació del màster a la URV
___________
__

El ICA impulsarà les jornades "Ruralització de les ciutats africanes: trampa o oportunitat?" organitzades per la UIMP, amb el patrocini del Banc Santander i la
col.laboració de casa Àfrica.
més informació

jornada
Signatura del conveni entre la UIMP i l'ICA
___________

El Banc Santander ha donat suport econòmic al Màster CUDA i a la jornada sobre turisme sostenible a l'Àfrica del mes de juny a la Llotja de Mar de Barcelona .

santander

_____________

etcc

Visita a l'Escola de Turisme CETT i la Fundació IL3 de la UB
més informació


 
Passeig Bonanova 96
08017, Barcelona, Spain.
Tel.: 627 44 68 83
www.catalunyafrica.net
catalunyafrica@catalunyafrica.net

http://www.webdevbros.net/2009/06/24/create-a-multi-languaged-domain-model-with-nhibernate-and-c/
http://www.cuisineparadiso.com/
Menaje De Cocina, Babarcoas De Gas Y Carbon
Menaje de cocina y Utensilios de Cocina mas vendidos
Tienda de accesorios de cocina, Menaje de Cocina y utensilios de cocinama
Novedades Menaje de Cocina y utensilios de cocina
Reposteria, moldes de pasteles y utensilios de reposteria
Utensilios De Cocina Y Menaje de Cocina

 
http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/
http://www.thinkgeek.com/gadgets/watches/5cf4/
Share the AWESOME:
by e-mail on Facebook on Twitter via ShareThis
Customer Action Shots:
Send us your action shots!

The only analog watch that reads like a digital one

  • Interesting watch by designer Daniel Will-Harris
  • Reveals the current time gradually
  • Japanese quartz movement, water resistant to 30m
  • Read more...

$94.99

In stock

Hey wait! You have choices!

Please pick an item so we can magically put it in your cart.

Hey wait! You have choices!

Please pick an item so we can magically put it in your wishlist.

Quantity:

or

The only analog watch that reads like a digital one

As geeks, it seems we're either looking to the scientific wonders of The Future or we're knee deep in The Past with our noses in history books or donning our chainmail for some medieval battle action. This watch reminds you to stay in the Now, the era of "There's an app for that." The Future will reveal itself to you bit by bit as The Past fades away.

Computer graphics pioneer Daniel Will-Harris designed this watch as part of the Projects series, in which architects and designers were commissioned to craft unique timepieces. The Reveal Watch is the only analog watch to read in a digital manner. Truly unique in its display of time, the minutes and hours fade in and out as time passes. The plain black design matches everything you own, and even though the face is a bit bigger than a traditional ladies' watch, it's definitely a unisex watch suitable for geeks of either gender!

  • Black stainless steel case
  • Black leather band
  • Japanese quartz movement
  • Water-resistant to 30 meters
  • One-year manufacturer warranty
  • 1.38" (35mm) diameter
  • Weight 1oz (29g)
http://particletree.com/features/quick-start-your-design-with-xhtml-templates/
http://www.everythingferret.com/index.htm
http://www.datumprikker.nl/dp/scripts/default.asp
Nu aanmaken

Het plannen van een afspraak kan een hele klus zijn. Datumprikker.nl maakt het makkelijk!

Datumprikker.nl is de ideale manier om een afspraak te maken met collega's, vrienden of familie. Naast het prikken van een datum kun je datumprikker.nl gebruiken om cursisten in te plannen (inplanner) of deelnemers aan te melden (aanwezigheidsplanner).

Prik nu een datum om gezellig wat te gaan eten, iets te vieren of ondernemen, een vergadering, bedrijfsuitje of vrijgezellenfeest. Het gebruik van datumprikker.nl is gratis.

Er zijn tot nu toe 847.891 afspraken aangemaakt waarvan 25.988 in de laatste maand.

Inloggen





Registreren
Wachtwoord vergeten?

http://css-tricks.com/fluid-width-youtube-videos/

A Web Design Community curated by Chris Coyier

Fluid Width YouTube Videos

By: Chris Coyier on 9/2/2010

I saw that Andy Clarke had added a fluid width YouTube video to a particular page on one of his sites. His code relies upon a wrapping div and then images and video within this wrapper are set to the width of the wrapper:

.img img, .img object, img embed {
   width: 100%;
}

I love the idea. It’s essentially the classic technique for dealing with images in fluid width designs. Andy’s code sets max-width to 100% here too, but since the width is already 100% that doesn’t matter. Max-width works best by itself. So it can scale down images which could be larger than the wrapper, but not scale them up if they are smaller. For video, scaling up is probably fine. I’d suggest this change:

.img img {
   max-width: 100%;
}
.img object, img embed {
   width: 100%;
}

That will scales images only down if needed, and videos up or down.

Keeping Aspect Ratios

With images, as long as there isn’t an inline “height” setting, the aspect radio will be maintained in a fluid width environment even when you only alter the width. With video (flash or otherwise) this is not the case. If we want to maintain aspect ratio while the video grows and shrinks in width, we’re going to need JavaScript.

Example YouTube Provided Code:

<object width="640" height="385">
	<param name="movie" value="http://www.youtube.com/v/EWsWFjO9MlE?fs=1&amp;hl=en_US"></param>
	<param name="allowFullScreen" value="true"></param>
	<param name="allowscriptaccess" value="always"></param>

	<embed src="http://www.youtube.com/v/EWsWFjO9MlE?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed>
</object>

This is the plan:

  1. Find original aspect ratio by dividing original height by width
  2. When window is resized…
  3. Measure width of parent
  4. Set width of video to width of parent
  5. Set height of video to width multiplied by aspect ratio
  6. Trigger a fake resize on pageload to ensure video fits right away

Here, we’re using jQuery. Take note that we are target both the class name of .youtube and the embed within that class name. This is presupposing that we are adding a classname of .youtube to the object in the copy-and-paste code YouTube provides. Feel free to adjust the selectors as you wish. You may wish to target all objects themselves, or use a special wrapper. Here we’re using the #page-wrap of all the content to measure width.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script>
	var $origVideo = $(".youtube, .youtube embed");
	var aspectRatio = $origVideo.attr("height") / $origVideo.attr("width");

	$(window).resize(function() {
		var wrapWidth = $("#page-wrap").width();
		$origVideo
			.width(wrapWidth)
			.height(wrapWidth * aspectRatio);
	}).trigger("resize");
</script>

Also of note here is that we are targeting the <object>s and the <embed>s within them with this JavaScript. Targeting the objects alone will work in modern browsers. Including the embed is fine for modern browsers and makes it work with Internet Explorer as well.

Bonus Trick

You can get rounded corners on your YouTube videos! The only luck I’ve had so far is in Google Chrome (7.0.503.0 dev).

  1. Add this param to your embed (within the object) <embed wmode="opaque" ...
  2. Then you can add border radius to the object
    object {
    	border-radius: 10px;
    }

Credit to ubahnverleih on Forrst for the idea.

Demo & Download

View Demo   Download Files

UR DOIN IT WRG

This worked in all browsers I tried, including Internet Explorer (tested 7 & 8), but not Opera. The best I can tell is that Opera respects in the inline width and height attributes over those set via inline styling. If anyone knows of a way to fix that, or if you think my whole method here is stupid and you have something better, please let me know and I’ll update things here.

20 Responses

  1. edurup says:

    YouTube access banned in our country

  2. cjk says:

    Hmm, but it works with Opera 10.61(win). Do you have the newest version?

  3. Nice tutorial!
    I checked this in Opera (latest ver. for Mac) and it works fine. It’s a little jumpy and not a smooth resize, but it works!

  4. What a neat trick! Looks like I need to redesign my personal site to be liquid. I love how your site works when I resize the window, it’s very user friendly.

    Thanks for sharing!

  5. krisu says:

    Unfortunately it doesn’t work when you have Flashblock on (at least in Firefox).

    Still, really nice idea!

    • SpeedGun says:

      Of course it doesn’t work :P

      When you have Flashblock activated it blocks the You Tube video.

      • krisu says:

        ..I didn’t really mean THAT

        I mean when you unblock flash element, that script is not gonna work and Youtube video isn’t in fluid width because of that

  6. One thing with window.resize is it can be fired more than you think. Some browsers fire it when you’re done with the resizing, others fire it continually as you’re resizing. I forget the particulars, but it’s mentioned in Stoyan Stefanov’s Object-Oriented JavaScript book (which is great, BTW, http://www.amazon.com/Object-Oriented-JavaScript-Stoyan-Stefanov/dp/1847194141/?tag=w3clubs-20).

    Probably not a big deal, but might have some performance impacts.

  7. aki says:

    goodness gracious its so cool. Liking the look of that cute youtube player when it is so small. :D

  8. Patrick Bruckner says:

    it works with Opera 10.61 on my Mac basically. Despite the resizing while dragging the browser window bigger or smaller.

    But basically it works fine.
    nice technique and tutorial btw… ;)

  9. Willson says:

    If I wasn’t using Youtube5 extension for Safari this would be even more awesome for me. haha, awesome stuff Chris.

  10. wow… nice idea :)

    .. have to admit – i’m too tired now to try it ;)

    thank You for sharing

  11. Dusan says:

    Thank you! I was just thinking about this the other day

  12. Ioan Popa says:

    Thanks, this a good think to know :)

  13. Thanks a bunch! This is just what I need for a friend’s site.

  14. imran khan says:

    oh Great!!! this is something very special!!!

  15. I don’t remember doing this. I must be smarter than I (and everyone else) thought!
    Very useful technique though, thanks!

Leave a Comment

Remember:
  • Be nice.
  • Wrap multiline code in <pre> and <code> tags and escape it first (turn <'s into &lt;'s).
  • You may use regular HTML stuff like <a href="">, <em>, and <strong>
* This website may or may not contain any actual CSS or Tricks.  
http://cafe.naver.com/inmacbook
http://www.gastindeklas.nl/
welkom!
Stichting Gast in de Klas brengt vraag en aanbod van gastlessen, lespakketten, projecten en excursies bij elkaar voor het po, vo en mbo.

Als docent vindt u in deze unieke databank snel inspiratie rondom levensecht onderwijs. De thema's zijn divers en het aanbod blijft groeien. Bekijk het aanbod eens via een proefaccount of neem als school een volledig account (beide gratis) en leg eenvoudig contact met de vele aanbieders.

inspiratie
gastlessen
gastlessen Een deskundige live voor uw klas in het kader van levensecht onderwijs. Laat u inspireren door het uitdagende aanbod! > lees meer
lespakketten
gastlessen Als aanvulling op of vervanging van uw lessen. Het uitgebreide palet aan onderwerpen zal u verbazen. Neem snel een kijkje! > lees meer
projecten
gastlessen Zoekt u verbreding of verdieping van uw lessen? 1 dag, 1 week of op maat? Onder projecten vindt u inspirerende mogelijkheden!> lees meer
excursies
gastlessen Een excursie is een krachtig hulpmiddel om uw leerlingen maximaal te motiveren. Bekijk het zeer complete aanbod! > lees meer
ik zoek aanbod
proefaccount school
volledig account school
ik heb aanbod
meld uw aanbod hier aan
kijk wat scholen zoeken
inloggen

Feedback Form
Feedback Analytics
http://usagifrask.com/
  • うさぎふらすこ
  • バカとエロで世界を再構築したい。
  • うさぎふらすこ
うさぎふらすこ
mixiやってます
SERVICE
Twitter野球拳
Twitter野球拳
Twitterと連動した野球拳ゲームです。女の子を最後まで脱がせたら、あなたの勝敗成績をツイート!
“twit-tease”is Japanese strip game on twitter.The rule is simple. Select“Rock, Paper, Scissors”button. If you win,you will get girl’s strip picture.
SERVICE
ONATTER / おなったーლ(・ิω・ิლ)
オナニーなう支援ツール
ONATTER / おなったーლ(・ิω・ิლ)もっと手軽に「オナニーなう」。心の準備ができたらボタンを押して手淫を開始してください。 Twitterに「オナニーなう」とポストされます。セルフプレジャーが完了したら、もう一度ボタンをクリックしてください。Twitterに「ふぅ・・・」とポストされます。あとはご自由に賢者タイムをお楽しみください。
SERVICE
Twit-Ticker
twiterのつぶやきを1行ニュースティッカー風に表示できるブログパーツ。シンプルなウィジェットって意外となかったので作ってみました。
SERVICE
tweegle
tweegle
これでもう、会社で堂々とつぶやける!!どこからどう見てもgoogleのtwitterクライアント。なんとリプライやRTのみに絞って見られる機能や、フォロワーのアイコン一覧を出せる機能など、見た目だけじゃない高機能
SERVICE
Buzzoo!知恵袋
Buzzoo!知恵袋
人の悩みってどうしてこんなに面白いんだろう。人類がいとおしくなるYahoo!知恵袋のまとめ。
SERVICE
twit-shirts
twit-shirts
(株)イメージマジックさんとのコラボ企画!
twit-shirtsはあなたのつぶやきからTシャツをつくるサービスです。Let's make your twitter Tshirts!
SERVICE
BUKKAKEジェネレーター
顔画像をUPすると自動でBUKKAKE!
"BUKKAKE" is popular Japanese culture. Our "BUKKAKE" pics will make you satisfaction.
SERVICE
EXCEL風2chビューワー
EXCEL風2chビューワー一目瞭然、ある意味最強の2chビューワー。会社で堂々とスレチェック! これでもう仕事中も流れを見逃さずにすむ!ひそかにイルカに人工無脳が搭載されてたり、F1キーで出たり消えたり。
SERVICE
EXCEL風BBSPINKビューワー
嫁にバレずにエロ画像チェック。会社にバレずに風俗情報チェック。そんなあなたの夢、かなえときました
SERVICE
写もじメーカー
画像をUPすると携帯用の絵文字サイズに一発縮小。トリミングもできるから、自分の顔アイコンなんかもらくらく作れちゃう!
COMPANY PROFILE
株式会社 うさぎふらすこ
会社名株式会社 うさぎふらすこ
Englishusagifrask Co., Ltd.
業務内容バカとエロで世界を再構築すること。
連絡先info@usagifrask.com
http://winfuture.de/neuestedownloads.html
http://popularwoodworking.com/GeneralMenu/
Home| Projects| Tools| Techniques| Interviews| Community| Video| Store| Newsletters