スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル(font size自動調整をきるなど)

前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対…

ブログの見た目を変えました 2013

2008年頃からポチポチ書いているブログの見た目を、ものすごく久しぶりに変えました。前回見た目を変えたのは2010年の8月ごろですから実に3年ぶりくらいですね。3年でWeb業界も自分自身もいろいろと変わってしまいました。早いものです。今でこそ、ほとん…

With by MapionとWebサービスのコミュニティについて

今回はあまりメディアにも露出されていないアプリに関してちょっと紹介してみようと思います。皆さん好きなアプリは多々あると思いますが、3G初期からのiPhoneユーザーとして私がもっとも重要だと思っているアプリはやはりマップアプリだと思います。これは…

社内LTで3つ発表しました「more feedback for the creation」「酵母と暮らそう」「TextScalableなコンポーネントのスタイル」

11月から id:aereal さんが社内LT大会を開催されているので、私もいくつか発表をしました。ので、発表した内容をさらっと紹介しておこうと思います。 more feedback for the creation LigatureSymbolsというフォントを公開してから得られた知見などをまとめ…

ちょっと前にいるひと

高校受験のとき、私のいた中学のクラスは本当に良いクラスでした。みんなそれぞれが自分と同じか、それよりちょっと前にいるひとといつも競い合っていて、良いライバルであり良い友だちでありました。私たちはお昼休みになると担任の先生の机の周りに集まっ…

YAPC::Asia Tokyo 2012に参加してLTをしてきました

1ヶ月前くらいから社内のエンジニアが今年はYAPCに行くだの、発表するだの話しているのが聞こえていました。私はデザイナーですし、まぁ参加するなんてことないと思っていました。参加するきっかけになったのは id:uzulla さんのツイートで、何やら今年はuz…

Web・HTML・CSSのテキスト改行と複数半角スペースの処理に関して

Webで開発をしていてたまに上がってくる問題として、テキストの改行についてあると思います。特にWebサービスのような編集者以外のユーザーがテキストを入力した任意のメッセージなどを表示する場合、改行に関して様々なトラブルが起きたりすることがありま…

くらげごはん。ができました

もともとは自分の実験的な目的で作って始めたブログの「くらげごはん。」ですが、気づいたら45日分・半年以上も書いていました。その前から書いていた「くらげだらだら」の方はすっかり止まってしまってほったらかしなんですが。やっぱりごはんは毎日3回も…

CSS Filtersで写真加工するWebApp - CSS PhotoEditor

iOS6も発表されて、あとはNew iPhoneのリリースが待たれる季節ですね。私は3Gの発売時に買い替えて、2年後iPhone4にし、また2年が経とうとしているので今年は新しいのに買い換えようという気持ちです。 世間ではAppleのマップでいろいろと騒いでいたりします…

【完全版】Ligature Symbols フォントセットの自作方法

今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現…

Sleipnir3 for Macの本当に細かいジェスチャのハック

最近はこのブログもそれなりにまとまった記事しか書かなくなってしまって、気軽な記事を書いていなかったので、たまにはちょっとどうでもいいことを書いてみようと思います。私は長い間ずっとChromeをメインブラウザとして使っていたのですが、一度Sleipnir…

Ligature Icon フォントセットの自作方法とWebFont

去年の10月に「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」というタイトルのエントリーで、Web Symbols TypefaceというWebFontを使って、タイプフェイスでアイコンを表示する方法について紹介しました。それ以来、似た…

スマートフォンブラウザのjQuery Clickイベントに関すること

最近、はてなブックマークで「スマートフォンブラウザ不具合特集」というのを見つけました。知らなかったのもいくつかあったのですごく参考になりましたよ。 特にAndroid系は私も認識していないことが多いので、その辺りをきちんと見てる人はすごいなぁと思…

3つのストーリーと本質を求める姿勢

ここ最近。2012年に入ってからのことなので本当にここ最近のようなことです。2012年は1月が終わって早くも1ヶ月ちょっとが過ぎてしまいました。今年は自分の中の考え方ややることを変えていこうと考えて、それを少しずつ実行しています。 「周りを変えたい…

ものを持たないということ

今年の年初に抱負を書こうっていうことで、あれこれ考えていました。去年に考えた抱負はほとんど達成できていて、仕事的なこと1つと趣味的な私的なことを2つ書いていました。今年も同じような構成で、仕事的なこと1つと趣味的な私的なことを2つ書きまし…

Webでの文字のレイアウトについて - 2011年に試してみたこと -

2011年の後半あたりから文字や文字組に興味を持ち始めました。元々、大学時代に文字についての勉強をちゃんとできていなかったことが、ある種のコンプレックスのように感じていました(今もそうです)。そのうえで「デザイナー」という肩書きを持っているこ…

CSSのみでテキストにグラデーションやリフレクトをかけるテクニック(ちょっと更新)

CSS

前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてで…

iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【後編】

前編ではiOS5のMobile Safariから使えるようになったHTMLやCSSの要素などについて試してみた、半分だけ紹介・解説しました。まだ前編を読んでいないという方は先に前編を読んでおくことをおすすめします。 →iOS5のMobile Safariから使えるようになったHTML5…

iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】

iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。 それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリ…

PrePANというサイトのお手伝いをしました。

CSS

id:antipop さんに頼まれてantipopさんが作っているPrePAN(http://prepan.org/)というサイトのデザインをしました。 > Perlモジュールのレビューサイト PrePAN をオープンしました PrePANはモジュールをつくったけど、「既に似たようなものがあるのでは?…

CSS3だけで作るClickableなUI

CSS

最近はHTMLやCSSぐらいしか書いていませんが、HTMLやCSSでできることを考えたりしています。 HTML5やCSS3はクロスブラウザ(主にIE)を考えたりすると、現実的でないような気さえしますが、Mobileデバイスに限れば、もう既に一般的な技術です。HTMLはフォー…

肌寒い日にほっこり暖まる、しょうがの炊き込みごはん。

最近は、しょうがの炊き込みごはんがマイブームです。 春とはいえ朝夜肌寒い日もちょくちょくありましたし、ほっこり暖まりたいなんて時は生姜がいいですね。お酒のシメにもぴったりです。 材料(米2合分) 米(2合) しょうゆ(大さじ2) 本みりん(大さじ…

株式会社はてなに入社しました(そして一週間が立ちました…)

11月より、株式会社はてなでデザイナーとして働くことになりました。少し前から京都に移ってきて暮らしておりますが、だいぶ落ち着いて来ています。初日の朝は雨で少し残念ではありますが、新しい環境にワクワクしています。 今までと制作環境がかなり違うの…

スティーブ・ジョブズ 驚異のプレゼン―人々を惹きつける18の法則(カーマイン・ガロ)読了

プレゼンテーションの極意、プレゼンテーションZen、ハイコンセプトと最近はプレゼンに関する本をよく読んでいるけれど、書かれている内容は重なってくるところが見えてくる(私の友人はそれが真理だという)。今回読んだスティーブ・ジョブス驚異のプレゼンも…

ハイ・コンセプト「新しいこと」を考え出す人の時代(ダニエル・ピンク)読了

読んでからずいぶんと間が空いてしまった。 春頃に「プレゼンテーションZen」というプレゼンテーションのアプローチに関する本を読んだのですが、その中で紹介されていて非常に興味をもったのが、この「ハイ・コンセプト」という本です。 と言いますか、プレ…

iPad App Flipboardの便利な活用方

春先にiPadが出て、友達から教えてもらって知ったFlipboardというiPad用のAppなんですが、iPadユーザーの方ならだいたい知っていると思います。 FlipboardはTwitterやFacebookの情報をURL先に含まれる画像やWebページごと持ってきて、雑誌のようにレイアウト…

脱出ゲームiPhoneApp「ESTAP」

先日紹介した無料App「PinBoo」に続き、予定していたもう一つのアプリがAppStoreに並んだのでご紹介します。 今回のアプリケーションは「ESTAP」というゲームアプリで、Web上でFlashで作られたものが多くあると思いますが、脱出ゲームアプリです。 脱出ゲー…

無料のiPhone&iPadアプリ「PinBoo」

先日のエントリーでも書いていた、989Worksというプロジェクトのアプリケーションの1つが正式にAppleStoreに並んだので紹介します。 今回リリースされたアプリケーションは「PinBoo」というiPhone,iPad両方に対応した無料アプリケーションです。 「PinBoo」…

989WORKS - iPhoneApp Produce Team -

最近は会社の仕事仲間たちで集まって、iPhoneやiPadのApplication開発を細々とやっています。「989WORKS」という名前で活動していますが、ようやくWebサイトができました!http://989works.com/開発Applicationは「ESTAP」というのと、「PinBoo」というまだ…

アンチョビ作りました

一ヶ月以上前に小イワシが大量に手に入ったので、念願のアンチョビ作りをしたのです。 アンチョビってなんかカッコイイ言い方でどうやって作るのか想像できないかもしれないけど、要はイワシの塩漬けなので結構簡単にできてしまうのです。 アンチョビの作り…