BLOG

2020年7月6日

アカギの葉が枯れいます

最近、沖縄本島ではアカギという樹木にヨコバイ科の虫が付き葉を枯らしてしまうことが問題となっています。

この虫は国内で初確認らしくアカギをどんどん枯らしてしまわないか心配です。

よんなーハウス横の公園にもアカギが植えられているのですが、写真のように葉が道路に枯れて落ちてしまっています。

落ち葉の掃除が大変そうです。

2020年5月21日

Bootstrapを使ってみた感想

Bootstrapの本を一冊読み終わり、実際にこのサイトをBootstrapを使って作り直してみました。ただしブログ部分はWordPressが絡んでくるので後回しにしてあります。

さて実際にBootstrapを使ってみた感想はレスポンシブルWebデザインが楽に書けて良いですね。

さすがにサイトの全部分をBootstrapでというわけにはいかないでしょうけど、コンテンツを入れる大きな枠組みを作るのには良いんじゃないかなというのが第1印象です。

さてBootstrapの次は同じく食わず苦手なPhotoshopを使ったWebデザインの攻略を行おうと思っています。

今回勉強で使用した書籍はこちらになります。
「Bootstrap4 フロントエンド開発の教科書」 技術評論社

2019年12月29日

ハンバーガリストを画像からボタンに変更

ハンバーガメニューを<img src=”画像ファイル” alt=”代替テキスト” tabindex=”0″>で作ることは可能なのですが、コードを書いててどうもすっきりしません。

それで <input type="image" src="画像ファイル" alt="代替テキスト"> に変更してみました。これだとtabindex属性を使わずにデフォルトでタブフォーカスが受け取れるし、またハンドラもclickイベントだけを考えればいいのでいい感じです。

カテゴリー: Tips

カテゴリー