タグ

Web制作に関するdaikiuedaのブックマーク (8)

  • するするさせたい:サイボウズ採用情報のアニメーション(その1) - fragmentary

    サイボウズの採用情報ページを見ていた。 サイボウズ | 採用情報(新卒・キャリア) といっても受けるとかではなく、ただ性格悪いことを思っていただけなんだけど。 Kintoneのセクションでアプリっぽいアイコンたちが右から左へと流れているんだけど、それがガタガタとしている。するするしていない。するするさせたい。 というわけで、何が起こっているのかを調べてみようかと。何回かにわけて書くよ。 その1 ― 何が起こっているのか調べる その2 ― 調べながら直しながらするするさせる その3 ― ちょっとしたことや他のブラウザでもするするさせる アニメーションの実装を調べる あとのことを考えて、Chrome DevToolsを使う。 まず、該当の流れるアイコンのところで右クリックしてinspectする。Elementsパネルで、<div class="icon"> という要素がハイライトされる。div

    するするさせたい:サイボウズ採用情報のアニメーション(その1) - fragmentary
  • Chrome の最新バージョンでページロードがフリーズする :: [ FLAT ] Develop | ONO TAKEHIKO from aguije inc.

    Chrome の最新バージョン (ver.48.0.2564.103) で、特定のサイトのページ読み込みが愕然とするほど重くなる現象が発生した。重くなるどころかほぼブラウザがフリーズしたかのごとく、通常であれば体感的に5秒も待てば読み込みが完了するようなページが、同期・非同期の読み込みに関わらず猛烈に遅くなり読み込み完了に2〜3分近く待たされる。ちなみに Windows 版にはなく Mac 版にのみ発生する症状。 問題のページを Developer Tools を起動した状態でロードし、ネットワーク ペインを確認したところ画像・JavaScript・Web Font など数多くのファイルの読み込みで “ pending ” 状態が長く続いてしまう。ブラウザとサーバー間のリクエスト処理に何らかの問題が発生しているらしい。 [sc-figure src="http://flat.press/w

    Chrome の最新バージョンでページロードがフリーズする :: [ FLAT ] Develop | ONO TAKEHIKO from aguije inc.
  • Web制作における対応ブラウザの選定方法

    Web制作における対応ブラウザの選定方法 「フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。 サイトのターゲット・予算・リソース・開発期間などビジネスにより選定方法は異なりますので、あくまで参考程度にしてください。 対応ブラウザを絞る意味 まず最初は「なぜ、対応ブラウザを絞るのか」という視点から。 理想論で言ってしまえばWebサイトを訪れるユーザー全てに最適なコンテンツを提供できれば申し分がありません。 しかし、現実的には各ブラウザ/OSによって実装が異なる機能があったり、実装されていない機能があったり、特有のバグを含んでいる物があったりすることもあり、そういった場合は個別のブラウザ/OSに対してデバッグやチューニングを行わなくてはいけません。 そのため対応ブラウザの数が多ければ多いほど、Webサイトの

    Web制作における対応ブラウザの選定方法
  • Internet Explorer 11 desktop application ended support for certain operating systems - Microsoft Lifecycle

    Please go here to search for your product's lifecycle. Internet Explorer (IE) 11 is the last major version of Internet Explorer. On June 15, 2022, the Internet Explorer 11 desktop application ended support on certain versions of Windows 10*. Customers are encouraged to move to Microsoft Edge, which provides support for legacy and modern websites and apps. For organizations with a dependency on leg

    Internet Explorer 11 desktop application ended support for certain operating systems - Microsoft Lifecycle
  • Seriously, Don’t Use Icon Fonts

    Icons are everywhere. These “little miracle workers” (as John Hicks described them) help us reinforce meaning in the interfaces we design and build. Their popularity in web design has never been greater; the conciseness and versatility of pictograms in particular make them a lovely fit for displays large and small. But icons on the web have had their fair share of challenges. They were time-consum

    Seriously, Don’t Use Icon Fonts
  • もうウェブサイトを作る必要はない。あるいは、ウェブデザインにおけるデザイナーとデザイン思考家の違いについて - Phiyard Blog

    はじめに 仕事が全然取れないので、次のTOEICで950点くらいとって英語講師に転身しようかな、と考えているファイヤードです。 さて、デザインから実装までを行うウェブサイト制作を売りにして、私は活動し始めたのですが、ウェブサイトは私が作らなくてもいいのでは、と考えるようになりました。前提として、私は今のところ、小中規模の店舗や企業を中心にアプローチしています。 50ドルで買える高品質テーマの衝撃 ThemeForestに並んでいる50ドル前後のテーマやテンプレートを見て、それらよりも良い(同じくらい、じゃダメですよ)デザインのサイトを実装を含めて自信を持って作れるという制作者の人がいたら、手を挙げてくれませんか。もちろんいることでしょう。でも、たとえ作れるという人でも、50ドルというテンプレートのコストに時間対効果で敵うでしょうか。 今、私の手元には『デザイナーのためのプロの制作術が身につ

    もうウェブサイトを作る必要はない。あるいは、ウェブデザインにおけるデザイナーとデザイン思考家の違いについて - Phiyard Blog
  • 「Web解析ツール」は死に、「Predictive First」へと移行する - 絶倫ファクトリー

    新卒でWeb系企業に入ってから6年間、webサイト改善の仕事に携わってきたけれど、いわゆるこの業界で言われる一般的な「Web解析」のやり方というのは、もう時代遅れなのではないかとこの半年くらい考えている。正確に言えば、Adobe Analytics(以下AA)やGoogle Analytics(以下GA)といった「Web解析ツール」を使ってWebサイトの課題を見つけて改善点を洗い出し云々……と言ったやり方は古いものになりつつあるのではないか、という話だ。 点の改善 線の改善 AAやGAといった従来のWeb解析ツールの弱点は、サイト全体でユーザがどのように動いているのか、つまりサイト上でのカスタマージャーニーを把握できないことだ。直帰率の高い入口ページを見つけて改善する、CVしているユーザがよく見ているページを見る……これらは基的に課題がある、またはCVに寄与していそうな「点」を見つけて、

    「Web解析ツール」は死に、「Predictive First」へと移行する - 絶倫ファクトリー
  • Web Components と JSON-LD でウェブサイト開発がより簡単に

    +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

    Web Components と JSON-LD でウェブサイト開発がより簡単に
  • 1