arrow-left arrow-right envelope facebook feedly folder home html-tag person tag twitter wordpress rss user get-pocket envira google-plus

[Bootstrap]Justified navのハンバーガーボタンを非・・・

ささっとサイトを作りたい時に、自分で作ったスニペットかBootstrapなどのフレームワークが現時点での私の選択肢になります。先日Bootstrap4のJustified navテンプレートを使ってデモ画面を作成した時にCSSを少しいじくりました。簡単なことなのですが、備忘録として残しておきます。

続きを読む

[jQuery]スルスルっとトップへ戻るボタンを設置しよう

今回は、スクロールするとふわっと表示されてクリックするとスルスルっとトップまで戻るボタンについて書きます。このページにも実装されていますが、スクロール量が多くなりがちなページには有効な機能かもしれません。意外と簡単?に実装できますので、レスポンシブ対応のページを作成中であれば、もしかしたら参考になるかも…

続きを読む

[Wordpress]パンくずリストを設置しよう

久しぶりにWordpressの記事です。最近ようやくSEOについて少しづつ勉強し始めたので、その一環としてパンくずリストを設置しました。アクセシビリティの面からも必要なパーツですし、コピペでしたら難易度もぐっと低くなります。また、Wordpressの仕組みを勉強するための資料として記録しておきます。

続きを読む

[CSS]画像を暗くしてみる

このブログでもちょくちょくPhotoshopを使わずともCSSで色を変えられる…ということを書いていますが、実にいろいろなやり方があります。今回は画像を暗くするというテーマです。可視性を上げるために、暗くした背景画像に白い文字を重ねるという手法をよく見かけますが、今回はその方法について書きたいと思います。

続きを読む

[SVG]初めてのベクター画像

Webサイトで使う画像はだいたいJPEG・GIF・PNGだと思います…私もそうでした。しかし、「SVGはいいぞ!」ということをつい最近(と言っても去年ブログを書き始めた頃)知って、その綺麗さに驚きました。しかも、どうやらアニメーションもできるらしいです…今回はSVGを作ってみたので、それについて書いてみます。

続きを読む

WindowsとMac間でリモートデスクトップを使う- Chromeリモ・・・

こんな私でも一応Webサイト制作を細々と行っていますので、外でPCを使う事もあったりします。油断せずに準備を整えておけば全く問題ないのですが、不測の事態や準備不足から自宅の端末にあるデータやファイルが急に必要になったり、空き時間に外で作業する事もあるのでリモートで操作したいと考え導入をしました。

続きを読む

FirefoxのRSS購読にFeedlyを追加する方法

登場してから先月までずっとGoogleChromeを使っていました。利便性が気に入っていましたが…ところどころ不満があったので、以前メインで使っていたFirefoxに戻しました。 ブックマークやプラグインなどの移行作業は順調で、メインブラウザとして使い始めて間もなく普段から使っているFeedlyがRSSフィードの購読に対応していなかったので、調べて実装しました。

続きを読む

PAGE TOP