SVGアイコンの管理は「iconset」が大変便利
デザインを作るときにフリー素材のサイトから適当なアイコンを探すのは地味に大変です。 線のウェイトや、丸みのありなしなど、１つのサイトの中で統一感のあるアイコンを選ばないといけません。 今までは、普段か…
デザインを作るときにフリー素材のサイトから適当なアイコンを探すのは地味に大変です。 線のウェイトや、丸みのありなしなど、１つのサイトの中で統一感のあるアイコンを選ばないといけません。 今までは、普段か…
前回ブログで、WebGLを使ったスライドアニメーションの表現をご紹介しました。 https://www.aura-office.co.jp/blog/webgl1/ この時に紹介したスライドアニメーシ…
ここ数年のWebで、インタラクティブな表現として普及してきたWebGL。これまで制作に取り入れたことがなく、なんとなくでも理解したいと思い、今回色々と調べてみたので忘備録も兼ねてご紹介したいと思います…
こんにちは、仁木です。 ホームページではサイトの表示速度はとても大事です。 そして表示速度を改善する中で重要になってくるのが、CSSやJavascript、画像などのリソースファイルのダウンロードサイ…
こんにちは、仁木です。 先日、新規サイトのコーディングの担当割り振りをコーダーの河野さんと話している時に「ちょっとPug使ってみない？」という話になり、巷で話題のPugを使ってみました。 ただし、Pu…
こんにちは、アウラの仁木です。 みなさんはGmailやGoogle CalendarなどのWebアプリはブラウザで開きっぱなし派の人でしょうか。 WebアプリやWebページを１つのブラウザでまとめてい…
コーダーのみなさん、デザインからコーディングを起こす時にボタンのサイズやコンテンツ間の余白などはどうやって測っていますか？ Photoshopだと、レイヤーを範囲選択して[情報]ウィンドウで縦横のサイ…
イラスト、写真などのイメージ素材は、ホームページを作る上で必ずといって良いくらい必要になって来ますよね。 予算が十分にある時はプロのカメラマンに依頼してオリジナリティのある写真を撮影したり、イラストレ…
エンドユーザーが利用するページは、たくさんのデバイスやブラウザで閲覧されています。 フロントエンドのエンジニアは、それらの数えきれない閲覧環境で正しい見た目と動作を出来る限り保証できるページを実装する…
Javascriptは現在Webアプリケーションだけではなく、デスクトップアプリケーションの実装にも使われるようになり、他の言語と遜色のない言語になりました。 今回、開発環境の構築で少しJavascr…
