2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
最近新しく追加された position の新しい値 sticky が場合によってはすごく便利なので記事を書いてみます。 対応ブラウザがまだあまり多くないので実用性は乏しいかもしれませんが、今まで JavaScript の力を借りなきゃ出来なかったことがたったの2行の CSS で出来てしまう魔法みたいな position の値です。 position: stickyMDN が説明が詳しいので貼っておきます。 参考：position - CSS｜MDN 簡単に言うと「スクロールでその位置まで来たらそれ以降は fixed する」みたいな感じです。 サンプルこの記事内で「position: sticky」や「サンプル」など h2 要素に position: sticky をかけています。対応ブラウザであれば h2 要素が fixed しているはずです。 HTML<h2 class="h2-stic
こんにちは、エンジニアのKです！ さて、前回はMSDNを読み解いてFace trackingの概略を押さえたので 今回はプログラムを作って実際に検証して行きます、よろしくお願いします！ ■今回作成するプログラムで実現すること 前回押さえた概略を踏まえて以下のことをやってみます。 顔を検出したら ・RGBカメラ映像の顔位置に、青色の四角い枠を描画する ・RGBカメラ映像の「左目」「右目」「鼻」「左口角」「右口角」の位置に黄色い丸を描画する FaceFrameResult.FacePointsInColorSpaceで取れるPointDataを使用します ・取得した顔の情報をテキストで表示する 顔の情報とは Happy(smilingつまり笑顔か)、Engaged(こちらを見ているか かな？)、WearingGlasses(眼鏡をかけているか)、 LeftEyeClosed(左目を閉じているか
あけましておめでとうございます。 プライバシーも一緒に流れるトイレから3年経ちましたが、皆様いかがお過ごしでしょうか。 お正月の三が日、昨今のIoTブームに乗るべく、私もIoTで真に豊かになるものは何かと一生懸命考えた結果、3年前と同じ部屋に辿り着いたことをご報告いたします。 前回はウォシュレットの使用状況をTwitterに投稿するというシステムでしたが、今回はウォシュレットにRESTfulなAPIを付与することで様々な機器から操作することを可能にするシステムを制作しました。 使用したのは巷で話題のESP-WROOM-02(ESP8266)と赤外線LED、上記写真のボードはオリジナルのもの。 (赤外線LEDの足がJST-PHコネクタに吸い込まれているように見えますが、良い子はLEDの足にJSTコンタクトピンを圧着したりしないように。) このデバイスを電源に接続すると... http://t
iOSの新機能サンプルとして評判のシリーズのiOS 9版、iOS9-day-by-dayが10日前に公開されたようです。 これ系、国内だと秋の正式リリースのタイミングで公開される、堤さんのiOS8-Samplerなどのシリーズが有名だと思いますが、そちらは今年もiOS 9正式リリースのタイミングで公開予定とのことです。 iOSx-day-by-dayについてかるく説明 多分iOS 7から続くシリーズで、去年のiOS8-day-by-dayも、2,060スターの人気レポジトリです。 去年の場合、連日〜数日起き程度の更新頻度で、次々とiOS 8の新機能サンプルと説明があがってきてて、かなりありがたかったです。 Swiftで書かれています。 Shinobicontrolsの社員が書いている模様です。 年によって担当が違い、今年はChris Grantさんという方がメインで担当しているようです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
