2020-04

電子工作

【LTspice】3bit加算器を作成する

以前作成した半加算器と全加算器を用いて、3bit加算器を作成する。 3bitAdder.asc 一番左の四角が半加算器、残りの四角が全加算器となっている。 3bitAdder.asy
電子工作

【LTspice】全加算器を作成する

以前作成した半加算器を用いて、全加算器を作成する。 FullAdder.asc FullAdder.asy
プログラミング

【CSS】スクロールバーをカスタマイズする

-webkit-scrollbarを設定する。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【CSS】スクロールバーをカス...
プログラミング

【CSS】マーキーを実装する

divタグにclass属性を指定し、pタグの animation を設定する。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title...
電子工作

【LTspice】半加算器を作成する

HalfAdder.asc HalfAdder.asy
プログラミング

【HTML】表を作成する

tableタグ、trタグ、thタグ、tdタグを使用して作成する。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【HTML】表を作成する</tit...
プログラミング

【CSS】メニューを横並びに配置する

ulタグの display を flex に設定する。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【CSS】メニューを横...
プログラミング

【CSS】ヘッダーをページ上部に固定する

headerタグの position を sticky に、top を 0 に設定する。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <...
プログラミング

【CSS】2行目以降の行頭を揃える(ぶら下げインデント)

margin-left と text-indent を設定する。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【CSS】2...
プログラミング

【HTML】ファビコンを設定する

ファビコンに使用するicoファイルを用意し、headタグの中に以下の1行を追加する。 <link rel="icon" href="favicon.ico"> <!DOCTYPE html> <html lang="ja"> <head> ...