サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
naoi109.github.io
リモートワーク Advent Calendar 2015の2日目を担当させていただきますnaoです。 千葉県に在住しており、肩書きはデザイナーです。 主にWebやiOS/AndroidアプリのUIデザインをしたりなどしています。マークアップもちょっとします。 私について 今現在私はフリーランスという立場で、3つのチームに所属もしくは企業のパートナーとして働いています。 そのどれもがリモートでの対応という契約で、フルタイムではなく週の稼働上限を決め、稼働するという形になっています。契約形態はどれも業務委託です。 フリーランスというスタイルは本当に水物で、「収入が安定しない」「来月の収入が想像できない」という不安が心のどこかにいつもあります。 去年フリーランスになって今年で2年目、どうにか毎月それなりの収入を得てはいますが、スポットの仕事はあまりにも安定しないのと、本当にやりたいことではないこ
♯LOVEFONT Advent Calendar 2014、14日目を担当させていただきます。 一昨年からよく見ていた企画に参加出来て嬉しいです。 このブログにも使用している(日付のところですね!)Sacramentoについてご紹介できればと思います。 Sacramento Sacramentoフォントについて アメリカのデザイナーBrian J. Bonislawskyによってつくられたフォントです。 1950年代〜1960年代、アーティストのパンフレットなどに使われていた手書き文字からインスピレーションを得てつくられたそうです。通りで若干レトロ感があります。 フォーマルとカジュアルの間に存在するこのフォントは、デザインのアクセントにぴったりのフォントです。 ライセンス SIL Open Font License, 1.1で、個人・商用ともにフリーです。 出会い 私がこのフォントに出会
複雑なレイアウト上でリンクやhoverアクションを用いる場合、普通に画像を使うと期待通りにできないことがあります。 文章で説明するのが難しいので、図を使ってつらい例を説明します。 期待どおりにならなかったつらい例 例のように画像が重なりあってしまう状態だと、リンクだけでなくCSSもz-index地獄になって大変です。 CSSでのマスクはこの問題を解消できない(結局透過pngをつかうことになるので)…… そんなとき、SVGのクリップを使うと期待通りの挙動にできたので紹介します。 デモ svg-link sample 六角形の箇所のみクリッカブルになっています。 確認ブラウザはIE11,Chrome34,FireFox29です。 Firefoxだとパターン2のストロークがずれて表示されるようでした。(なんでだろう) イメージとして下記にキャプチャをとってみました。キャプチャに使ったブラウザはC
nao / Naomi Isogai千葉県出身・千葉市在住のフリーランスデザイナーです。 広告代理店でのWebデザイナー、ゲーム事業会社でのUI設計・フロントエンド実装経験を経て、 現在はUXUIの設計やサービスデザインを担当しています。 2023年1月現在、TOKYO ART BEAT・FUN FAN NFTのサービスデザイナーをしています。 また、トナリノというクリエイターを応援するためのサービスを運営しています。 自分がする仕事で誰かが幸せになる、楽しくなれるようなことがしたいと思っています。 心に留めておきたくなるような瞬間を、いつまでたっても求めていきたい。 いつまでたっても子どものような無邪気さで、画面の向こう側にいる人を幸せにしたい。 そんな気持ちで毎日、デザインをしています。
コーディング中に繰り返す共通部分の修正&コピペが地味につらかったので、自動でコンパイルしてもらうことにしました。 ECTというテンプレートエンジンを使って、Gruntでコンパイルする体でまとめます。 ちなみに、Grunt自体の導入・設定は下記のサイトでわかりやすく紹介されています。 (導入時に大変お世話になりました) Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 - KOJIKA17 Gruntで快適な環境を整備したい!【インストール編】 - riaxdnp.jp ECTとは? ECT - Fastest JavaScript template engine with embedded CoffeeScript syntax JavaScriptのテンプレートエンジンです。 下記のようなことができます。 Inheritance(内容の継承) Partials(
このページを最初にブックマークしてみませんか?
『Clipping Design』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く