If you’re a modern developer, then you use JPG files. Doesn’t matter if you’re a web dev, mobile dev, or some weird sysadmin who just sends around memes all day. JPGs are a part of your job, and critical to the experience of the users who benefit from that work. Which is why it’s so important to make sure these JPG files are as small as possible. With the Average webpage size now larger than the o

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Icons. They’re popular. They help complement content (most of the time). And yet they can be a pain in the neck. Once you’ve decided on a format (SVG or icon font?) and designed the set, there are still other considerations, many of which pop up while you’re coding. Here’s an excellent quest

Web担当者の方は、Twitterのリスト機能を活用していますでしょうか。 日々、大量の情報が発信されるweb業界において、Twitterは情報収集ツールとして欠かせない存在です。 しかし、とりあえずめぼしいアカウントをフォローし、タイムラインを追っているだけでは全ての情報を確認することは難しく、取りこぼしも多くなってしまいます。 そこで活用したいのがTwitterのリスト機能です。今回は、Twitterのリスト機能の設定方法について解説します。 Twitterのリストとは？ リストとは、Twitterアカウントをカテゴリに分け、カテゴリごとにタイムラインを確認できる機能を指します。 例えばWeb業界の情報収集を目的とするなら、「リスティング広告」「SEO」「Webデザイン」といったリストを作成し、それぞれのリストに関連性の高いリストを追加してカテゴリごとに最新情報を確認する、というような

舛添さんの話。 一連の舛添さんの問題に関しては、毎週23時～にAbemaＴＶFRESH！にて放送中の私の公式チャンネル「本気論・本音論TV」でも申し上げた通りで、私の基本的な姿勢や考え方は堀江貴文さんとほとんど同じです。 まず、ファーストクラスやスイートルームの問題。 これは「TOKYO」という大都市の名目GDPをしっかりと見て頂きたいのです。「TOKYO」は世界の国々の中に入れても、192か国もある世界中の国の中で上から10番目の規模の「超都市」です。これはもう「イチ、地方都市」ではありません。絶対にその認識は違います。そこまでの権力を持ってしまっていると、テロの対象にもなりますし、そもそも、そんな国々のトップがビジネスクラスで移動してますかって話。みんな、政府専用機で動きます。何を低レベルな話をしているのか。感情論の極みです。 庶民派をアピールするのは悪くないとは思いますが、余りに話が

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Situation: you have a single line of text in a flex child element. You don’t want that text to wrap, you want it truncated with ellipsis (or fall back to just hiding the overflow). But the worst happens. The unthinkable! The layout breaks and forces the entire flex parent element too wide. F

I love buttons. I can do things with buttons. Take a next step. Make a commitment. Get things done. With buttons, interaction springs to life. That’s why Buttons are arguably a design system’s most important component. Devilishly simple, they offer a simple label in a defined region I can press. As such, buttons are where you apply a design language’s base attributes in ways that’ll ripple through

Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. The following is a guest post by Jon Yablonski. Jon told me he recently worked on a project where there was a lot of emphasis placed on giant screens. Jon is going to show us that just like RWD work of any kind, it requires planning. Extra media queries are useful for targeting the huge displays, a

先日の日経新聞です。まずこれはPC用のブラウザの話です。 ブラウザーのシェア、グーグル「クローム」が首位に マイクロソフト「ＩＥ」を逆転 米調査会社ネット・アプリケーションズによると、４月の世界シェアはクロームが41.66％で、41.35％のＩＥを上回った。同社の調査ではＩＥの事実上の後継として「ウィンドウズ10」に標準搭載した新型ブラウザー「エッジ」のシェアはＩＥに含まれている。 日本の場合、企業の基幹系ではいまだIEがメインに使われていて、しかも異様に古いやつとかでないと動かないとかいうところもあるわけです。１年前の調査では でかい会社ほど仕様が古いという・・・・ 100人以下の企業ではChromeが圧倒的なのに、大企業はいまだIE8がメイン・・・ リクルートのCodeIQでMicrosoftを取材してヨッピーが記事にしているのだが(これ、ペイドバブだよね? PRの表示がどこにもないけ

One of the hardest things about being a web developer is accepting the fact that many of the people visiting your site are using old and underpowered web browsers. New features are added to web browsers all the time, but you generally can't use those features, unless you're willing to exclude lots of users who just aren't up to date. When developing apps with Electron, this problem doesn't exist.

When implementing new features for the Web, it’s important for us to be able to get them into the hands of developers early, so they can give new things a try. (Of course, this also helps us identify and fix bugs!) In the past, browsers did this by using vendor-prefixed names for features. This was intended to protect the Web from the churn of spec and implementation changes. Browsers would eventu

Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. There are plenty of form building services, plugins, and frameworks in the wild that make the tedious task of form design and development much easier. We’re going to look at some of those in this post. Why not do it yourself? Building a form is one of those tasks in front-end development that I for

Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. The following is a guest post by Marcus Tisäter. I think there are a lot of us out there that find PostCSS kind of fascinating. Especially from the perspective of potentially being able to write our own plugins, in JavaScript, that transform CSS in any way we want. But where to begin? How do you do