メンテナブルなCSSの書き方
最近Web業界で活躍されている方々をTwitterで見つけたらフォローしています。 デザイナーやエンジニアやマーケター、または経営層の方まで、担当業種に関係なく有益な情報を発信している人たちのツイート…
最近Web業界で活躍されている方々をTwitterで見つけたらフォローしています。 デザイナーやエンジニアやマーケター、または経営層の方まで、担当業種に関係なく有益な情報を発信している人たちのツイート…
Zeplin（ゼプリン）とは Zeplinとは、デザイナーが作成したデザインをコーダーに共有できるアプリケーションです。 Photoshop、Adobe XD、Sketchなど様々なデザインツールに対…
デザインを作るときにフリー素材のサイトから適当なアイコンを探すのは地味に大変です。 線のウェイトや、丸みのありなしなど、１つのサイトの中で統一感のあるアイコンを選ばないといけません。 今までは、普段か…
前回ブログで、WebGLを使ったスライドアニメーションの表現をご紹介しました。 https://www.aura-office.co.jp/blog/webgl1/ この時に紹介したスライドアニメーシ…
ここ数年のWebで、インタラクティブな表現として普及してきたWebGL。これまで制作に取り入れたことがなく、なんとなくでも理解したいと思い、今回色々と調べてみたので忘備録も兼ねてご紹介したいと思います…
こんにちは、仁木です。 ホームページではサイトの表示速度はとても大事です。 そして表示速度を改善する中で重要になってくるのが、CSSやJavascript、画像などのリソースファイルのダウンロードサイ…
こんにちは、仁木です。 先日、新規サイトのコーディングの担当割り振りをコーダーの河野さんと話している時に「ちょっとPug使ってみない？」という話になり、巷で話題のPugを使ってみました。 ただし、Pu…
こんにちは、アウラの仁木です。 みなさんはGmailやGoogle CalendarなどのWebアプリはブラウザで開きっぱなし派の人でしょうか。 WebアプリやWebページを１つのブラウザでまとめてい…
コーダーのみなさん、デザインからコーディングを起こす時にボタンのサイズやコンテンツ間の余白などはどうやって測っていますか？ Photoshopだと、レイヤーを範囲選択して[情報]ウィンドウで縦横のサイ…
イラスト、写真などのイメージ素材は、ホームページを作る上で必ずといって良いくらい必要になって来ますよね。 予算が十分にある時はプロのカメラマンに依頼してオリジナリティのある写真を撮影したり、イラストレ…
