平成とともに終わる、みずほ銀システム統合の特需 | 日経 xTECH（クロステック）

2018/03/18 62 users xTech 特需 ベンダー クロステック 日経

この記事は日経 xTECH登録会員限定ですが、2018年3月20日5時まではどなたでもご覧いただけます。 2019年、あるシステムが役目を終える。みずほ銀行が持つ勘定系システム「STEPS」である。30年にわたって稼働してきた。2018年6月に移行を始め、新システムにバトンを渡す。みずほ銀が切り替えスケジュールを発表したのは2018年2月15日のことだ。 「当初より延期したため、ベンダーにとっては... 続きを読む

CSSスプライトとstepsを使ってアニメーション画像を作ろう | Webクリエイターボックス

2015/11/17 257 users プロパティー CSSスプライト CSS アニメーション 動作

CSSで動かすアニメーションには、私自身まだまだ使いこなせていないプロパティーがたくさん眠っています。その中のひとつが steps というプロパティーでした。これまでよく使っていた滑らかな動作ではなく、段階ごとに要素を動かすことができます。実際にはどんな場面で使えるんでしょうか？今回はそんな steps プロパティーにフォーカスしてみます。 steps の記述方法 steps は animatio... 続きを読む

PNG画像でもコマ送りのアニメーションさせてしまう、ナイスアイデアのスタイルシート -Sprite sheet | コリス

2012/12/03 85 users ナイスアイデア コリス CSSスプライト gif PNG画像

アニメーションに対応した画像といえばGIFですが、PNG画像でもコマ送りのアニメーションさせてしまうスタイルシートのナイスアイデアを紹介します。 Sprite sheet animation with steps(). デモはCSS3アニメーションに対応したブラウザでご覧ください。 デモページ 仕組みは、横に各コマを並べたPNG画像をCSSスプライトで順に表示させて、コマ送りのアニメーションのよう... 続きを読む

[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート | コリス

2012/02/26 98 users コリス CSS アニメーション タイプライター スタイルシート

JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 デモページ 実装 両デモの実装方法を紹介します。 HTML HTMLは共通で、h1要素でテキストを実装するだけです。 <h1>Typing animation by Lea Verou.</h1> CSS:モダンブラウザ対応版 CSS3のsteps()を使用して一文字ず... 続きを読む