Update.
This commit is contained in:
Rico Sta. Cruz
parent
d13bd95045
commit
aec7c8f0c5
|
|
@ -0,0 +1,23 @@
|
|||
---
|
||||
title: CSS antialiasing
|
||||
layout: default
|
||||
---
|
||||
|
||||
### On
|
||||
|
||||
* {
|
||||
text-rendering: optimizeLegibility !important;
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
### Support
|
||||
|
||||
* Firefox 25+ on OSX
|
||||
* Webkits (Chrome, Safari, etc)
|
||||
|
||||
### References
|
||||
|
||||
* [maxvoltar.com](http://maxvoltar.com/archive/-webkit-font-smoothing)
|
||||
* [maximilianhoffman.com](http://maximilianhoffmann.com/posts/better-font-rendering-on-osx)
|
||||
* [ilikekillnerds.com](http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-looking-bold-on-mac-browsers/)
|
||||
|
|
@ -10,7 +10,9 @@ Basic
|
|||
}
|
||||
|
||||
.container > div {
|
||||
flex: 0 1 auto; /* grow shrink basis */
|
||||
flex: 0 0 40px;
|
||||
flex: 0 1 auto;
|
||||
/* grow shrink basis */
|
||||
}
|
||||
|
||||
Full
|
||||
|
|
@ -54,3 +56,20 @@ Full
|
|||
height: 100px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
### Mobile
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.container > .top-bar {
|
||||
flex: 0 0 100px;
|
||||
}
|
||||
|
||||
.container > .content {
|
||||
height: 100px;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
|
|
|
|||
3
css.md
3
css.md
|
|
@ -66,6 +66,7 @@ Animations
|
|||
# Example:
|
||||
animation: bounce 300ms linear 0s infinite normal
|
||||
animation: bounce 300ms linear infinite
|
||||
animation: bounce 300ms linear infinite alternate-reverse
|
||||
|
||||
### Other properties
|
||||
|
||||
|
|
@ -80,8 +81,6 @@ Webkit extensions
|
|||
|
||||
/* maxvoltar.com/archive/-webkit-font-smoothing */
|
||||
* {
|
||||
text-rendering: optimizeLegibility !important;
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
text-rendering: optimizeLegibility !important;
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
|
|
|||
|
|
@ -3,14 +3,36 @@ title: Rails helpers
|
|||
layout: default
|
||||
---
|
||||
|
||||
### Date helpers
|
||||
|
||||
http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html
|
||||
|
||||
### Date
|
||||
|
||||
distance_of_time_in_words(Time.now, project.end_date) #=> 3 hours
|
||||
distance_of_time_in_words_to_now project.end_date #=> 3 hours
|
||||
distance_of_time_in_words_to_now(project.end_date) #=> 3 hours
|
||||
|
||||
time_ago_in_words 3.minutes.ago #=> "3 minutes"
|
||||
|
||||
### Numbers
|
||||
|
||||
number_to_currency 20.33
|
||||
number_with_precision 3.14159, precision: 2
|
||||
number_to_percentage 32 #=> "32%"
|
||||
number_with_delimiter 2048 #=> "2,048"
|
||||
number_to_human 12000000 #=> "12 million"
|
||||
number_to_human_size 12000000 #=> "12 MB"
|
||||
number_to_phone "5551234" #=> "555-1234"
|
||||
|
||||
### Cache
|
||||
|
||||
<% cache project do %>
|
||||
<% cache [project, current_user] do %>
|
||||
|
||||
<% cache_if admin?, project do %>
|
||||
<% cache_unless admin?, project do %>
|
||||
|
||||
### Tags
|
||||
|
||||
tag("br")
|
||||
tag("img", src: "image.jpg")
|
||||
content_tag(:p, "Hello")
|
||||
|
||||
### Time select
|
||||
|
||||
|
|
@ -20,38 +42,43 @@ http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html
|
|||
|
||||
# All options are optional
|
||||
time_select "article", "start_time", \
|
||||
:include_seconds => true,
|
||||
:minute_step => 15,
|
||||
:prompt => true,
|
||||
:prompt => { :hour => "Choose hr", :minute => "Choose min", :second => "Choose sec" },
|
||||
:ampm => true
|
||||
include_seconds: true,
|
||||
minute_step: 15,
|
||||
prompt: true,
|
||||
prompt: { hour: "Choose hr", minute: "Choose min", second: "Choose sec" },
|
||||
ampm: true
|
||||
|
||||
# For dates (all options are optional)
|
||||
date_select "article", "written_on", \
|
||||
:start_year => 1995,
|
||||
:use_month_numbers => true,
|
||||
:discard_day => true,
|
||||
:include_blank => true,
|
||||
:order => [:day, :month, :year],
|
||||
:default => 3.days.from_now,
|
||||
:default => { :day => 20 },
|
||||
:prompt => { :day => 'Select day', :month => 'Select month', :year => 'Select year' }
|
||||
start_year: 1995,
|
||||
use_month_numbers: true,
|
||||
discard_day: true,
|
||||
include_blank: true,
|
||||
order: [:day, :month, :year],
|
||||
default: 3.days.from_now,
|
||||
default: { day: 20 },
|
||||
prompt: { day: 'Select day', month: 'Select month', year: 'Select year' }
|
||||
|
||||
### Time tag
|
||||
|
||||
time_tag Date.today #=> <time datetime="2010-11-04">November 04, 2010<%rtime>
|
||||
time_tag Time.now #=> <time datetime="2010-11-04T17:55:45+01:00">November 04, 2010 17:55</time>
|
||||
time_tag Date.today
|
||||
#=> '<time datetime="2010-11-04">November 04, 2010<%rtime>'
|
||||
|
||||
time_tag Date.yesterday, 'Yesterday' #=> <time datetime="2010-11-03">Yesterday<%rtime>
|
||||
time_tag Date.today, :pubdate => true #=> <time datetime="2010-11-04" pubdate="pubdate">November 04, 2010</time>
|
||||
time_tag Time.now
|
||||
#=> '<time datetime="2010-11-04T17:55:45+01:00">November 04, 2010 17:55</time>'
|
||||
|
||||
time_tag Date.yesterday, 'Yesterday'
|
||||
#=> '<time datetime="2010-11-03">Yesterday<%rtime>'
|
||||
|
||||
time_tag Date.today, pubdate: true
|
||||
#=> '<time datetime="2010-11-04" pubdate="pubdate">November 04, 2010</time>'
|
||||
|
||||
time_tag Date.today, \
|
||||
:format => :short_date # (en.time.formats.short_date)
|
||||
|
||||
format: :short_date # (en.time.formats.short_date)
|
||||
|
||||
### Files
|
||||
|
||||
= form_for @post, :multipart => true do |f|
|
||||
= form_for @post, multipart: true do |f|
|
||||
= f.file_field :picture
|
||||
|
||||
### i18n
|
||||
|
|
@ -65,3 +92,7 @@ http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html
|
|||
# files:
|
||||
# one: 'one file'
|
||||
# other: '%{count} files'
|
||||
|
||||
### References
|
||||
|
||||
* http://api.rubyonrails.org/classes/ActionView/Helpers.html
|
||||
|
|
|
|||
|
|
@ -21,6 +21,21 @@ layout: default
|
|||
I18n.translate :inbox, count: 1 # => 'one message'
|
||||
I18n.translate :inbox, count: 2 # => '2 messages'
|
||||
|
||||
### Time
|
||||
|
||||
en:
|
||||
date:
|
||||
formats:
|
||||
default: "%Y-%m-%d"
|
||||
short: "%b %d"
|
||||
time:
|
||||
formats:
|
||||
default: "%a, %d %b %Y %H:%M:%S %z"
|
||||
short: "%d %b %H:%M"
|
||||
|
||||
I18n.l Time.now
|
||||
I18n.l Time.now, format: :short
|
||||
|
||||
### ActiveRecord
|
||||
|
||||
activerecord.attributes.user.name
|
||||
|
|
|
|||
|
|
@ -50,6 +50,21 @@ layout: default
|
|||
add_index
|
||||
remove_index
|
||||
|
||||
### Use models
|
||||
|
||||
class AddFlagToProduct < ActiveRecord::Migration
|
||||
class Product < ActiveRecord::Base
|
||||
end
|
||||
|
||||
def change
|
||||
add_column :products, :flag, :boolean
|
||||
Product.reset_column_information
|
||||
reversible do |dir|
|
||||
dir.up { Product.update_all flag: false }
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
### Associations
|
||||
|
||||
t.references :category # kinda same as t.integer :category_id
|
||||
|
|
|
|||
Loading…
Reference in New Issue