WebアイコンフォントFont AwesomeのSCSS版を使ってみる | DevelopersIO
画像作るのって面倒ですよね。最近はRetinaディスプレイの対応で解像度別に画像を作らなければならない機会もあると思います。個人的にはできるだけ画像は使いたくない。少し前に登場したWebアイコンフォントっていうテクニックがありますが、これを自作するのはかなり面倒です。そんなわけで少し前から話題になっていたWebアイコンフォントを詰め合わせたCSS「Font Awesome」を使ってみることにしました。 Webアイコンフォントを自作した時の記事も過去に書いているのでよければこちらもどうぞ。 【前編：フォント作成】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 注意 今回は継承したり、Classを書き換えたりできるSCSS版を使ってみたい
[ Middleman で超速プロトタイピング ] #01 Middleman の基礎を一気に学ぶ | DevelopersIO
前回は Middleman を習得する前準備として Haml という HTML の拡張メタ言語について学びました。 #00 Haml 再入門 Haml は Middleman においてレイアウトファイルやテンプレートファイルを作成するのに使用します。デフォルトでは Haml ではなく ERb という Ruby 標準のテンプレートファイル形式が使われており、こちらは PHP や JSP と非常によく似た書式となっています（※拡張子はerb）。 身も蓋もないことを言ってしまうと、Haml を知らなくても ERb 形式で書くことで Middleman を使うことは可能です。ソースコード自体も標準の HTML 内に Ruby のコードが埋め込まれたような見た目なので、学習コスト自体は ERｂ のほうが低いかもしれません。しかしそれを考慮したとしても、コーディング自体の効率性やコードの見通しの良さか
お盆休みにまとめ読み！Web制作のおすすめスライド デザイン編
今年のお盆は9連休の方も多いのではないでしょうか... / おすすめスライド デザイン編 / Webデザインのウソ・ホント ～ Web らしく...他...全21件 今年のお盆は9連休の方も多いのではないでしょうか？ お休み中に時間を持て余すようでしたら、過去にご紹介したスライドを読み直してみませんか？きっと新たな発見があるはず。 そんなスライドを厳選してまとめました。まずはデザイン編から。
タダで使える「SMS用の電話番号」をゲットしてやっかいなSMS認証を回避する!!
＊追記＊：こちらは2013年の記事であり、現在のサービスではSMS認証を回避できない場合が多いです。ご使用の際はご注意ください。 最近ではウェブサービスやアプリを使う際のアカウント登録で、『SMSで認証』が必要なことがあります。SMSの電話番号を入力し、そこへ認証コードが送られてくる、という物ですね。 ただこの方法では、電話番号を持っているのが前提であり、iPod touchやiPadのみしか持っていない場合には使用出来ません。それに、いくら信頼出来る企業だったとしても、電話番号を一瞬でも渡すという事もあまり気持ちの良い物ではありませんよね。 私もちょうどYouTubeのアカウント確認でSMS認証が必要になってしまいましたので、自分の電話番号を使わない別の解決策を行ってみたいと思います。 ということで、無料で出来る「SMS用の電話番号」を取得する方法！を見ていきたいと思います。（ほぼ私用の
『The Evolution of a Haskell Programmer』
See Iavor Diatchki’s page “The Evolution of a Programmer” for the “original” (though he is not the author), and also below for the story behind this version. (This page has been translated into the Serbo-Croatian language by Anja Skrba from Webhostinggeeks.com. Thanks, Anja, for all your hard work!) Freshman Haskell programmer fac n = if n == 0 then 1 else n * fac (n-1) Sophomore Haskell programme
ダンボールで作れる「高速シャツ畳みマシーン」の作り方 | ライフハッカー・ジャパン
洋服を畳むための専用ツールがあるのは御存知ですか？ 金属製の、服をのせて折り込むだけで素早くきれいに畳むことができるものです。そんなボードをダンボールとテープでDIYしてみましょう！ まずは冒頭の動画を見てみてください。これを使えば、数秒でササっと洋服をきれいに畳めるになります。作り方は次の通りです。 作り方〜使い方 ダンボールを６枚の板に切り分けます（0：07） たたんだシャツの大きさに合わせたラインをダンボールに書いて写します（0：13） ラインの通りにダンボールを切り直します（0：20） 6枚全部同じサイズに切ります（0：20） 縦2枚、横3枚にダンボールを並べ、ダンボールの間は５mm強程度の隙間を作っておきます（0：23） 上部だけをテープで留めます。テープは表裏両方張ります。これで完成です（0：23） シャツをたたむには、服の背中側が上を向くようにダンボールの上に置きます（0：3
5 More Places to Help You Find Quality Creative Commons Images
5 More Places to Help You Find Quality Creative Commons Images There are lots of reasons you might need to find Creative Commons images. Last year, we introduced you to five great places to find Creative Commons images, with the list including heavyweights like Flickr and Google Image Search, along with a few more services you might not have heard of. Today we're updating that list, and adding 5 m
Vim のカラースキームが微妙に気に食わないときの対処法 - 反省はしても後悔はしない
この記事は Vim Advent Calendar の 253 日目の記事です。昨日は id:tyru さんの Alt-Spaceでウインドウのメニューを表示、あとウインドウの最大化 でした。 はじめに Vim にはたくさんのカラースキームがありますね。きっとみなさんは、たくさんあるカラースキームの中からお気に入りを見つけて設定をしていることでしょう。 しかし中には 99% 気に入って入るけれど、1% だけ微妙に気に食わないという場合もあるかと思います。今日はそんなときにカラースキームの一部だけをちょこっと改造する方法を紹介します。 :highlight を vimrc に書く (基本編) 色を変えたい部分は highlight コマンドをちょろっと vimrc に書けば OK です。 " 以下のコマンドは :colorscheme の前に設定します " コメントを濃い緑にする autoc
Bundlerで並列処理？？bundle installを爆速で処理する方法。 - Qiita
滅茶苦茶高速化されて、ライフチェンジング v1.5.0からはbundle config --global jobs 4とするとデフォルトとして設定できます(http://bundler.io/v1.5/whats_new.html) bundle installのドキュメントはこちら(GitHub) 注意！ @take からコメントがあり ちなみに pre1 だと後方互換性が保たれてないので pre2 を入れることをオススメします。 ref: https://github.com/bundler/bundler/issues/2600 とのこと。ご注意ください！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently re
Railsエンジニアならこれだけは知っておけっていう便利メソッド - (ﾟ∀ﾟ)o彡 sasata299's blog
2011年07月26日13:29 Ruby Railsエンジニアならこれだけは知っておけっていう便利メソッド Object#presence と Object#try という便利なメソッドがあることをご存知ですか？この２つのメソッドはとっても便利なのでちょっと紹介してみます。 Object#presence メソッド これは以下のような定義となっています。 def presence self if present? end present? メソッドというのはみんな大好き blank? の反対のメソッド (!blank?) です。 つまり、nil, false, [](空配列), {}(空ハッシュ), ""(空文字列), " "(半角スペースだけの文字列)であれば false、それ以外であれば true になります（blank? って半角スペースだけの文字列を true と判定するの知って
Building a Circular Navigation with CSS Transforms | Codrops
A tutorial on how to create a circular navigation using CSS transforms. In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique. Like I mentioned, there’s going to be some b
VimGenius
Hey! You've got Vimium enabled, which will break VimGenius. Please disable it or add http*://vimgenius.com/* to your exluded URLs. Become a Vim Genius Increase your speed and improve your muscle memory with Vim Genius, a timed flashcard-style game designed to make you faster in Vim. It’s free and you don’t need to sign up. What are you waiting for? Start Now Goal: Replace "beginner" with "genius"
jusの歴史からたどる日本のITコミュニティの道のり
より上位レイヤへと範囲が広がった2000年代 1990年代末から2000年代初頭にかけて、当時急速に裾野を拡げはじめていたオープンソースコミュニティにとって、大きな飛躍のきっかけとなるイベントが開催されました。1999年と2001年の2回開催された「オープンソースまつり」です。 jusがぷらっとホーム、日本Linux協会と共催したこのイベントは、主要なオープンソースコミュニティが一堂に会する国内初のイベントだっただけでなく、オープンソースコミュニティが自分たちで会場の手配からその運営まで主導する、初の「オープンソースコミュニティイベント」といえるものでした。 この「オープンソースまつり」で誕生した「オープンソースコミュニティの情報発信とつながりの場」は、「オープンソースカンファレンス（OSC）」に引き継がれ、現在も活発な情報発信と交流が行われています。 2001年5月にjusがTokyo
Bootstrap 3(2.xも)を活用する時に役立つリソースのまとめ
Bootstrapは先日リリースされたBootstrap 3rc1で、モバイルファーストのフロンドエンド用のフレームワークに生まれ変わりました。2.xまでは、デスクトップ用のブラウザを想定したインターフェイスのコンポーネントを核にしていました。 Bootstrapをカスタマイズしたり、もっと活用するためのリソースを紹介します。 まずは、本家のBootstrapから。 Bootstrap 3 スマフォやタブレットでの利用を優先したシンプルでパワフルなUIエレメントが揃ったフロントエンド用のフレームワーク。 最新のBootstrap 3rc1（7/27に公開）はリリース候補版です。 Examples Templates for Bootstrap Bootstrap純正のテンプレートやページの仕掛けが揃っています。 Narrow marketing 小さいプロジェクト用の軽量のテンプレート。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
