10 stylish hover effects with less ('-' * 34) A small collection of stylish effects with Less. See also: 10 hover effcts with scss: http://codepen.io/caraujo/pen/LVPzxO
A Pen by Renan C. araujo on CodePen.
10 stylish hover effects with less ('-' * 34) A small collection of stylish effects with Less. See also: 10 hover effcts with scss: http://codepen.io/caraujo/pen/LVPzxO
A Pen by Renan C. araujo on CodePen.
Install on OS X: sudo gem install sass
Version info: sass -v
| // the code below can be added to the end of your Reveal slide deck to implement | |
| // per slide theme setting via the data-theme attribute | |
| // I put this in right below the call to Reveal.initialize() | |
| // the code is smart enough to restore the previous default theme | |
| // (or slide specific theme) as you move forward and backward | |
| // it also takes into account vertical slide stacks with a data-theme | |
| // attribute on the outer <section> tag and allows individual vertical | |
| // slides to specify their own override |
| /** | |
| * Note that the following media queries are intended to be used for the specified device or screen size | |
| * in both portrait and landscape mode. | |
| * | |
| * Desktop queries are not provided since the default styles for most sites and applications typically focus | |
| * on that for the default sites. | |
| * | |
| * Contributes, comments, and all that fun stuff always welcome :). | |
| */ | |
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Bootstrap Masonry Template</title> | |
| <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700"> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Project Title</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content=""> | |
| <link rel="shortcut icon" href="favicon.ico"> | |
| <!-- Twitter Bootstrap --> |
In August 2007 a hacker found a way to expose the PHP source code on facebook.com. He retrieved two files and then emailed them to me, and I wrote about the issue:
http://techcrunch.com/2007/08/11/facebook-source-code-leaked/
It became a big deal:
http://www.techmeme.com/070812/p1#a070812p1
The two files are index.php (the homepage) and search.php (the search page)
| require 'sinatra' | |
| require 'action_mailer' | |
| class Mailer < ActionMailer::Base | |
| def contact | |
| mail( | |
| :to => "[email protected]", | |
| :from => "[email protected]", | |
| :subject => "Test") do |format| | |
| format.text |
| #301 Redirects for .htaccess | |
| #Redirect a single page: | |
| Redirect 301 /pagename.php http://www.domain.com/pagename.html | |
| #Redirect an entire site: | |
| Redirect 301 / http://www.domain.com/ | |
| #Redirect an entire site to a sub folder | |
| Redirect 301 / http://www.domain.com/subfolder/ |