タグ

ブックマーク / atmarkit.itmedia.co.jp (4)

  • HTML5+CSS3の「カンタン装飾設定」で今風デザイン

    的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5+CSS3サンプルを使って表現してみましょう。 (1)装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5+CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ!」というお叱りの声が聞こえてきそうですが(笑)、以下の2つを見比べてみましょう。上

    HTML5+CSS3の「カンタン装飾設定」で今風デザイン
    B-CHAN
    B-CHAN 2013/05/10
  • HTML5+CSS3は「メニューの作り方」を覚えるだけ!

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

    HTML5+CSS3は「メニューの作り方」を覚えるだけ!
    B-CHAN
    B-CHAN 2013/02/27
  • 大阪城に非常階段を設置したら? 「固定資産」を考える

    意外と知られていない会計の知識。元ITエンジニアの吉田延史氏が、会計用語や事象をシンプルに解説します。お仕事の合間や、ティータイムなど、すき間時間を利用して会計を気軽に学んでいただければと思います。 今回は「固定資産」を取り上げます。 固定資産は、ビジネスの場面でもよく聞く言葉です。具体的にどういった資産が固定資産に該当するのでしょうか。また、固定資産を手に入れた場合には、どのような会計処理が行われるのでしょうか。さっそく見ていきましょう。 【1】PCは? サーバは? 固定資産の定義 固定資産という字面を見ると、「固定されて動かない資産」のイメージが浮かぶかもしれませんね。そのとおり、建物や土地は固定資産なのですが、実際には車やサーバなども固定資産に該当します。 固定資産を簡単に説明すると 「長期間使って、元を取る資産」 です。 上記の建物や土地、車やサーバのいずれも、「長期使用により最初

    大阪城に非常階段を設置したら? 「固定資産」を考える
    B-CHAN
    B-CHAN 2012/10/18
  • Google Voiceはやっぱりすごかった - @IT

    Web業界は電話関連ビジネスを飲み込もうとしているのではないか。もう1年以上も前になるが、2010年5月に米国に出張した際に、そういう印象を受けた。といっても、VoIPのことではない。電話帳がSNS内のソーシャルグラフで置き換えられるということとも、ちょっと違う。電話の音声サービス全般のことだ。これは、VoIP普及以上にインパクトのある技術トレンドなのではないかと思うのだ。 そう感じた理由の1つ目は、米国で一般ユーザー向けにも提供が始まった電話・音声サービス「Google Voice」を使ってみて、その使い勝手の良さに舌を巻いたこと。今さら、Google Voiceがどうしたの? と思う人もいるかもしれないが、改めて検索してみて、どうも日にはGoogle Voiceのインパクトが全く伝わっていないように感じている。 もう1つは、Twilioというベンチャー企業の存在を知ったことだ。久しぶ

    B-CHAN
    B-CHAN 2011/09/21
  • 1