ツールチップ「balloon.css」の吹き出しの色をカスタマイズする方法

文字やボタンにマウスオーバーするとニョキっとでてくるツールチップ(吹き出し)を作成することのできるballoon.css。とっても便利なCSSライブラリです。

しかしballoon.cssのツールチップの色はデフォルトで真っ黒なのでこのままだとちょっと使いにくい。今回はツールチップの色を変更する方法を備忘録として残していきます。

続きを読む

【Java】HttpServletRequestから色々なURLのとり方

JavaのHttpServletRequestから、リクエストされたURLを取得することができますが、このリクエストされたURLというのは色々な形式のものがあります。

例えば、http://からはじまる全URL、ドメインを含まないパスだけのURL(URI)、コンテキストパスすらも含まないURL(URI)、コンテキストパスのみ。

これら4種類のURL(URI)は全てHttpServletRequestから取得することができます。今回はこの4種類のURLの取得方法を紹介していきます。
続きを読む

ユーザビリティのよいチェックボックス・ラジオボタンのCSS見本53選!

Webサービスを使っていて、入力フォームのチェックボックスやラジオボタンで自分がどれを選択したのかがひと目でわかるようなデザインだと気遣いのきいているサービスだなと思わず感心してしまいますね。

そんなユーザビリティのよいデザインをCodePenから53個ピックアップしたのでタイプ別にまとめていきます。

今回選んだデザインは全てjsは一切使っていないCSSのみで構成されているものばかりを集めてみました。
デザインに参考にしてみてください。

続きを読む

Spring MVCでThymeleafを導入する設定方法

spring

あまり需要はないかもしれませんが、Spring MVCでThymeleafを設定する方法を紹介していきます。

Spring BootだとThymeleafのテンプレートファイルは、resources/templatesフォルダをデフォルトの読み込み先としていますが、Spring MVCでおなじみにwebapp/WEB-INF/へ変更する方法をメインに紹介していきます。

続きを読む

[Animate.css] ボタンクリック時にアニメーションを動かす方法

css
HTMLの文字や画像などにアニメーションで動きをつけることのできるライブラリで「Animate.css」というライブラリは比較的有名だと思います。

しかし、ボタンクリックやマウスオーバーで文字や画像を動かそうと思うと一手間必要になります。

今回はそんな一手間について紹介していきます。

続きを読む