Update.
This commit is contained in:
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 {
|
.container > div {
|
||||||
flex: 0 1 auto; /* grow shrink basis */
|
flex: 0 0 40px;
|
||||||
|
flex: 0 1 auto;
|
||||||
|
/* grow shrink basis */
|
||||||
}
|
}
|
||||||
|
|
||||||
Full
|
Full
|
||||||
|
@ -54,3 +56,20 @@ Full
|
||||||
height: 100px;
|
height: 100px;
|
||||||
margin: auto;
|
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:
|
# Example:
|
||||||
animation: bounce 300ms linear 0s infinite normal
|
animation: bounce 300ms linear 0s infinite normal
|
||||||
animation: bounce 300ms linear infinite
|
animation: bounce 300ms linear infinite
|
||||||
|
animation: bounce 300ms linear infinite alternate-reverse
|
||||||
|
|
||||||
### Other properties
|
### Other properties
|
||||||
|
|
||||||
|
@ -80,8 +81,6 @@ Webkit extensions
|
||||||
|
|
||||||
/* maxvoltar.com/archive/-webkit-font-smoothing */
|
/* maxvoltar.com/archive/-webkit-font-smoothing */
|
||||||
* {
|
* {
|
||||||
text-rendering: optimizeLegibility !important;
|
|
||||||
-webkit-font-smoothing: antialiased !important;
|
|
||||||
text-rendering: optimizeLegibility !important;
|
text-rendering: optimizeLegibility !important;
|
||||||
-webkit-font-smoothing: antialiased !important;
|
-webkit-font-smoothing: antialiased !important;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
|
@ -3,14 +3,36 @@ title: Rails helpers
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
### Date helpers
|
|
||||||
|
|
||||||
http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html
|
|
||||||
|
|
||||||
### Date
|
### Date
|
||||||
|
|
||||||
distance_of_time_in_words(Time.now, project.end_date) #=> 3 hours
|
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
|
### Time select
|
||||||
|
|
||||||
|
@ -20,38 +42,43 @@ http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html
|
||||||
|
|
||||||
# All options are optional
|
# All options are optional
|
||||||
time_select "article", "start_time", \
|
time_select "article", "start_time", \
|
||||||
:include_seconds => true,
|
include_seconds: true,
|
||||||
:minute_step => 15,
|
minute_step: 15,
|
||||||
:prompt => true,
|
prompt: true,
|
||||||
:prompt => { :hour => "Choose hr", :minute => "Choose min", :second => "Choose sec" },
|
prompt: { hour: "Choose hr", minute: "Choose min", second: "Choose sec" },
|
||||||
:ampm => true
|
ampm: true
|
||||||
|
|
||||||
# For dates (all options are optional)
|
# For dates (all options are optional)
|
||||||
date_select "article", "written_on", \
|
date_select "article", "written_on", \
|
||||||
:start_year => 1995,
|
start_year: 1995,
|
||||||
:use_month_numbers => true,
|
use_month_numbers: true,
|
||||||
:discard_day => true,
|
discard_day: true,
|
||||||
:include_blank => true,
|
include_blank: true,
|
||||||
:order => [:day, :month, :year],
|
order: [:day, :month, :year],
|
||||||
:default => 3.days.from_now,
|
default: 3.days.from_now,
|
||||||
:default => { :day => 20 },
|
default: { day: 20 },
|
||||||
:prompt => { :day => 'Select day', :month => 'Select month', :year => 'Select year' }
|
prompt: { day: 'Select day', month: 'Select month', year: 'Select year' }
|
||||||
|
|
||||||
### Time tag
|
### Time tag
|
||||||
|
|
||||||
time_tag Date.today #=> <time datetime="2010-11-04">November 04, 2010<%rtime>
|
time_tag Date.today
|
||||||
time_tag Time.now #=> <time datetime="2010-11-04T17:55:45+01:00">November 04, 2010 17:55</time>
|
#=> '<time datetime="2010-11-04">November 04, 2010<%rtime>'
|
||||||
|
|
||||||
time_tag Date.yesterday, 'Yesterday' #=> <time datetime="2010-11-03">Yesterday<%rtime>
|
time_tag Time.now
|
||||||
time_tag Date.today, :pubdate => true #=> <time datetime="2010-11-04" pubdate="pubdate">November 04, 2010</time>
|
#=> '<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, \
|
time_tag Date.today, \
|
||||||
:format => :short_date # (en.time.formats.short_date)
|
format: :short_date # (en.time.formats.short_date)
|
||||||
|
|
||||||
|
|
||||||
### Files
|
### Files
|
||||||
|
|
||||||
= form_for @post, :multipart => true do |f|
|
= form_for @post, multipart: true do |f|
|
||||||
= f.file_field :picture
|
= f.file_field :picture
|
||||||
|
|
||||||
### i18n
|
### i18n
|
||||||
|
@ -65,3 +92,7 @@ http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html
|
||||||
# files:
|
# files:
|
||||||
# one: 'one file'
|
# one: 'one file'
|
||||||
# other: '%{count} files'
|
# 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: 1 # => 'one message'
|
||||||
I18n.translate :inbox, count: 2 # => '2 messages'
|
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
|
||||||
|
|
||||||
activerecord.attributes.user.name
|
activerecord.attributes.user.name
|
||||||
|
|
|
@ -50,6 +50,21 @@ layout: default
|
||||||
add_index
|
add_index
|
||||||
remove_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
|
### Associations
|
||||||
|
|
||||||
t.references :category # kinda same as t.integer :category_id
|
t.references :category # kinda same as t.integer :category_id
|
||||||
|
|
Loading…
Reference in New Issue