iphoneのUIのようなボタンをCSS3を使用して作ってみた。
CSS3なども使用して、iphoneの設定画面のようなインターフェースみたいなデザインのボタンを再現したくて試してみました。一応、スマホをメインに考えて自動的に幅が伸びる感じで。 ↓ こんな感じのボタン。 htmlファイ…
アイデアは考えるな。 アイデアを考えるのが苦手な方は読むべき！
Web業界にいるとやはりブレストなどえアイデア出しだったりコンテンツの企画出しだったりアイデアを出す場面ってかなりあると思うんですよ。 ただ、アイデアってポンポン出てくる人ってたまに見かけますが、正直そんな人なかなかいま…
【CSS】横並びさせた要素の端っこのマージンを調整する方法
よくfloatを利用してボックス要素などを横並びにする機会がたくさんあると思うんですが、だいたい横並びにするときは隣り合う要素にマージンを設定しますよね？そうなると最初の要素もしくは最後の要素にももちろんマージンが設定さ…
HTML5のWeb Workersで並列処理を使いこなしてみよう！
近年は、html5の台頭によって「html5+css+javascript」によるアプリケーションの開発などの案件もものすごく増えてきたのを感じます。それによってjavascriptが注目を浴びまくったため、javasc…
CSS3で作る可変タイプのナビゲーション
さてさて、そろそろCSS3が普通に利用されてきてますね。なんてったてスマートフォン市場が拡大してるので そんで、PCやスマートフォンやタブレットにあったレスポンスデザインが今後増えていくとなると、可変に対応できるのがいい…
CSS3のbox-flexで要素が伸縮する比率を決める
今回は、子要素のボックスが伸縮する比率を決める場合の処理をメモ。 ボックスの伸縮する比率とは？ たとえば、子要素のボックスが3つあったとした場合に、基本的には何も指定していなければ、そのボックス内の要素の幅に合わせて左詰…
CSS3のbox-ordinal-groupで順番を入れ替える
前回は主にフレックスボックスについてメモしたけども、基本的にはフレックスボックスにする要素の親要素に対するCSSを指定しましたが、今回はそのフレックスボックス自体に関するCSS3をメモ フレックスボックスの順番を入れ替え…
CSS3のflexboxでボックスレイアウトを組んでみる
2013年7月1日現在ですは、flexboxの仕様が変わった為、この記事は古い記事になりました。新しい記事は「CSS3のFlexboxが仕様が変わった！！新しいフレキシブルボックスレイアウトとは！？」になります。 css…
【CSS】レスポンシブルで可変+固定レイアウトで組む
最近は、レスポンスWebが流行りそうというか話題になってるけど、デバイスが多すぎて対応が大変になってきてる。 レスポンスの方法はまぁたくさんあるので、今回は「レスポンシブルで可変+固定レイアウトで組む」ってことに注目して…
CSS3のアニメーションをjavascriptで実行する方法
よくCSS3でロールオーバーでアニメーションさせるのありますが、まぁそれは、普通にcssで「:hover」の部分に変化させたいプロパティを記述すればいいだけなんですが、javascriptで制御する場合はどうするんだっけ…
コメントを投稿するにはログインしてください。