【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita

2022/08/19 238 users Qiita hover focus CSS where

はじめに あなたは "擬似クラス" 何個言えますか？ 擬似クラスには、:hover や :active、:focusといったよく使うものから、 :is()や:where()、:has()といったこれからサポートされていくものまで たくさん種類があるのは、ご存知ではないでしょうか？ でも、"擬似クラス" 何個言えますか？と聞かれると数個くらいしか思... 続きを読む

プログラムにはなぜ「バグ」があるのか？プリンストン大の人気講義で基本を学ぼう - プリンストン大のプ...：日経クロステック Active

2021/06/18 10 users 出典 著者 プリンストン大学 プログラミング言語C 伝説

出典：日経クロステック、2020年4月30日 （記事は執筆時の情報に基づいており、現在では異なる場合があります） 記事一覧 プリンストン大学で1999年の秋から行われている一般人向け講義「Computers in Our World」。『プログラミング言語C』の著者としても知られる伝説の計算機科学者ブライアン・カーニハン氏が、今こそ... 続きを読む

Googleサービスがクラッシュする中、マイクロソフトのOutlookも断続的にダウン | TechCrunch Japan

2020/12/14 7 users Outlook マイクロソフト Microsoft グーグル

米国時間12月14日のGoogle（グーグル）のサービス停止ほどの規模ではないが、Microsoft（マイクロソフト）のメールサービス、Outlookでも問題が発生していることがわかった。 読者からの報告によると、マイクロソフトのさまざまなOfficeサービスのサイトステータスの最新情報によると、一部のOutlookユーザーは、Active ... 続きを読む

ツイッターで見つけて直したActiveRecordの問題3つ - かみぽわーる

2020/12/03 18 users ActiveRecord enum かみぽわー state

Rails Advent Calendar 2020の3日目です。 時間がないのでとりいそぎ3つだけ。 enum state: {active: 0, inactive: 1}とかした時に、typecast前の0とか1を取る ActiveRecord::Enumってstate: {active: 0, inactive: 1}とかした時に、typecast前の0とか1を取る場合、read_attribute_before_type_castを使うしかないのか？... 続きを読む

「AIをどう習得したのか教えて」と大募集し、技術者から集まった記事49本を紹介 - 週末スペシャル：日経クロステック Active

2020/04/05 316 users Qiita 日経クロステック 出典 週末スペシャル 人工知能

出典：日経クロステック、2020年2月7日 （記事は執筆時の情報に基づいており、現在では異なる場合があります） 記事一覧 日経 xTECH内に人工知能（AI）専門チャネル「ビジネスAI」を2019年10月に立ち上げたのを機に、知識共有サイト「Qiita」上でAI／機械学習の記事を同年12月に募集したところ、49本もの記事が集まった... 続きを読む

JavaScriptを使わずCSSだけで構築したWebチャット | スラド IT

2019/05/17 22 users submit スラド GitHubリポジトリ CSS チャット

あるAnonymous Coward曰く、JavaScriptを使わず、CSSだけでWebブラウザ上で動くチャットを実装した人が登場した（ソースコードなどを公開しているGitHubリポジトリ）。 画面上に表示される文字ボタンをクリックして文字を入力し、「submit」をクリックするとそのテキストが送信されるという仕組み。 CSSの「:active」セ... 続きを読む

Node.js 12正式版が登場、1年ぶりのLTS対象バージョン。起動高速化、TLS1.3対応、ES6モジュールの実験的サポートなど － Publickey

2019/04/24 80 users Publickey current maintenance

Node.jsは半年ごとにバージョンアップが行われ、偶数バージョンがLong Term Support（LTS：長期サポート）対象となるため、今回のNode.js 12はLTS対象バージョンとなります。 LTS対象バージョンは、リリース後最初の半年を「Current」（最新版）、次の1年半を「Active」（有効）、そのあとの1年を「Maintenance」（保守... 続きを読む

セミナー行ってきた(MySQLのActive/Active型HA と 靴＆ファッション通販 ロコンド様の可用性への取り組み事例紹介) - 41から始めました

2019/01/25 15 users MySQL セミナー 事例紹介 可用性

セミナー概要 2019-01-24（木）16:00 - 18:30 データベースのHAの話から、MySQL5.7から使用可能なマルチマスター型HAのMySQL InnoDB Clusterについての説明、および実運用での話をLOCONDO.jpの杉山さんから聞く。 資料については別途公開予定 イベント紹介 https://osslabo.doorkeeper.jp/events/85105 Amazonで約1時間... 続きを読む

【今月のgem】activerecord-simple_index_name を作った - くりにっき

2015/11/29 19 users gem RubyGems くりにっき Ruby gem

2015-11-29 【今月のgem】activerecord-simple_index_name を作った Ruby gem 今月2つ目のgemです activerecord-simple_index_name (0.1.0): Shorten index name https://t.co/vh4zzSYAMj— RubyGems (@rubygems) 2015, 11月 29 active... 続きを読む

山市良のうぃんどうず日記（37：＠IT 15周年特別編）：熟成されて15年、昔も今も変わらないActive Directory――でも、なぜ“Active”なの？ - ＠IT

2015/05/24 20 users 山市良 筆者 Active Directory 正式リリース

山市良のうぃんどうず日記（37：＠IT 15周年特別編）：熟成されて15年、昔も今も変わらないActive Directory――でも、なぜ“Active”なの？ ＠ITの15周年、おめでとうございます。「Active Directory」も正式リリースから15周年。Windows周辺のIT環境はこの15年で大きく変化しましたが、当時から基本的には変わらないもの、筆者にとってActive Dire... 続きを読む

VBA／マクロ便利Tips：ファイル操作に役立つ5つ関数――Dir、FileLen、LoadPicture、Shell、CreateObjectの使い方 - ＠IT

2015/03/24 65 users Dir shell VBA Tips マクロ

VBA／マクロ便利Tips：ファイル操作に役立つ5つ関数――Dir、FileLen、LoadPicture、Shell、CreateObjectの使い方 業務効率化に役立つVBA／マクロのさまざまなTipsをコード例を交えて紹介していきます。今回は、ファイル／フォルダー名取得のDir、ファイルの長さを取得するFileLen、画像表示のLoadPicture、プログラム実行のShell、Active... 続きを読む

Rebuild: 58: Close To The BABYMETAL (tenderlove)

2014/09/21 17 users Rebuild Aaron Patterson beta1

Aaron Patterson (@tenderlove) joins me to talk about Rails 4.2, Adequate Record, Rack 2.0 and his brand new programming language. (Recorded live at RubyKaigi 2014) Show Notes Rails 4.2.0 beta1: Active... 続きを読む

bondingでActiveなインターフェースの確認方法と変更方法 - ablog

2014/09/15 17 users bonding ABlog インターフェース 変更方法

Linux確認方法/proc/net/bonding/bond0 $ cat /proc/net/bonding/bond0 Ethernet Channel Bonding Driver: v3.4.0 (October 7, 2008) Bonding Mode: fault-tolerance (active-backup) Primary Slave: eth0 ★ eth0 が Prim... 続きを読む

[CSS]フォームを入力する際、気持ちいいアニメーションで入力欄をちょっとだけ目立たせるスタイルシートのテクニック | コリス

2014/07/22 94 users コリス some CSS フォーカス アニメーション

ユーザーがフォームの入力欄をフォーカス・アクティブした際、アニメーションを加えて入力欄をちょっとだけ目立たせるスタイルシートを紹介します。 アニメーションでおっと思わせるだけでなく、入力欄が複数並んでいる時にアニメーションで目立たせるとフォーカスを失わずに入力できる効果もありますね。 実際の動作は下記ページで楽しめます。 上記以外にもたくさんのアニメーションがあります。 Some :active ... 続きを読む

アクティブなナビゲーション項目とmark要素 - Weblog - Hail2u.net

2014/03/29 62 users Weblog hail2u.net class属性 以下

アクティブなナビゲーション項目、つまり現在のページへのナビゲーション項目はclass属性を使ってactiveなどと付けられることが多い。特に間違ってはいないんだけど、いまいちピンとこない。というかしっくりこない。大体は流されてそうしているけど、このウェブサイトではmark要素を使ってる。 HTML5仕様ではmark要素は以下のようになってる。 The mark element represents... 続きを読む

総務省、国民が悪性サイトにアクセスしようとしたら注意画面を表示 -INTERNET Watch

2013/10/02 347 users INTERNET Watch 総務省 国民 悪性サイト インタ

ニュース 総務省、国民が悪性サイトにアクセスしようとしたら注意画面を表示 （2013/10/2 16:01） 総務省は、「官民連携による国民のマルウェア対策支援プロジェクト（ACTIVE：Advanced Cyber Threats response InitiatiVE）」を11月1日より開始すると発表した。 ウェブページの閲覧よってマルウェアに感染させるなど、その手法が高度化・巧妙化し、インタ... 続きを読む

擬似要素と擬似クラスの違いやダブルコロンとシングルコロンの話｜Webpark

2013/07/01 88 users Webpark visited hover 擬似要素 link

私のように趣味でWebサイト作成をしていると基礎が抜け落ちていたりするので復習を兼ねて擬似要素と擬似クラスの違いについて考えてみました。 擬似クラス（Pseudo-classes） 擬似クラスには次のようなものがあります。何気なく使っていますが、擬似クラスという名称を知らない方も多いのではないでしょうか。 :link :visited :hover :active で、擬似クラスはCSS3で大幅に... 続きを読む

Backbone.jsでつくるMVPなUIパターン【タブ】 ｜ クラスメソッド開発ブログ

2013/02/27 150 users タブ Backbone.js クラスメソッド開発ブログ 本題

今回はBackbone.jsを使ってタブUIを作ってみたいと思います。デザインはTwitter Bootstrapをつかって以下のようにしました。 世界的に名高い企業の名前が並んでいますね。 デザインはhtmlを仮組みしてBootstrapで既にできていることにします。（本題と離れてしまうので…すみません＞＜） ボタンの部分に active というクラスをつけると選択中のデザインに変わり、 内容の... 続きを読む

CSS3アニメーションを「:hover」だけではなく、他にも仕込んでみるチュートリアル | コリス

2011/11/13 141 users hover focus コリス checked チュートリアル

CSS3アニメーションはたいていの場合、ホバー時（:hover）に仕込まれるものが多いと思います。 ここでは他の疑似クラス「:active」や「:focus」などやMedia Queriesに仕込んでみるチュートリアルを紹介します。 下記は各ポイントを意訳したものです。 「:active」を使ってCSS3アニメーション 「:focus」を使ってCSS3アニメーション 「:checked」を使ってC... 続きを読む

[CSS]シンプルなHTMLでタブを角丸にするチュートリアル（イラスト付き） | コリス

2011/09/06 113 users コリス TWO チュートリアル CSS One

シンプルなHTMLでどのように角丸のタブを実装するか、分かりやすいイラストを交えたチュートリアルを紹介します。 HTML HTMLは非常にシンプルで、リスト要素で実装しています。 <ul class="tabs group"> <li class="active"><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a ... 続きを読む

[CSS]ホバー以外にも使ってみたいCSS3アニメーションのテクニック | コリス

2011/08/07 122 users コリス disabled hover CSS focus

下記は各ポイントを意訳したものです。 はじめに -「:hover」の例 「:active」でCSS3アニメーション 「:focus」でCSS3アニメーション 「:checked」でCSS3アニメーション 「:disabled」でCSS3アニメーション Media QueriesでCSS3アニメーション 対応ブラウザ はじめに -「:hover」の例 CSS3アニメーションのトリガーとしては、「:h... 続きを読む

DSAS開発者の部屋:特集記事『Linuxロードバランサ構築・運用ノウハウ』を公開します

2007/10/08 609 users DSAS開発者 ロードバランサ 運用ノウハウ backup

『Linuxロードバランサ構築・運用ノウハウ』を公開します！ これはWEB+DB PRESS Vol.37の特集記事としてDSASチームが執筆したもので、技術評論社様の許可を得て今回公開するはこびとなりました。 一口でいうと、「Linux＋IPVS＋keepalivedを使って、冗長構成(Active/Backup)のロードバランサを作るまで」の解説記事で、 サーバ負荷分散一般についてのはなし L... 続きを読む

DSAS開発者の部屋:いかにして冗長構成を作るか 〜DSASの場合〜

2006/08/17 205 users DSAS Bac 冗長構成 ISP DSAS開発者

DSASはいかにして可用性を高めているか、ちょっと紹介したいと思います。 今回は概略ということでざざざっと説明します。個別の構成についてはまた回を改めて紹介したいと思います。 │ │ ┌┴┐ ┌┴┐ │ │ │ │ISPの上位ルータ └┬┘ └┬┘ │ │ 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 責任分解点 │ │ ┌┴┐ ┌┴┐ │ ├─[ lb(active) ]─┤ │ │ ├─[ lb(bac... 続きを読む

CSSメモ: Firefox 1.5での新機能

2005/11/02 78 users 行間 新機能 Firefox 1.5 目次 擬似要素

CSSメモ: Firefox 1.5での新機能 擬似要素に対しては、CSS3仕様書で用いられているコロン2つ (::) という表記を用いています。 コメントなどについては日記のコメント欄 (返信するボタンかコメントのリンク「返信する」で、入力フォームが表示されます) へどうぞ。 目次 親要素の:activeへ継承するようになった 擬似要素::first-letterを含む行の行間を修正 [New!... 続きを読む