Modern Web Guides, tools and libraries for modern web development. Why Modern Web? Built on web standards Work with and extend what's available in modern browsers, while learning skills and writing code with the longevity of the standards themselves. Lightweight Simple solutions that are lightweight and have a low barrier to entry, with extension points for power users. Low complexity Write code t
In this article we explain how we at YOOX NET-A-PORTER optimized the Chloé website for a couple of Core Web Vitals: Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS). Web vitalsWeb Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web. Core Web VitalsCore Web Vitals are the subset of Web
Published: May 28, 2020 Core Web Vitals are a set of metrics that assess the user experience on criteria such as load performance, responsiveness to user input, and layout stability. A workflow for improving Core Web Vitals for your website will be explored in this guide, but where that workflow begins depends on whether you're collecting your own field data. Where it ends may depend on which of G
There’s plenty of buzz around the web 3.0 and the sweeping changes it will bring to the industry, but few people actually know why it spawned and what it will bring. To understand this, it’s necessary to travel back in time and examine it predecessors, Web 1.0 & 2.0. Just like the Middle Ages, the Web 1.0 wasn’t given its name until it bit the dust. The ‘World Wide Web’ as it was known, was just a
Warning designers, we are facing an invasion. A “Brutal” invasion of gigantic cursors, crazy hovers and unusable galleries! Brutalism in web design laughs in the face of rationalism and functionality, in the world of design it can be defined as Freestyle UGLY irreverent RAW and superficially decorative etc. Check out some articles and examples of brutalist websites that will blow your mind with in
GitHubでは、サーバーを自前で準備しなくてもWebページを公開できる「GitHub Pages」という機能があります。これまでは、gh-pagesという別ブランチを作成して、そこにソースコードをプッシュする必要がありました。しかし、本日(2016/08/18)実装された新機能により、masterブランチのみでWebページを公開できるようになりました。 本エントリーでは、具体的な設定手順を紹介します。 手順 masterブランチにて、「docs」フォルダーを作成します。このフォルダーに公開したいWebページのソースコードを入れます。 masterブランチをプッシュします。 GitHubのリポジトリページ上で、[Setting]→[Pages]に移動します。 [Source]の箇所から、「Branch: main」、「/docs」フォルダーを指定します。 [Save]を押すと、下図の赤枠部
Fast native apps with icons, illustrations and photos
Webの世界に以前から存在していた「ディープリンク(deep link)」という言葉が、最近になって注目を集めています。 IT用語辞典では、ディープリンクは以下のように説明されています。 Webサイトのトップページ以外(たとえばニュースサイトの個別記事など)がリンク先になっているハイパーリンクのこと。目的のWebサイトの見たいページに直接アクセスすることができるため、うまく使えばユーザの利便性を向上させる効果がある。 ディープリンクとは 【 deep link 】 – 意味/解説/説明/定義 ： IT用語辞典 しかし、近年注目を集めているのは、スマートフォン及びモバイルアプリの登場によりその意味合いが再定義された、新しいディープリンクです。この新しいディープリンクとは、一言でいえばモバイルアプリ内の特定ページに直接遷移するためのリンクです。 モバイルアプリとリンクとの関係性 モバイルアプリ
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
「2.5％だってさ」 居酒屋で鍋をつついていた。大手メーカーで企画開発をしている彼は、どこか投げやりな口調だった。 「何が？」 「イノベーターと呼ばれる人の割合だよ」 「ああ、『イノベーター理論』の」 マーケティング理論の1つだ。新製品を世に出すと、まずは「新しいもの好き」な消費者が飛びつく。彼らを〈イノベーター〉と呼び、全消費者の2.5％だと言われている。 「だけど、これって多すぎると思わないか」彼はビールジョッキを置いた。「たとえば潜在的に100万人の需要が見込める市場に向けた製品なら、最低でも2万5000人は買うことになるだろ」 「単価4,000円の製品なら、それだけで1億円の売上だよね」 「どう考えても楽観的すぎる。モノを作って、定常的なプロモーションをするだけで、そんなにたくさんの消費者が飛びつくなんて……今の日本ではありえないよ」 わずか10年前と比べても、モノを売りづらくなっ
新人デザイナーが最初にぶち当たる試練に、英語があったりします。 自分だけが知らないのかと思って、先輩聞けずなんとなくごまかしているうちに・・・いまさら聞けないし・・・みたいになっていませんか？。そこで今回の記事では、CSSプロパティー関連の英語で読みにくいものをピックアップしてみました。 発音をチェックできるリンクも付けてますので、実際に耳で聞いてチェックしてみてください。 1. text-align アラインです。g は発音しません。 私は昔「アリジン」と読んでいました。蟻人みたいですね。 2. margin こちらは g を発音して、マージンです。 3. width これは難しい！。d の音がほどんど聞こえないし、ネイティブでも発音が揺れるので、一概には言えないのですが、ウィドゥス、ウィトス、ウィズなどと読みます。 ただし、with と区別するために、ワイズと読んだりもします。 4.
〒722-0032 広島県尾道市西土堂町18-6 電話：0848-23-3921 FAX：0848-23-3922 mail：
お疲れ様です。ウェブサービス本部開発2室のスエヒロです。 普段はプログラマとしてサービス開発に携わっておりますが、ライブドアキャプテンブログ(旧ライブドア社長ブログ)の代打執筆や、テキスト系妄想メディア「ワラパッパ」の編集など、プログラマ職以外の活動もさせて頂いております。サッカー以外もオシャレにこなすヒデみたいなポジションを目指したいところです。ヒデと言っても日出郎さんじゃないですよ。どうぞ宜しくお願いします。 さて。 皆様、サービス開発や運用を効率よく進める上で「プロジェクト管理ツール」をお使いでしょうか？新しいサービスの開発進捗の管理、運用フェーズにおけるタスク管理、バグ・不具合解消のためのやりとりなど、様々なフェーズで利用されるプロジェクト管理ツール。実際業務で使われている方も多いかと思います。 livedoorのサービス開発においてもいくつかの管理ツールが利用されています。代表的
銀行や大手消費者金融では借りれなかったあなたへ 銀行や大手消費者金融で借りれなかった場合には、中小消費者金融の融資に挑戦してみてはいかがでしょうか？ 数多くの中小消費者金融の中から、独自審査の会社をわずか3つだけ厳選してみました。 どうしてもお困りのあなたは、一度審査を試してみることをおすすめします。 中小消費者金融でも借りれなかった…というあなたへ 「上記の3社でも借りられなかった…」 というあなたは、おそらく ・すでに他社借り入れが複数ある ・年収の3分の1以上の借り入れがある（総量規制オーバー） などに当てはまるのではないでしょうか？ この場合、もはや他のどの消費者金融でも新たな借り入れをするのはかなり厳しいです。 なので、これからはおまとめローン（借換ローン）で借金を一つにまとめ、金利を抑えることを考えてみてはいかがでしょうか？ おまとめローンは総量規制対象外なので、例え総量規制を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く