ワイヤーフレーム作成時のツールについて
- 2017.02.17
あと1か月ほどで、長女の小学校が春休みに入ります。 入学して、ピカピカの1年生になったばかりだと思っていたのに、あっという間に2年生。 早い！早すぎるぅ〜！ 一日一日を、大事に過ごさなければと再認識しました。 さて、現在コーポレートサイトのリニューアル業務をメインに行っています。 国本が作成した原稿を元に、ワイヤーフレーム作成、デザイン制作、イラスト制作を行って、コーディング担当者に引き渡していま […]
デザイン
HTML5の日付入力フォームのスタイルを変えてみる
- 2016.10.20
- CSS
エンジニアばかりのMMMでデザイナーをやっている池島です。デザインにコーディング、さらにSEO対策なども行っています。 ところで、先日担当したプロジェクトの中で、HTML5を使ってカレンダー機能を実装しました。 IEやFirefoxなど、HTML5に非対応のブラウザもあるものの、ユーザー視点に立つとカレンダーUIから日付を選択することができるのは非常に分かりやすいですよね。 日付選択フォームのスタ […]
デザインパターン分科会で取り上げたいテーマ
- 2016.09.29
- JavaScript, 社内イベント, 社内勉強会
インスタで噂の、ダイソー・スクエアボックスを買い込んだokpです。 弊社では、来月から、デザインパターン分科会が始まる。以前より行なっていた読書会の延長だが、特にこれと言った書籍は決めずに、パターンごとに分科会を進める想定だ。 そこで今回は、僕がデザインパターン分科会で取り上げたい(教えて欲しい)テーマを幾つかあげてみることにする。 DIとService Locator DIとService Lo […]
Webで使う画像ファイルについて
- 2016.06.03
先日、長女の運動会で日焼け止めを塗り忘れ、手の甲だけ日焼けしている池島です。 ブラウザが年々進化して、UIが向上したり、表示が速くなったりしていますが、進化した機能の中に、表示できる画像ファイルの形式が増えたことがあります。 使える形式が増えたことで、どれを使うか迷うような場面も出てきました。 使える画像のファイル形式と、それぞれの利点、欠点などをまとめてみます。 GIF 初期から使える形式で、安 […]
CSSで作るフキダシいろいろ
長女の卒園式後に流すスライドショーを制作することになり、iMovieが楽しくなってハマっていた池島です。 機能の制限が多いですが、テンプレートもたくさん用意されていて、直感的に操作できるので、動画編集の初心者にはいいと思いました。 いつか、Premiere や After Effects もゴリゴリ使いこなせるようになってみたいなーと・・・ さて、前回に続き、今回は、CSSだけで作るフキダシをご紹 […]
CSSだけで矢印を作ってみた
ワーキングマザーの池島です。 年度末に差し掛かり、保護者会や学校説明会、卒園対策委員などで忙しくしております。 現在、自社のコーポレートサイトの制作をしており、初めてやってみることがあったり、試してみたかったことをやってみたりと、スキルアップにも良い機会となっています。 そんな中、画像を使わずにCSSを使って矢印を作る機会がありましたので、備忘録も兼ねて、いくつかご紹介したいと思います。 サポート […]
Sketch3、ここがイヤ
- 2015.11.27
毎日、長女に悪態をつかれながら保育園に送っている池島です。長女の送迎もあと4ヶ月と思うと、時の流れの早さを感じつつも、残りの月日を大切に過ごそうと思えてきます。 現在、弊社コーポレートサイトのリニューアルに取り組んでいます。 デザインカンプの作成に、Sketch3を使っていますが、使い込んでいくうちに、不便な点、使いにくい点などが見えてきました。 現時点での気付いた点と、その対応策を書いておこうと […]
Google Analyticsから見えてくる自社サイトの改善点
- 2015.10.30
- マーケティング
学校説明会や就学時健診、予防接種など、子供関係で忙しい池島です。 子供の予防接種は、4週間空けて2回とか3回とか受けさせないといけないので面倒です。子供の健康には代えられませんが・・・。 現在、弊社コーポレートサイトのリニューアルに取りかかっています。 コンテンツの見直し、レイアウトやデザインの刷新など、検討事項がたくさんありますが、より良いサイト作りにはどんなことが必要なのか、Google An […]
古いバージョンのIEで表示や動作をチェックする
- 2015.07.10
娘の保育園の卒園対策委員に任命され、クラスTシャツのデザイン・発注を先日終わらせた池島です。無償奉仕にあまり時間は割けないので、フリー素材を活用させていただきました。 Webサイト制作中のブラウザでの表示・動作チェックについて Webサイトをコーディングする際、必ず必要になるのが表示・動作チェックです。 私は、デザインからコードを起こし、UI関連のJavascriptの実装までを担当しています。シ […]
Webページを“軽く”する
- 2015.06.13
副鼻腔炎闘病中の池島です。週末は、耳鼻科通いに時間を取られて家事もはかどりません。 現在関わっている業務で、サイトをリプレースするついでに高速化を図るというのがありまして、いろいろ調べていくうちに、昔のことを思い出したり、新たに得た情報を取り入れてみたりと、自分自身のスキルアップにつながったように思います。 フロントエンドですぐ実践できそうな、Webサイト高速化のポイントをまとめてみます。 Web […]