『PxTX | 日本最大級のチームリーダーカンファレンス』まとめ - アシアルブログ

2019/07/08 13 users アシアルブログ まとめ - 発言 各セッション 限り

こんにちは、鴨田です。 先週末、2019/07/05日（金）に開催された『PxTX | 日本最大級のチームリーダーカンファレンス』に参加してきました。 wevox.io いろいろと気づき、学びがあったので、個人的に刺さった言葉を中心に、各セッションの内容をご紹介できればと思います。 (誰の発言だったかはわかる限りで書いていま... 続きを読む

外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法 : アシアルブログ

2014/09/19 95 users ウインドウサイズ レスポンシブレイアウト iframe 拡大

こんにちは、鴨田です。 タイトルが長くなってしまってすみません。 皆さんの中で、自分のサイトコンテンツの中で、 iframeを使って外部サイト(自分で更新できない)を表示したいときに、 iframe内のコンテンツを拡大縮小出来なくて困ったことがあったり、 サイトコンテンツをレスポンシブレイアウトではなく、 固定幅のまま、あらゆるブラウザで、 ウィンドウサイズに合わせてピッタリに拡大縮小したい、 と... 続きを読む

スマホアプリ開発の見積もりで気をつけたいいくつかのこと : アシアルブログ

2013/09/20 72 users アシアルブログ 見積もり スマホアプリ開発 デザイナー 普段

こんにちは、鴨田です。 普段はプロジェクトマネージャーやデザインディレクション、デザイナーとして、 働いている時間が長いのですが、営業として他社様に出向き、 案件ヒアリングや見積もりをすることがあります。 スマホ案件に携わることが多いため、大体の場合はスマホアプリ案件なのですが、 見積もり時に注意すべき事が多々あります。 今日は、スマホアプリ開発の見積もりで注意すべき点について、 いくつかご紹介で... 続きを読む

初心者のコーダーでも簡単に実装出来るJavaScript/jQuery Tips : アシアルブログ

2013/05/24 98 users コーダー Tips アシアルブログ JavaScript 運用

こんにちは、鴨田です。 今更感はすごくあるとは思いますが、 コーダー初心者でも簡単なJavaScript/jQueryのコードで、 ちょっとした運用を楽に出来るTipsを紹介したいと思います。 １．現在見ているページのナビゲーションをアクティブにする JS if (document.URL.indexOf("001.html") != -1) {  $("nav a.top").toggleCla... 続きを読む

CSSだけで作るアイコン付きボタンの作り方 : アシアルブログ

2013/04/30 87 users CSS アシアルブログ アイコン付きボタン 作り方 近頃

こんにちは、鴨田です。 近頃はボタンのデザインに限らず、CSSで実現できるものは、 グラフィックにせず、CSSだけで書いています。 ボタンデザインに限らず、HTML/CSSで書いた方が効率的なこもあって、 最近はあまりPhotoshopを開くこともなくなってきています。 ということで、本日はCSSだけで作るアイコン付きボタンの作り方です。 アイコン付きというのがポイントです。 ● アイコンなしボタ... 続きを読む

もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法 : アシアルブログ

2012/07/10 567 users Webフォント アイコン アシアルブログ プロトタイプ 案件

こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとして... 続きを読む

非エンジニア出身の新米Webディレクターが覚えておくべき10の用語 : アシアルブログ

2011/11/17 118 users 新米Webディレクター アシアルブログ 用語 LAMP ランプ

こんにちは、鴨田です。 元々Webデザイナーをやっていたのですが、 最近は何かとディレクションみたいなことをする機会が多く、 その度に色々と分からない用語があるので、少しですがまとめてみました。 自分に分かる範囲で書いているので、 間違っている可能性も大いにありますけど、 非エンジニアとしては、大体の意味を掴んでおけばいいと思うので、 ゆるい感じで覚えていってください。 ○LAMP ランプと読みま... 続きを読む

HTML5+CSS3の導入時に役立つ7つの設定 : アシアルブログ

2011/10/19 929 users アシアルブログ HTML5+CSS3 導入時 設定 7つ

こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テ... 続きを読む