タグ

2013年9月13日のブックマーク (6件)

  • ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン

    さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った

    ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
  • 就活生は必読すべき!将来食べていけなくなる絶対に選んではいけない業種 - ダメ!絶対!!~人生においてやってはいけないことまとめ~

    2013-09-12 就活生は必読すべき!将来べていけなくなる絶対に選んではいけない業種 就職活動は人生においてかなり重要度の高いイベントだ 特に新卒の就活はその中でも最も重要だ なぜなら新卒は 唯一全ての業界への扉が開かれているからだ 外資でも良いし、最近流行りの半沢直樹みたいに 金融に行って 「倍返しだ!」 とやるのも良いだろう(オススメしないが) 品だろうとメーカーだろうと行きたい業界に行く可能性を持っている 現にたくさんの業界を受ける人もいるだろう しかし、全てに扉が開かれているがゆえに 慎重に業界を選ぶべきだ なぜなら転職活動をする際には 職歴が評価対象となるからだ 例えば新卒で保険会社に入って 毎日営業に出かけていた人間が転職して IT業界にエンジニアとして勤務することは難しい 逆に今より待遇の良い 保険会社に入社することは可能だろう 中途採用を取るってことは 企業は即戦力

  • hr要素のデザインサンプル 12 - NxWorld

    hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては(特にCSS3を用いているもの)ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。

    hr要素のデザインサンプル 12 - NxWorld
  • ネットの進化とともに増加する”繊細チンピラ”とは?

    皆さんこんにちは、小野ほりでいです。近頃ネットで話題の「繊細チンピラ」というワードをご存知ですか?実は私もよく知りません。繊細なのにチンピラ?一体何なんですかね。当にそんな言葉あるんでしょうか・・・? <登場人物> エリコちゃん 別に何も考えてない女の子。 ミカ先輩 ずっと説教してる先輩。今回も説教するらしい。 1.当に自慢? ~♪ エリコちゃん、最近ツイッターが活発なのね。 そうですか?実は今、「現実がかようにもクソであるならせめてネット上では幸せに見えるように振る舞おう月間」を実施中なんですよ。 なんなのよそれ・・・何だかよく分からないけど、悪いことではないと思うわ。 実情に相反してバーチャルな自分の分身がどんどん幸せになっていくので笑えますよ。先輩もどうですか? 私は別に・・・あらエリコちゃん、リプライが溜まってるみたいよ。 ほんとだ。フォロワー0なのに誰かな・・・? な、なんか

    ネットの進化とともに増加する”繊細チンピラ”とは?
  • もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -

    構造やクラス名、プロパティの記述方法などをルール付ける「CSSコーディング ガイドライン」策定のための参考記事を紹介します。 チームでの共有、コーディング効率やメンテナンス性などの改善のためにも、これを機会にガイドラインを導入してみてはいかがでしょうか。 コーディング規約を作ろう"制作チームの規模が大きくなればなるほど、コードの統一性は大切" ▶ コーディング規約を作ろう Webクリエイターボックス コーディング規約を見直すうえで抑えておくべきポイントを紹介。 チェックポイントコーディング規約に含むべき項目 ・ディレクトリやファイルの階層・名前 ・記述順やインデント、単位などのフォーマット ・ID,classなどの命名規則 ・対応ブラウザー CSSガイドラインを翻訳してみた"多くの開発者が関わる場合、メンテナンス可能、コード見通し良く、拡張可能にするために統一された方法を用いることが重要"

    もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -
  • いつも普通の麺つゆでそうめんを食べてるあなたへ。5分で超美味しくなるアレンジレシピ6選 - ライフハックブログKo's Style

    冷たくて美味しいそうめん。 しかし、いつも同じ「麺つゆ」だけでは飽き飽きしませんか? お昼のTV「ヒルナンデス」で、イケメン料理研究家の有坂 翔太さんが「そうめんのアレンジレシピ」を紹介していました。 その数、なんと6種類!しかもとてもカンタンなんです! 野菜めんつゆ豆乳そうめんガスパチョ風めんつゆ冷や汁風めんつゆもずく酢めんつゆ納豆キムチめんつゆ さっそく試してみたので、レシピと感想を紹介します!