発行
代表取締役の中村が「ピクセルグリッド」を設立したのは、理想の会社が成り立つか、実験したいという気持ちがありました。理想の会社とは？ そしてどのように実現するのでしょうか？
フォームに関連するbuttonやinput要素などのカスタマイズができるappearanceプロパティを取り上げます。ブラウザで先行実装されているので、スマートフォンではしばしば利用するプロパティです。
シンプルなWebアプリケーションに対して、Seleniumを利用したテストプログラムを記述します。要素の取得やフォームの送信など、E2Eテストの基本的な書き方について解説します。
発行
働く場所や時間を自分で決められるピクセルグリッド。ですが、そこには当然デメリットもあります。今回は普段感じているデメリットや、それを解消するために工夫していることも話題になりました。
インラインブロックを利用したカラムレイアウトを解説します。要素の外からはインラインレベル要素としてレイアウトされるにも関わらず、ブロックレベル要素を内包できる特殊な性質を活かします。
ブラウザのオートメーションツール、Seleniumについて解説します。第1回では、Sleniumの基本的な仕組みや、用語を取り上げます。ツールをインストールし、実際に動かしてみましょう。
発行
ピクセルグリッドはリモートワーク可。就業時間も決まっていません。そんな会社で働くのは、どんないいこと、あるいはよくないことがあるの？ という素朴な疑問をスタッフに投げかけてみました。
「使いにくいUI」を使いやすく改良する仕上げを行います。ユーザーがクリックすべき場所をどうしてもクリックできなかった原因は、クリック範囲と、現在地の認識を狂わせることにありました。
今回はナビゲーションとして利用されるリンクが付いたリストマーカーの画像配置を考えます。リストマーカーとして使う要素を行の中央に配置するだけでなく、クリックも可能な実装を解説します。
発行
UIデザインは、ユーザーが情報の性質ごとのグループの認識を正確に行う補助をする必要があります。「使いにくいUI」のグループ認識はどうなっているのかを解説し、それを改善する方法を探ります。
リストの頭に配置されるアイコンやビュレットを思った通りの位置に配置する実装を、仕組みから詳しく解説していきます。「アイコンが微妙にずれて気持ち悪い」状態を解消しましょう。
JavaScriptの基本的な文法を押さえたら、少しずつ「解法」のストックを増やしていきましょう。第1回目はJSON文字列から特定の情報を取り出すパターンを考えます。