【HTML】ボタン(button)にリンクを設定する方法

HTMLではリンクを設定するときに

<a href="ここにリンク"></a>

上記のように記載するので、ボタンにリンクを設定するときは

<a href="ここにリンク"> <button type="button">送信</button></a>

上記のように書いてしまいがち。

でもこれは間違いで、下記のように書くのが正解。

<input type="button" oncli

もっとみる

お久し振りです

お久しぶりです。

私です。

色々ありまして、更新の方が「ハ●ター✖️ハンター」か「ベ●セルク」並みにできてませんでしたが、PS4のオンライン使用料が値上がりしたので戻って参りました。

「ハンター✖️ハン●ー」はどうだか知りませんが、「ベル●ルク」は書き込みすぎて遅いだけみたいなので同列にしてはいけませんね。

両作品とも、孫の代までに完結することを祈るばかりです。
(両方ともほぼ読んだことあ

もっとみる

tdに「…」を付ける

tdに「…」つかない…!という罠にはまりましたorz

css

td{ width:300px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

普通のdivやliならこれだけで「…」つくのですが。
tableは厄介ですね。

tdや、display:table-cell;でコンテンツを横並びにしている場合、
親要素に

もっとみる

「SweetAlert」 オシャレなアラートjQueryプラグイン

デフォルトアラートのカスタマイズが出来ないので、jQueryを使ってスタイリッシュなアラートを探してみました。
会社で見つけてあまりのスタイリッシュさに1人で密かにニヤけました。

SweetAlert
まず、上記のサイトでデータをダウンロードをします。
「Try me!」のボタンを押してみると、感激するほど綺麗なアラートが表示されますよ!ニヤけますよ!
下記の手順で作った私のショボイデモはこちら

もっとみる

興味のきざはしを探し、登る

きざはし、何かカッコいい言葉ですね。
ふっと響きを思い出して調べてみたら、「階段」の意味でした。

そうか階段かあ、と思いつつツイッターを眺めていたら、こちらのツイートがタイムラインに流れてきたのです。

見た瞬間に「ぶふっw」となりつつ、同時に気づきました。
ツイート主さんが「これは誰か見たら笑ってくれるんじゃないかな~」と思いながらHTMLをいじっていたのだろうこと。そして、私自身もそんな風に

もっとみる

【第一回】HTMLとCSS

▼事前準備
・参考文献:本当によくわかるHTML&CSSの教科書
・テキストエディタのDL:Brackets

▼基本
・HTML(index.html)とスタイルシート(style.css)はセット
→HTMLで記述して、CSSで装飾する
・HTMLは<div>〜</div>で囲んだブロックで構成される
→<div class="名前">でブロックごとで名前をつけて、CSSではどのブロックごとに

もっとみる

毎日更新されるイラスト素材サイト!

毎日更新されるイラスト素材サイト、Illust-rs!

なんと一日に3個は素材が増えます!

つまり、毎日見ていれば一か月で約90個のイラストと出会えるのです!

さらにもう一つの特徴は、

「検索機能がない!」

Σ(・□・;)

デメリットにも思えますが、

辞書のように新たなジャンルや興味のなかったジャンルの素材と

出会えるのです!

あなたも良い素材との出会いを果たそう!

もっとみる

「画面上のサイズ」をかんたん計測!「ピクセル定規」とは??

みなさんこんにちは!最近座りすぎて足腰がやられている、おさかなです!(スタンドアップ!!!!笑)

今回は、画面上のサイズをかんたんに計測できる「ピクセル定規」というツールについて、書いていこうと思います!

それでは、レッツゴー!!!!!

目次
1. 「ピクセル定規」って何?
2.どうやって使うの?
3.  実際に使ってみよう!
4.感想・まとめ

1. 「ピクセル定規」って何?

PC画面の

もっとみる

エンジニアにとってのウェブデザイン

私がLe Wagonでデザインのカリキュラムを組むまでの発見とは。
By Boris Paillard, Le Wagon 代表取締役社長

Web Designを教えるにあたって、私にとって不利な点が2つあった:
・まず、私はフランス人である。私の母国で「デザイン」は、文字通り「グラフィックデザイン」を意味する。
・次に、私はエンジニアである。フランスのエンジニアリング・スクールは素晴らしいが、

もっとみる

【CSS】ホームページの単位!「px」と「em」の違いとは?【学習メモ】

・px (ピクセル)

画面上にある「点」を使用した単位 (1px=1ドット)

絶対単位 (環境によって変化しない。)

・em (エム)

文字の高さを基準とした単位。
ex) font-sizeが「10px」の場合、(1em=10px)
※font-sizeを「指定していない」または「100%に指定」している場合、デフォルト値は(1em=16px)

相対単位 (環境によって変化する。)

もっとみる