Inspired by a shot on Dribbble from Morgan Allan Knutson where he showcased an animated search form using only CSS I thought I would try to re-create the effect for myself. Using a bit of CSS3 magic, the effect is actually quite easy to re-create! (It looks like the iframe embed isn't so hot for a few people so try this link instead https://jsfiddle.net/anatomic/XPYWB/embedded/result/) HTML The HT
2014年3月1日のブックマーク (9件)
-
shuzo_kino 2014/03/01
-
「単語が目に飛び込んできてすごい速度で文章を..」ってやつをRubyで..を改良すると...
動体視力が鍛えられるようになります。 ruby -e 'trap(:INT){print"\e[?25h\e[0;0H";exit(0)};x,y=[`tput lines`,`tput cols`].map{|n|n.to_i/2};print"\e[?25l";ARGF.read.scan(/\w+/).unshift(*%w(3 2 1 0 Go!)).cycle{|w|c=w.size/2;w=w.dup;cw=w[c];w[c]="\e[#{rand 31..37}m#{cw}\e[0m";print"\e[2J\e[#{x+rand(-x/2..x/2)};#{y-c+rand(-y/2..y/2)}H",w;sleep(0.3)}' TEXT Hosted by Gifzo TEXT Ruby is a dynamic, open source programming lan
-
YAML Ain't Markup Language
FAQ Is there an official extension for YAML files? Please use ".yaml" when possible. Why does YAML forbid tabs? Tabs have been outlawed since they are treated differently by different editors and tools. And since indentation is so critical to proper interpretation of YAML, this issue is just too tricky to even attempt. Indeed Guido van Rossum of Python has acknowledged that allowing TABs in Python
-
Unix / Linux - Regular Expressions with SED
Deleting All Lines with sed We will now understand how to delete all lines with sed. Invoke sed again; but the sed is now supposed to use the editing command delete line, denoted by the single letter d − $ cat /etc/passwd | sed 'd' $ Instead of invoking sed by sending a file to it through a pipe, the sed can be instructed to read the data from a file, as in the following example. The following com
-
Rubyist Magazine - スはスペックのス 【第 1 回】 RSpec の概要と、RSpec on Rails (モデル編)
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0064 号 バックナンバー Rubyist Magazine 0064 号 Rubyist Magazine 0063 号 Rubyist Magazine 0062 号 Kaigi on Rails 特集号 RubyKaigi Takeout 2020 特集号 Rubyist Magazine 0061 号 Rubyist Magazine 0060 号 RubyKaigi 2019 直前特集号 Rubyist
-
-
「単語が目に飛び込んできてすごい速度で文章を..」ってやつをRubyでやると...
こんな感じかな。 ruby -e 'trap(:INT){print"\e[?25h\e[0;0H";exit(0)};x,y=[`tput lines`,`tput cols`].map{|n|n.to_i/2};print"\e[?25l";ARGF.read.scan(/[\w.]+/).unshift(*%w(3 2 1 0 Go!)).cycle{|w|c=w.size/2;w=w.dup;cw=w[c];w[c]="\e[31m#{cw}\e[0m";print"\e[2J\e[#{x};#{y-c}H",w;sleep(0.3)}' TEXT Hosted by Gifzo TEXT Ruby is a dynamic, open source programming language with a focus on simplicity and productivity.
-
ランダムに落ちるspecの修正で便利だったRSpecの2つの設定 - There's an echo in my head
最近開発していて便利だったのでメモっておく。 一つはorder。spec_helperが生成された直後は"random"に設定されていて、このときspecの実行順序が毎回ランダムに変わる。 ランダムに実行することで実行順序に依存して落ちるspecを見つけることができる（そのためには何度も繰り返す必要があるけども）。そして実行したときの乱数生成に使われたseedが全て回しきったときに表示され、これをorderに設定すれば再度同じ順序で実行できる。 もう一つはfail_fast。これはテストが一つ落ちた時点で全体の実行を止めてくれる。デフォルトはfalseで、spec_helperを生成した直後は設定されていないので必要に応じて自分で記述する。 この2つを使って、何度かorder="random"でランダムに全体実行を繰り返して落ちたり落ちなかったりするspecを見つけたら、orderにそのと
-
-
- 2014年3月2日
- 2014年3月1日
- 2014年2月28日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました