スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
無料＆商用利用可能、武骨でポップな極太日本語フォント「鉄瓶ゴシック」
ボコボコした鉄瓶のアウトラインのような、ゴツゴツした味わいのある日本語フォントが「鉄瓶ゴシック」です。ひらがな、カタカナ、教育漢字、常用漢字、第一水準漢字、第二水準漢字、数字、アルファベット、記号に対応しており、PhotoshopやIllustratorで加工して楽しむこともできます。 鉄瓶ゴシック – フリーフォントダウンロード | フォントな自由｜日本語フリーフォント無料ダウンロード http://fontna.com/freefont/?p=12 鉄瓶ゴシックは極太のゴツゴツした質感の味わいのあるフォント。商用・非商用問わずに無料でダウンロードして使える、ロゴデザイン・タイトル・見出し向けの漢字も含む日本語フリーフォントです。 ◆ひらがな＆漢字 ゴツゴツしたフォントなので漢字やひらがなに味わいを与えることができます。 ◆カタカナ カタカナでフランス文学の作家やタイトルを書くだけで何と
はてなブログ初心者さんに捧げる！私が100記事書くまでに実行したことのまとめ - 遊ぶように働く社長のほぼ日刊ブログ
2014-08-16 はてなブログ初心者さんに捧げる！私が100記事書くまでに実行したことのまとめ ブログ運営 今日のこの記事は「はてなブログ」を始めてちょうど100記事目になります。5月1日から始めたのでちょうど3ケ月半での達成です。今日は100記事ポストするまでに、このブログに何をしたのか？何があったのか？を書きたいと思います。大したことは書きませんのでサラッと読み進めてください。 デザインの設定 はじめは公式デザイン（Epic by hatenablog）を使用していたのですが、最終的に「Witten by jclv」に落ち着きました。また、個性を出すためにヘッダーの画像を「ペイント」を使って作成しました。 記事タイトルの下にSNSボタンを設置 はてなブログでは標準で記事下にSNSシェアボタンが付きますが、記事タイトルの下にも設置しました。 ツイートボタン、いいねボタンなどをまと
フリーランスも知っておかないといけないデザイン料金の相場まとめ
フリーランスをスタートして半年以上が過ぎて、まだまだ月々の売上は売上報告にも書いている通り、多い時と少ない時の差がかなりありますが、ありがたいことに仕事自体は次第に増えています。 そうするとしっかりと考えておかないといけないのが、デザイン料金の設定です。これまではクラウドソーシングでのコンペや受注案件など、価格が決まっているものに応募したり、受けたりする流れでしたが、これからクライアントや代理店の方と直で料金の交渉をしたり、見積書を提出することが増えていきます。 そこで改めてその中のデザイン料金の相場について考え、まとめてみました。 デザイン料金で揉める場合 サバイブログでは過去に「デザインのクオリティと値段の関係をハッキリさせておこう」、「【クラウドソーシングも含む】プロに低料金の案件を気持良く、しっかり仕事をしてもらうコツ」という記事で、デザインとお金の関係に関しては色々と思うところを
超厳選！ハリウッド映画タイトル風のフリーフォント36個
どうも、やな☆ぎさわです。 僕は、映画が大好きでよく観るのですが、それぞれの映画で使われているタイトルフォントはオリジナリティがあってかっこいいなぁと常々思っています。 そこで今回は、映画で使われているっぽいタイトルフォントがダウンロードできるサイトをいくつかご紹介します。 ぜひとも、パロディ感覚でイベント告知のポスターやパンフ、バナーなんかに使用して、あの名画を再現してみてはいかがでしょうか。 以下で紹介しているフォント達はどれもムッチャクチャ格好いいのですが、商用に使えるやつと使えないやつが混じっているため、ご利用の際はライセンスをしっかり確認してくださいね。 パイレーツオブカリビアン風フォント 海の男、いや、漢たちの話。 ＞＞フォントダウンロードはコチラ スター・ウォーズ風フォント そう、この記事を書いている今も、広い宇宙のどこかでは、互いの星の運命をかけた宇宙戦争が繰り広げられてい
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle
プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
プログラマー、絵が描けないじゃないですか（偏見） こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
知っておいてよかった！Web制作時に効率上げる「便利」なCSSテクニック - コムテブログ
TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧：multiply／screen／overlay／darken／lighten／color-dodge／color-burn／hard
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
