[CSS]特定のエリアだけをアニメーションで一瞬目立たせるテクニック
編集可能なページなどで変更した箇所を分かりやすくするために、ターゲットされるとそのエリアだけをフェードのアニメーションで一瞬目立たせるスタイルシートのテクニックを紹介します。 Yellow Fade Technique with CSS Animations [ad#ad-2] このテクニックが広まったのは「Basecamp」のイエローフェードが有名で、JavaScriptを使用して特定のエリアをイエローにハイライトして目立たせます。 Basecampの紹介記事： Web Interface Design Tip: The Yellow Fade Technique 同様のテクニックをCSS3で実装する方法を紹介します。 ターゲットされるとそのエリアの背景色が黒から、透明に変更します。 /** * Quick fade on target to attract user attention
EclipseからAndroidStudioへの移行手順まとめ - Qiita
AndroidStudio正式版がリリースしました。Eclipse+ADTはオワコンという風潮がより一層強まってきたので、自分がEclipseで開発していたプロジェクトをAndroidStudioに移行した時の手順を残しておこうと思います。 移行するプロジェクトの状態 コードはgitで管理。 クラス数は300個くらい。 mavenもgradleも不使用。ライブラリはlibrary/にまるごと入れて、Eclipseでプロジェクトを作ったあとインポート。 lib、library合わせて依存ライブラリの数は10個以上。 git管理はしてるものの、クラスがそれなりに多いのに依存関係ぐちゃぐちゃで、EventBusとか便利ライブラリ入れていきたいのにちょっと戸惑うなぁという感じでした。「俺もgradleでライブラリ管理したりコンソールから環境ごとにビルドしたりしたいよ！」という思いを胸に秘めながら開
JavaScriptを短く書くためのショートコード集
JavaScriptを短く書くためのショートコード集 知っておくとちょっとだけコードが簡潔に書けるかもしれないショートコード集です。 投稿日2014年12月25日 更新日2014年12月25日 小数点以下切り捨て 「Math.floor」で切り捨てですが、 Math.floor(12.6598); //12 数値の前に「~~」付けるだけでもできます。 ~~12.6598; //12 桁数の制御 「～e」に続く数字で桁数を制御できます。 1e1 //10 1e2 //100 1e3 //1000 1e4 //10000 1e5 //100000 2の累乗はシフト演算子 2の累乗は左シフト演算子（<<）でできます。 200 << 1; //400 200 << 2; //800 200 << 3; //1600 逆は右シフト演算子（>>）です。 200 >> 1; //100 200 >> 2
起動しなくなった MacBook Air を修復した - ablog
モデル MacBook Air (13-inch, Late 2008) 事象 電源ボタンを押すと、しばらくグルグルした後、電源OFFになり起動しない 対処 fsckでファイルシステム修復 電源ボタンを押した後、「Command (Apple ⌘) 」と「S」キーを同時に押す fsck -fy を実行する。 # fsck -fy (中略) ** Checking Catalog File. Invalid key Length (4,11485) ** Volume check failed. /dev/rdisk0a2 (hfs) EXITED WITH SIGNAL 8 ボリュームのチェックに失敗、次の手を考える… 停止する # shutdown -h now fsck_hfsでファイルシステム修復 USB外付けCD/DVDドライブを接続し Mac Book Air のインストールディ
Windows PCから余計なソフトやツールバーを一掃する方法を徹底解説 | ライフハッカー・ジャパン
Windowsには良いところもたくさんありますが、コンピューターを利用する上でもっともわずらわしい問題のひとつ、「クラップ（ごみ）ウェア」を抱えているのも事実です。この記事では、あなたのパソコンから不要なソフトウェアを見つけ出して削除し、さらにはこれ以上勝手にインストールされるのを防ぐために必要な知識をすべてお伝えしましょう。 そもそもクラップウェアって何？ 簡単に言うと、クラップウェアとはユーザーが必要としていないのに、何らかの理由で、本人の意向に反してパソコンにインストールされるソフトウェアです。これには市販ソフトのプリインストール版（『Netflix』や『McAfee Antivirus』のお試し版など）から、ブラウザのツールバー、起動時に勝手に立ち上がるアプリ、あるいはデフォルトの検索エンジンを変えてしまうソフトまで、実にさまざまなタイプが含まれます。 最初のカテゴリー、すなわち市
眼鏡なしのコードレビュー | POSTD
例えば、あなたが驚くほど聡明な開発チームのメンバーで、コードレビューのみに一日の時間を確保しているとします。しかし作業を開始して2時間後、眼鏡を忘れてきてしまい、午前中はぼんやりとしたカラフルな表示を見つめていただけだったということに気づいたとします。さて、あなたはどうしますか? 家まで歩いて10分もかからないし、天気も良ければ、眼鏡を取りに帰るのが一番です。でも朝家を出るとき、攻撃的なスズメバチの群れが眼鏡の置いてある部屋に巣を作って、邪魔されたくない様子だったらどうしますか？ そういう時はもちろん、コンタクトレンズを付けてきたふりをして、恥ずかしい思いをしないようにするのがよいでしょう。実際に読むことなく膨大な量のファイルを見分けることができるということを覚えておいて下さい。 参考コード 1 不安の種は隔離するべきだということに誰も異論はないでしょう。そしてもちろん、あらゆるクラスは一
Pythonを書き始める前に見るべきTips - Qiita
Pythonを使ってこの方さまざまな点につまずいたが、ここではそんなトラップを回避して快適なPython Lifeを送っていただくべく、書き始める前に知っておけばよかったというTipsをまとめておく。 Python2系と3系について Pythonには2系と3系があり、3系では後方互換性に影響のある変更が入れられている。つまり、Python3のコードはPython2では動かないことがある(逆もしかり)。 Python3ではPython2における様々な点が改善されており、今から使うなら最新版のPython3で行うのが基本だ(下記でも、Python3で改善されるものは明記するようにした)。何より、Python2は2020年1月1日をもってサポートが終了した。よって今からPython2を使う理由はない。未だにPython2を使う者は、小学生にもディスられる。 しかし、世の中にはまだPython3に
リプトンに教えてもらった“ティーバッグでも美味しい”紅茶のいれ方（応用編） - ガジェット通信
あなたはコーヒー派？紅茶派？眠い時はやはりコーヒーという方も、頭をシャキっとさせたい時には、紅茶もオススメですよ。前回はストレートティーの作り方を紹介させていただいきましたが、今回は応用編、レモンティー、ミルクティー、スパイスティー、ロイヤルミルクティー、アイスティーといった定番の紅茶メニュー5種類を紹介しちゃいます。とっても簡単でおいしく作れますので、ぜひお試しください。 基本のポイントは同じですので、基本編の記事も読み返してみてくださいね。 リプトンに教えてもらった“ティーバッグでも美味しい”紅茶のいれ方（ストレートティー編） ■メニュー1：レモンティー 1．マグカップにお湯を注ぎ(カップの1/5～1/4くらい)、10秒程度ぐるぐると回し、カップ全体があたたまったらお湯を捨てます 2．マグカップに8割ほどお湯を注ぎ、すぐにティーバッグを入れます 3．マグカップのフタ、なければお皿かラッ
[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ（*） スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。 そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。 対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな
![[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
第３弾！知って得する12のRubyのトリビアな記法
(追記：2013-08-16) 本記事のトリビアを含む５５のトリビアを以下の記事にまとめました。 知って得する！５５のRubyのトリビアな記法 なぜかトリビア人気が再燃しているよ。 知って得する21のRubyのトリビアな記法 第２弾！知って得する12のRubyのトリビアな記法 これでみんながトリビア好きだということが分かったので、何とか絞り出して第３弾を書いたよ。ここでは第１弾、第２弾で使ったテクニックも使ってるから、知らないテクニックがあったら先に見てもらえるいいかもね。 1. Enumerable#each_with_object Enumerable#mapではブロックの代わりに&付きのシンボルを渡す技が知られているよ。 langs = ["ruby", "python", "lisp", "haskell"] langs.map(&:capitalize) # => ["Ruby"
まとめ：少しでも上手く見せるため 撮影術 25選 | ライフハッカー・ジャパン
ゴールデンウィークは、とうの昔に過ぎ去りましたが...。 一応、時期的には行楽シーズンまっただ中といっても良いかと思います。そんな楽しいひとときを永遠のものに転化してくれるのが写真。というわけで、今回のテーマは、少しでも思い出を美化するための撮影術としてみました。 以下にて、ずらりと並べてみましたよ。 ■ まずは「基本的」な考え方と撮影術 6選 ・写真の見栄えを良くする、たった2つのTips ・手持ちのコンパクトデジカメを5倍楽しむ方法 ・機能に頼らず、手ブレを軽減する方法 ・今すぐ使えるデジタル写真撮影Tips ・構図を良くする写真撮影Tips9 ・躍動感のある写真を撮るための5つの心得 ■ あえて「被写体を限定」した撮影術 4選 ・初心者でも夜桜をキレイに撮影する5つのコツ ・デジカメで花火をきれいに写す9つのTips ・炎を激写するために知っておくべきこと ・オークション映えする写真
マークダウン記法をマスターするためのサイト・チートシート・ツール。 - あなたのスイッチを押すブログ
「マークダウン記法」というのをご存知でしょうか。 例えばHTMLで文字を強調しようと思うと、文字をstrongで囲うと思います。ですが、いちいちコードを書くのは面倒ですよね。パソコンならスニペットを使えばいいでしょうが、iPhoneなどのモバイル端末では面倒極まりない作業です。 そこで「マークダウン記法」。これは、ある法則に従って記号を使えば、後からHTMLに変換される。文字装飾が行える。そんな簡易文字装飾フォーマットなのです。 ちなみにWikipediaによると… Markdown は、文書を記述するための軽量マークアップ言語のひとつである。「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML（もしくはHTML）文書へと変換できるフォーマット」として、John GruberとAaron Swartzによって考案された。[1] Markdownの記法の多くは、電子
世界の秘密はすべて解けてしまった – 橘玲 公式BLOG
新刊『不愉快なことには理由がある』から、PLOLOGUE「世界の秘密はすべて解けてしまった」の冒頭部分を掲載します。 *********************************************************************** 私たちの感情は、幸福や哀しみも、愛や憎しみも、歓喜や絶望もすべて科学的に説明できるといわれたらどう思うでしょう？ 政治も経済も、独裁や戦争や虐殺ですら、この世界で起きているすべてのことはその理由が解明されていたとしたらどうでしょう。 あるいは、社会学や経済学だけでなく、心理学や哲学、文学に至るまで、人文・社会科学と呼ばれていた学問は、すべて科学の統一原理によってまとめられることを知っていましたか？ じつはこれは、SFの世界の話ではなく、すべて現実に起きていることです。より正確には、「こころとはなにか」が科学によって解明できるようにな
CoffeeScriptのあまり知られていない文法 - mizchi log
知られてない機能ってのは大抵公式リファレンスにのってない奴なんですが、結構便利なのがあるので紹介しておこうと思います。 ハッシュ値を取り出す方法 {abs, sin, cos} = Math引数値でもパターンマッチ的に使うことができる。 次のコードが $.get "/json", {}, (data) -> console.log data.a, data.b, data.cこのように書き換えられる。 $.get "/json", {}, ({a, b, c}) -> console.log a, b, cすべてのオブジェクトがハッシュで表現されるJS、その拡張ならではの略記ですね なお、展開後の変数にデフォルト引数は付けられなかったです。残念。 引数オブジェクト展開 arguments... で引数オブジェクトを展開することができます。 f = -> console.log argume
Big Sky :: 最近の GNU CoreUtils を使っている限り rm -rf / は --no-preserve-root 付けないと / は消せない
何に関連して記事を書こうと思った訳でもないです。たんなる一人コードリーディングです。 GNU CoreUtils に入ってる rm を読みました。 GNU Project Archives http://ftp.gnu.org/gnu/coreutils/ 読んだのは coreutils-8.17.tar.xz に入ってる src/rm.c preserve_root 変数は 203行目にある main で int main (int argc, char **argv) { bool preserve_root = true; struct rm_options x; true に初期化されていて319行目 if (x.recursive && preserve_root) { static struct dev_ino dev_ino_buf; x.root_dev_ino = get
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
