CSS3のアニメーションがカクカクして動きが悪い時の対処法
Webデザイナー歴10年。 出来る技術は相も変わらずPhotoshopとHTMLとCSS。 数年前から成長がビタッ！！！と、止まっているなぁ・・・と痛感する今日この頃。 ブログを書くことで、少しでも早くWebの最新の動向を知ったり、仕事でつまづいたことなどをアウトプットすることでしっかり復習できればいいなぁと思っています。 さて！今日ハマった問題はですね、特定のボタンを押したら、指定した位置からパネルがスーっと降りてきて、特定のボタンを押したらスーっと上に戻っていく、というCSSとJavascriptを使った簡単なアニメーションの作成中に事件は起こります。 どこにハマったかと言いますと、 iPhone6のSafariでは、スムーズにアニメーションしてくれたけど、iPhone5のSafariだと、許せるか許せないかくらいのカクカクした動き、なんかもっさりした動きになった、事件です。いや許せん
【CSS3】全ブラウザ対応！ CSS3 で作る marquee の実装。
HTML5からは非推奨（廃止？）となり、今となっては懐かしい<marquee> タグ。 内包する要素をスライドさせて表示することができるこのタグは、一時は廃れたかのように見えましたが、最近再び見直されるようになり、同じ動作をするスクリプトが一部のスマートフォン対応サイトなどで使われています。 <marquee> タグが使えないとなると、同じ挙動は JavaScript で実現させようと考えるのが普通でしょうが、今日は CSS3 で marquee を実装する方法を紹介します。 HTML の書き方<div class="marquee"> <p>The quick brown fox jumps over the lazy dog.</p> </div> 「marquee」というクラスを与えたボックスでスライドさせたい要素を囲む。これが基本の記述です。 シンプルでいいですよね。 こういった簡
週刊文春、ユニクロだけじゃなく、Amazonやクロネコにも潜入取材してた
エクレア @Anna_botbot Q.ユ○クロはどの様な会社ですか？ A.非ブラックを謳うブラック企業 Q.どうやって調べたんですか？ A.記者を1年間潜入バイトさせました Q.その間記者さんに文春のお仕事は？ A.させていました Q.文春も実はブラック企業なのでは？ A.君のような勘のいいガキは嫌いだよ 2016-12-01 20:57:17 エクレア @Anna_botbot ユニクロ社長から「そんなにブラックブラック言うなら働いてから言えよ」って言われてマジで1年間ユニクロ潜入バイトした週刊文春記者の話めっちゃ好きなんだけど、調べてみたら過去にもamazonやらクロネコやらに潜入して文春砲炸裂させてたの知ってめっちゃ笑ってる 忍者かよ pic.twitter.com/s80XwxIfbI 2016-12-01 20:36:35
NEC、デジタルサイネージの運用管理ができる中小規模向けクラウドサービス開始
日本電気（NEC）は12月2日、一台から数十台の中小規模デジタルサイネージの導入を容易にするクラウドサービスパック「PanelDirector（パネルディレクター）for Cloud サービスパッケージ」を商品化し、同日より販売活動を開始すると発表した。販売目標は、今後3年間で100ユーザー、1000セット以上。 国内のデジタルサイネージ市場は、商業施設や交通機関における活用に加え、インバウンド需要の増加などに伴い、2015年度で2394億円、2020年度には7920億円に成長することが予測されている（出典：三菱総合研究所「デジタルサイネージの市場動向と可能性」）。同社では、デジタルサイネージの導入を支援するシステムとして、オンプレミス型の「AdWindow」や「美映エル（ミハエル）」を提供しているが、今後の市場では、導入がより容易なクラウドサービス活用のニーズ拡大も見込まれているという。
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
H.264の秘密 | POSTD
(編注：2020/08/18、いただいたフィードバックをもとに記事を修正いたしました。) (2016/12/11、いただきましたフィードバックをもとに翻訳を修正いたしました。) H.264は、動画圧縮コーデックの標準規格です。ネット上の動画、Blu-ray、スマホ、セキュリティカメラ、ドローンなどなど、今やあらゆるところでH.264が使われています。 H.264は注目すべき技術のひとつです。たったひとつの目標、つまりフルモーションビデオの送信に要するネットワーク帯域を削減することを目指した30年以上の努力の結晶なのです。 技術的な面でも、H.264はとても興味深い規格です。この記事では、その一部について概要レベルでの知識を得られることでしょう。あまり複雑だと感じさせないようにするつもりです。今回おはなしする概念の多くは動画圧縮全般にあてはまるものであり、H.264に限ったものではありません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無名時代の橋本マナミ＆おのののか抜擢 カメラマン今田耕司の確かな眼力 | 東スポWEB
NHN HTML5勉強会 CSS3アニメーション