【CSS】見出しが変に改行しない！スマホのfont-size指定にvminを使ってみよう
スマホのfont-sizeの指定で良さげな指定方法を見つけたのでご紹介いたします。 特に見出しなんかの大きな文字を使用する場面で活用できそうです。 スマホあるある見出し改行しちゃう問題 スマホのコーディングしてると、見出しやキャッチコピーなどちょっと大きい文字がデバイス幅によっては改行位置が意図しない場所になってしまうことってありませんか？ スマホデバイスの多様化に伴い結構直面する問題な気がします。 せっかくのデザインがそれだと残念ですよね。 fontをvminで指定すると改行せずに文字サイズを小さくもできる そこで登場するのがvminです。これをfont-sizeの指定に使うことで改行せずに見出しをコーディングする事ができます。 百聞は一見にしかず。早速デモを見てみましょう。 font-sizeをvminで指定したデモ デモを作りブラウザ幅の変化によってどう変わるかをGIFアニメにしてみ
キルラキルのロゴでも使われた圧倒的存在感のすごいやつ「ラグランパンチ」 #LOVEFONT
こんにちは。クリスマスイブのエントリーはどうしても避けたかった井畑です。 今回は#LOVEFONT Advent Calendar 2014の23日目の投稿をさせていただきます。 #LOVEFONTとはある特定のフォントに対する愛を語る企画で、今回で僕は4回目の参加になります。自分の好きなフォントについて書くのってほんと楽しいですねー:) (ちなみこれまでは「GilSans」と「Trajan」と「筑紫A丸ゴシック」で書かせてもらいました。良かったらチェックしてみてください!) 今回は圧倒的存在感のすごいやつ「ラグランパンチ」についてです。 それではどうぞ!! ラグランパンチとは ラグランパンチはFontWorksが出しているフォントの一つで、他ではなかなか見ない超極太ゴシック書体です。 また、ラグランパンチの元となっているラグランというフォントもあります。 どちらも似ているのですが、ラグラ
【フォント - 手書き風・欧文フォント】 - クオリティが高く可愛い落書き風フリーフォント40個
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。自作フォントを作ろうとして挫折したことがあります。井畑です。 今回はカワイイ落書き風の手書きフォントを集める機会がありましたので、シェアしておきます。 手書き風フォントは通常のフォントの美しさとは異なる楽しく可愛らしい感じがどれもステキです。こっちはこっちでとても好きです:) 今からご紹介するフォントはどれも無料ダウンロード可能となっています。 ただ使用に関するライセンスは、フォントごとに異なりますので、使用する際にご確認のうえご利用ください。 それではどうぞ！ 落書き風手書きフォント40ご紹介 Doodle Pen Limited ボールペンでぐりぐり何度も書いた感じのフォントです。手書きフォントの中では、割と視認性が良いので割と小さい文
最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ
こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー
まるでおとぎ話の世界みたい!かわいくてガーリーな21サイトをご紹介
こんにちは。可愛いサイト大好き。 可愛い女の子はもっと好きな井畑です。 そんな井畑ですが、 ブックマークしていたお気に入りの可愛いサイトが増えてきたので、 今回ここでご紹介したいと思います。 僕の個人的な趣味が含まれますので、 「こんなのガーリーでもなんでもねーよｗｗ」とか、 twitterやはてぶで話題になったもので、既に知ってるものなども多くあるかと思いますが、ご了承くださいませ。 それではどうぞー!! Peter Granfors Peter Granfors まずは海外のサイトをご紹介していきます。 フィンランドのグラフィックデザイナーさんのポートフォリオサイト。 クリーム色のベースにピンク･ブラウン･紫のテクスチャーとイラストが繊細でとても可愛いサイトです。動物のモチーフも印象的で、タイトル部分のフラミンゴは勿論、フッターのお猿さんにも注目です。 me & oli me & ol
今さら聞けない！読みづらいCSSプロパティの正しい読み方
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 新人時代、CSSプロパティの書き方は分かっても、「…これなんて読むんだろ…?」と思うものが数多くありました。自分だけが知らないのかも…と思ってごまかしているうちにはや数年…こんな思いをしているのは自分だけじゃないはず！ ということで、今回は読みづらいCSSプロパティ(というか以前僕が間違えて読んでいたCSSプロパティ…orz)についてまとめてみました。発音見本のリンクをつけましたので不安な方は聞いてみてください！ 読みづらいCSSプロパティ目次 alt a href img src width height text-align vertical-align opacity visibility hidden border-collapse backg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
