ズルいデザインを使った Rails 用 gem "zurui-sass-rails" の使って、実際にデザインの作り方を体験できるハンズオンです。 体験用レポジトリ https://github.com/prog4designer/zurui-hands-on zurui-sass-rai…
![Rubyistのためのズルいデザインハンズオン in RubyHiroba P4D ワークショップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8565f97047bb67bd148cc0bcf9400b47134cbdd/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F88a7adc0adad0130c9c602bf4ce0b5d3%2Fslide_0.jpg%3F1555304)
SassやCompassを使って、ズルいデザインテクニック:ズルいデザイン(2)(1/2 ページ) SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは? シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 (注)このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う
前回はCentOSへRubyをインストールしました。 前回の記事はこちら⇒Linux(CentOS)へRubyをソースコードからインストール 続いて、Ruby on Railsをインストールします。 なお、今回のバージョンは以下です。 CentOS-6.4-i386 Ruby 2.0.0-p195 gem 2.0.3 ...,Linux(CentOS)へRuby on Railsをインストールする手順を紹介します。前回はCentOSへRubyをインストールしました。 前回の記事はこちら⇒Linux(CentOS)へRubyをソースコードからインストール 続いて、Ruby on Railsをインストールします。 なお、今回のバージョンは以下です。 CentOS-6.4-i386 Ruby 2.0.0-p195 gem 2.0.3 Rails 3.2.13 1.gemのアップデート gemのア
題名の通り、centOSにgemをインストールする手順のメモ書きです。 ポイントは3つ。 gemを入れるためにはruby 1.8.7が必要 yum install rubyだと1.8.5だからNG rubyはソースからインストールする 手順 1. rubyのインストール # wget ftp://ftp.ruby-lang.org/pub/ruby/1.8/ruby-1.8.7-p357.zip # unzip ruby-1.8.7-p357.zip # cd ruby-1.8.7-p357 # ./configure # make # make install 再起動 # reboot 再起動を待ってrubyのバージョンを確認 # ruby -v ruby 1.8.7 (2011-12-28 patchlevel 357) [x86_64-linux] ruby 1.8.7って出れば
このところ CheckInstall の挙動についていろいろと調べていました。 検証に際して使用していた 64bit 版 CentOS での導入方法を整理しておきます。 確認した環境は CentOS 5.9 x86_64 ですが、CentOS 6 系でもほぼ同じ方法でいけると思います。 また、事前に git を使えるようにしておく必要があります。 ここでは RPMforge を追加してインストールした git を使用しました。 まずは依存パッケージをインストール。 # yum install -y gettext rpm-build CheckInstall の本体は git リポジトリにあるものが最新なので、そちらからソースコードを取得しました。 # cd /usr/local/src/ # git clone http://checkinstall.izto.org/checkinst
githubにリポジトリを作りたいので、さくらVPSのCentOS5.5にgitをインストールします。どうやらyumでインストール出来るようです。 リポジトリの追加 デフォルトのyumのリポジトリにはgitが含まれていないようなので、リポジトリを追加します。 CentOS5.5にRuby on Railsの環境をつくるー - 俺の作業ログ ↑以前こちらでやりましたので、こちらを参考にしてください。 # ファイルの取得 $ cd /usr/local/src $ sudo wget http://dag.wieers.com/packages/rpmforge-release/rpmforge-release-0.3.6-1.el5.rf.i386.rpm $ sudo wget http://dag.wieers.com/packages/RPM-GPG-KEY.dag.txt # rpm
Windows PC 上で仮想的に Linux を動かして、そこを開発環境として使えるといろいろ便利です。それをするためのソフトとして VMware Server、VirtualPC、coLinux などがありますが、今回 VirtualBox を試してみたところ、簡単に開発環境を準備することができました。VirtualBox に CentOS を入れて、Windows PC 上のウェブサービス開発環境として使えるようにするまでの手順をメモしておこうと思います。 VirtualBox の良い点 インストールが簡単 ダウンロード&インストールに面倒なユーザー登録がない VMware Server は面倒だった気がする UI が使いやすい 設定画面などが分かりやすい VirtualPC 近い? 日本語化されている 動作が速い 仮想マシンの状態保存/復元が速い スナップショットを取るのがなかなか
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集|Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。 CSS3リファレンス 有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。 CSS-EBLOG 各ブラウザで先行実装しているCSSプロパティがまとめられています。 CSS3 Files 【2010.4.25 追加】海外サイトですが非常に見やすいです。各ブラウザの対応状況の載っていて重宝します。 次にブラウザごとの対応状況を確認するサイトを紹介。 HTML5 & CSS3 READINESS HTML5とCSS3のブラウザごとの適応状況を視覚的に見ることができます。2008年からの年別でも見ることができます。 HTML5 & CSS3 Support こちらもブラウザごとの対応状況がまとめられています。CSS3はプロパティ、セ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く