2013年3月9日のブックマーク (10件)

  • [デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した

    角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました! デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。 気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。 形状としての

    [デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した
    phenmnn
    phenmnn 2013/03/09
  • HTML5+CSS3は「メニューの作り方」を覚えるだけ!

    HTML5+CSS3は「メニューの作り方」を覚えるだけ!:にわかデザイン(1)(1/3 ページ) Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。 Web製作の現場では、予算の都合上Webサイトのデザインをデザイナーに発注できず、エンジニア自身が担当しなければならないことがままあります。昨今は「Twitter Bootstrap」などのCSSフレームワークを使って、そんな状況に対応している方も多いと思います。確かに、Twitter Bootstrapはリッチなデザインや機能を持つパーツがそろっていて、素早くレイアウトを組み上げるには便利です。しかし、そのためには独自の指定方法やお作法をそこそこ知っておかなければならないのも事実です。 であるならば……、CSS自体を覚えてしまうというのも1つの手では

    HTML5+CSS3は「メニューの作り方」を覚えるだけ!
    phenmnn
    phenmnn 2013/03/09
  • ヘッダは上部固定で、フッタは最下部にするスタイルシート、レスポンシブにも対応! | コリス

    ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で! デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーションがあるヘッダはスクロールしても常に上部に固定されています。 デモのコンテンツ量が少ないため、狭い表示エリアで。 デモページ:幅780pxで表示 実装 実装はデモを必要最小限にしたもので、紹介します。 HTML 上からナビゲーションのあるヘッダ、コンテンツ、フッタの順で、ヘッダとコンテンツはdivで内包し、終わりにコンテンツ量が少ない時用にpushのdivを配置します。 <body> <div

    phenmnn
    phenmnn 2013/03/09
  • 自分がロゴを作る時に意識してるポイント / Maka-Veli .com

    こないだロゴを変えてサイトデザインも変えたわけですが、ロゴはもっともっともっと時間かけてやりたいところだったんですが、自分の性格上、それだといつまで経ってもやらないので一気に勢いでやりました。自分のブログですから、また気が向いたらマイナーチェンジを加えていく予定です。 自分のブログなんかでなく、お客さまのロゴ制作をする上で注意している点がいくつかありますので、今回はその辺りを書いてみようと思います。せっかくなのでMaka-Veli.comロゴと併せて とにかく最初は「作らない事」これにつきます まず、とにかく下調べ とにかく競合他社を調べまくります。 どんなロゴを使っているか そのロゴからどんな雰囲気を感じ取れるか どんな人が顧客、潜在顧客なのか(ターゲット) ここで仰天。教えてもらったんですが、なんと有名アニメ(?)のキャラと丸かぶりでしたよ。 良い悪例なので晒しておきます

    phenmnn
    phenmnn 2013/03/09
  • 見出しやロゴにぴったり!漢字も揃ってるちょっと太めのフリーの日本語フォント -ぼくたちのゴシック

    ぼくたちのゴシック -fontopo 「ぼくたちのゴシック」は丸いフォルムながら、かわいくなりすぎないようにバランスを調整し、ウェイトをちょと太めにしたフォントとのことです。 見出しやロゴなどに、よさそうですね。

    phenmnn
    phenmnn 2013/03/09
  • WiMAXの契約で気をつけたいポイント

    wimaxの最新端末WX05は最新の機能を搭載したモバイルルーターです。 WiMAX2+ではこれまで採用されてこなかった「WiMAXハイパワー」を搭載して、WiMAXの弱点とも言える「電波が弱い場所」での高速化に成功したようです。 どうしても大手の通信網に比べると電波が弱い場所が多くなってしまうのがワイマックスの弱点ですが、その弱点を補う機能です。 この機能だけでもWX05を選ぶ価値がありそうですね。 WiMAXを契約するのにオトクなプロバイダは何を基準に選ぶのか WiMAXはUQコミュニケーションズのサービスですからUQで契約すればいいのですが、それだと料金面がやや高いです。 料金を安くしたいなら「プロバイダー」経由で契約するのが1番お得。 UQコミュニケーションズと契約をすると 月額料金が高いキャッシュバックが少ない機種購入代金がかかる いい事なしです。回線の提供元と契約できる安心感み

    WiMAXの契約で気をつけたいポイント
    phenmnn
    phenmnn 2013/03/09
  • 身に付けたい「7つの良い習慣」とそれを「習慣付ける方法」 | ライフハッカー・ジャパン

    Gregory Ciotti氏は心理学、説得によるマーケティングなどを紹介する米ブログ「Sparring Mind」の創設者。集団の行動観察をするのが得意な彼が、オンラインで面白いことに気づいたようです。 習慣を身に付けるためのiPhoneアプリ『Lift』を使っていると、あることに気づきました。全ユーザーが追加したほとんどすべての習慣が一覧で確認できるのです。このアプリの最初の目的である「良い習慣の記録」がたまっていくことで、世の中の人がどのような習慣を良いと捉えているか確認できるようになったのです。中でも特に人気の「7つの良い習慣」をご紹介します。■運動をする 「ジムに行く、もっと運動する」というのは、2位の習慣を大きく引き離し、多くの人がもっとも身に付けたいと思っている習慣でした。定期的に運動すると、心身共にあらゆる面で明らかに健康になるので、身につけるだけの価値は十分あると思います

    phenmnn
    phenmnn 2013/03/09
  • 【保存版】Webエンジニアが見るべきテックブログ一覧

    皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか? はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは? ご存知の方も多いと思いますが、テックブログとはWEBサービスゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな

    【保存版】Webエンジニアが見るべきテックブログ一覧
    phenmnn
    phenmnn 2013/03/09
  • WordPressアフィリエイトで稼ぐための「収入5倍テクニック」まとめ【稼ぎ方】

    ブログアフィリエイトの収益が増える5つのテクニック 広告は「クリック率が最大になる配置」にする! GoogleAdsenseを貼っているアフィリエイターの人も多いと思いますが、アドセンスはクリック率で何倍も成果が変わってきます。 クリック率の平均ってどれくらいなの?と疑問に思う人も多いと思います。 大体の場合は、クリック率が0.5%以下ならクリック率がかなり低いです。 しかし、このクリック率。 実は広告位置をちょこっと変えるだけで1%までなら上げることが可能です。 おそらくほとんどの人は以下のどこかにアドセンス広告を配置していると思います。 タイトルロゴの横 サイドバー 記事の前 記事の中間 記事の直下 基的にタイトルロゴ近くとサイドバーの下部分はクリック率がかなり低いです。 多くのブログに対して効果的な掲載場所として以下の3カ所をおすすめします。 記事の前 or 中間に1つ入れる(46

    WordPressアフィリエイトで稼ぐための「収入5倍テクニック」まとめ【稼ぎ方】
    phenmnn
    phenmnn 2013/03/09
  • アメリカの小学生が文の構造を見える化し英語文法を血肉化するのに使っている図の描き方

    今日まで使われるこのダイアグラムは、1877年に出版されたAlonzo Reed と Brainerd Kellogg 1877. Higher Lessons in English(→Gutenbergで読める)に登場するものだが、1847年には早くもW. S. ClarkがA Practical Grammarの中でバルーン・メソッドと呼んだ類似の方法が提案されている。 特徴としては、 ・我々が親しんできた伝統文法を活用でき、 ・文の内容において、主なもの/従うものの階層付けがはっきりしており、 ・文ごとに個性的で印象の強いダイアグラムが生成される 利用法としては、出来上がったダイアグラムを見てどうこうするというより、ダイアグラムをつくるプロセス(シンプルなところから始めて要素を追加していくところ)にトレーニングとしての主眼はある。 以上から、今でも米の教育現場ではしぶとい人気がある。

    アメリカの小学生が文の構造を見える化し英語文法を血肉化するのに使っている図の描き方
    phenmnn
    phenmnn 2013/03/09