SVG線画が美しいリッチアニメーションの作り方 (1/2)
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita
概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での開発環境 mac mini (2011) 19インチのシングルモニタ GUI系ツール Sublime Text 2 プログラマ向けのテキストエディタ。 これがないと仕事にならない。 以下、必須なPackage。 Vintage vimっぽいキーバインドにする
内向的な人が自分の殻を破るためにやるべき6つの簡単な習慣 | ライフハッカー・ジャパン
外向的な人が注目を集める世界で内向的な人が目立つには、普通以上の努力が必要です。 筆者は、典型的な内向的な性格ですが、最近その殻を破ろうと試行錯誤してきました。内向的な人は、一度に1つのことに集中する能力が職場で突出していることが多く、周りに目もくれず仕事に没頭し、生産性のレベルが高いです。優秀なプログラマー、優秀なライター、優秀なプロデューサーなどには、内向的な人がよくいます。 しかし、内向的な性格には課題も多いです。極端に社会性に乏しく、他人と連絡を取ったり、良い人間関係を築くことが、うまくできないことがよくあります。対立を避けるため、自分の意見を言わないせいで、かえって相手に誤解され、その結果衝突し、仕事の進捗が遅れることになります。 持って生まれた性質は変えることができません。ありのままの自分でいてもいいのです。ただ、今までよりもう少し積極的に仕事に参加したり、もう少し効率的なコミ
10分でうどん・パスタ・ラーメン・そばなどの生麺が作れる「ヌードルメーカー」レビュー
油を一切使わず熱風で揚げ物を作る「ノンフライヤー」を販売しているフィリップスが新たに、2014年6月下旬から自動でうどん・パスタ・ラーメン・そばといった麺類をたった10分で作り出し、コシの強さや丸麺・平麺・角麺などの種類を選ぶこともできる「ヌードルメーカー」を販売します。一足先に実機を借りることができたので、実際に生麺を作りまくってみました。 ヌードルメーカー Noodle Maker 自動製麺機 | フィリップスキッチン http://www.japan.philips.co.jp/kitchen/noodlemaker/ ヌードルメーカーが生麺を作り出す様子は以下のムービーから見ることができます。 ヌードルメーカーから生麺がねりねり出てくる様子 - YouTube ◆フォトレビュー というわけで到着したパッケージはこんな感じ。 家庭でいろいろな種類の生麺がたった10分で作れるとのこと。
Adobe Photoshop Lightroom 5を使ったRAW現像の作業手順メモ | Heartlogic
Adobe Photoshop Lightroom 5を使ったRAW現像の作業手順メモ 2014/5/30 2015/10/22 Photoshop/Lightroom Adobe Photoshop Lightroom 5の使い方がある程度わかってきたので、自己流ですが、基本的な現像作業の手順をメモしておきたいと思います。 こちらの補正前の写真（左）は、典型的な失敗写真です。黒っぽい建物に引っ張られて露光時間が長くなりすぎた結果、空が白く飛んでしまっていて、桜の花も白っぽい。肝心なところのディテールもイマイチ。しかし、RAWデータから補正することで、右の写真ぐらいには救うことができます。 元データのヒストグラムを確認する 元のRAWデータのヒストグラムを見て、写真に色の階調がきちんと記録されているかを確認します。 この写真は空が白く飛んでしまっているように見えますが、ヒストグラムを見ると
Arduino vs. Raspberry Pi：あなたにぴったりのDIYプラットフォームはどっち? | readwrite.jp
価格とサイズについては両者に大きな差はない。どちらも安くて小さい事で知られている。しかし両者はその中身に置いて大きく異なる。 CPU速度に関して言えば、Raspberry PiはArduinoの40倍速い。Arduinoにとって分の悪いことに、Raspeberry Piは128,000倍のRAMも積んでいる。Raspberry PiはLinuxが走る独立したコンピュータであり、マルチタスクサポート、二口のUSBポートをもち、インターネットに無線でつながる。つまりMacやWindows PCとまではいかないものの、個人用のPCとしては十分なものなのだ。 ArduinoよりRaspberry Piの方が優れていると思うかも知れないが、それはソフトウェア云々の話の場合に限られる。完全なハードウェア・プロジェクトでは、Arduinoのシンプルさが優位性を発揮する。 ArduinoやRaspberr
作りながら覚えるGit (1) - みねこあ
濱野さんの「入門Git」を初めて読んだ時、いきなり 第二章から Git の構造の説明を始めてしまう構成に「Git<の使い方>入門」じゃなくて「Git<の作り方>入門」でしたかーっ（さすがメンテナですね）、、と思ったことを覚えています。 入門Git 作者: 濱野純(Junio C Hamano)出版社/メーカー: 秀和システム発売日: 2009/09/24メディア: 単行本購入: 31人 クリック: 736回この商品を含むブログ (155件) を見る それは結構楽しい体験で、それまで全く思っても見なかった「Git作ってみたいな」という うずうずとした衝動がわたしに芽生えるきっかけでした。それ程に Git の設計はシンプルで 手に終えそうで、それでいて「うまくいく仕組み」が備わっている、興味深いものだったのです。まさにハックと呼ぶにふさわしいそれは、VCS全般に抱いていた「しっかり綿密に作りこ
許可より謝罪 : けんすう日記
うちの会社の場合 僕は、nanapiという会社をやっているんですが、そこには、行動指針とかあまりありません。つくろうつくろうとはしているんですが、未だにちゃんと決めれず・・・。 という中ではありますが、よく社内でいうのが「許可より謝罪」という言葉です。 これは、簡単に言うと「許可とか求めるより、謝罪したほうが楽だから、相当クリティカルじゃない限り、許可とりにこなくていいよ」という感じです。 たとえば、nanapiのリニューアルや改変の内容などは、僕の許可はありません。リリースされて知ることもあります（ただし、議論の進行などは見てはいますが）。 もちろん、オリジナルではなくて元ネタがあります。3Mです。 以下のブログに詳しくあるのですが 下記に３Mの社史みたいなのがある。 PDFへのリンク それをみると"It is easier to ask forgiveness than permiss
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
セキュリティ診断・検査のGMOサイバーセキュリティ byイエラエ
ゼロから株をはじめる人のための新投資用語集 : 市況かぶ全力２階建