CSSでTokyo Otaku Modeのロゴを作ってみる | Tokyo Otaku Mode Blog
こんにちは。 Tokyo Otaku ModeのUXデザイナーおよびフロントエンドエンジニアの吉見です。 みなさんCSSは好きですか？ 先日弊社のロゴを眺めているとCSSだけでも表現できそうだなと思い、実装してみた話をしたいと思います。 HTMLの準備描画のためだけのDIVを大量生産して実装していくだけではおもしろくないので、ある程度制約を設けたいと思います。 Tokyo Otaku Modeという1字1字をそれぞれ i タグにし、 T は data-tom="t"、O は data-tom="o" といった具合に独自data-属性を持ったDOMで構成してみます。 出来上がったソースが下記のようなHTMLです。 ※ 一部Safariではデモが動作しない可能性があります。ChromeまたはFirefoxでご覧ください。 index.html <div id="tokyootakumode">
Tokyo Otaku Modeフォトグラファーが教える写真が確実に上手くなるための 8つのマインド | Tokyo Otaku Mode Blog
いい写真を撮るのは難しい！！ なんて思い込みにすぎない！（断言） Tokyo Otaku Modeのフォトグラファーのハラです。 ふだんはTOMが運営するECサイトの商品写真の撮影を担当しています。 僕は15年間、プロのフォトグラファーとして活動していますが、会う人に必ず同じことを言われます。 「写真、教えてください！！！」 「どうやったら上手な写真が撮れますか？…」 そして、続けて言われるのが… 「絞りとシャッタースピードがーーー」 「構図って難しいですよねー」 で、最後に言われるのが…（ 頑張って頑張って説明したあと…） 「やっぱりプロは違いますね…」 または 「今度、教えてもらった通りに撮ってみます！」（数カ月後「写真教えてください！」ってまた言われる） はい、もうやめましょう!! 断言します！ 写真は難しくありません!!超カンタンです!! プロは特別でもなんでもありません！カメラだ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
