カテゴリ : その他

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

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

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

続きを読む

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

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

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

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

続きを読む

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

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

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

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

続きを読む

シンプルなHTMLの雛形を公開します。ちょっとした動作確認にどうぞ。

フロントサイドの人はHTMLの雛形なんて当たり前のように持っていると思うのですが、エンジニアがCSSやJavaScriptの確認をしようとすると、HTMLを用意するところから始めるという人が多いと思います。

そんな人のため(自分のため)にコピペで動くHTMLテンプレートを公開していきます。
続きを読む

夫婦で格安SIMならビッグローブがオススメな理由と切替方法

格安SIMのCMも最近ではテレビで頻繁に見るようになり、格安SIMもだいぶ市民権を得てきたなぁと感じています。

最近では我が家も夫婦ふたりでキャリア携帯から格安SIMへと変更しました。

なんで早くやらなかったんだろうと後悔しているほど携帯料金が安くなりました。通話の不具合とかは今のところ全くありません。

世の中格安SIMはたくさんありますが、夫婦ふたりで申し込むならビッグローブSIMがオススメです。我が家はこちらに決めました。今回はビッグロープに決めた理由とキャリアからビッグローブSIMへ切り替える方法について紹介していきます。

続きを読む

Java開発初めての人必見!開発に役立つツールとサービス(Windows編)

start
わたしが新入社員一年目に大変だったことは山のようにありますが、その中でも特にこまったことといえば開発環境まわりの整備でした。当時はチームで開発環境を揃えるという感じでもなく、先輩たちも案外バラバラのツールを使っていたのを覚えています。

そこで今回は当ブログでJava開発するのに必要最低限なものとあれば役にたつといったツールとWebサービスを紹介していきます!

続きを読む