はてなブックマーク

Bootstrapのカルーセルは基本的には1枚の画像（もしくは1つのHTMLコンテンツ）をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定してみようと思います。 <div class="container"> <div class="row"> <div id="carouselPlus" class="carousel slide multi-carousel" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-grid col-lg-3 col-md-4 col-sm-12"><img class="d-block w-100" src="https://dummyimage.com/720x480/000/ff

のようなスタイルシートがあるとします。 marginの記述がバラバラの位置にあったり、単位が不要な0にpxが付いていたりと、サイト表示には問題無いけれど、どうも汚いソースとなっています。 これにCSScombを使うと、

PowerPointにシンタックスハイライトを維持した状態でソースコードを貼り付ける方法を色々と探していました。 オーソドックスなやり方は、シンタックスハイライト形式で表示してくれるGistsのようなWebサービスを使うか、NotePad++のようなエディタで一旦ソースコードを記述して、そこからHTML形式やRTF形式でコピーして「元の書式で貼り付け」を選択するようです。 パワーポイントのスライドでソースコードをきれいに表示する方法 - tsujimotterのノートブック http://tsujimotter.hatenablog.com/entry/2013/09/16/020957 情報技術系の勉強会や研究会等で発表するスライドにソースコードをきれいに埋め込みたいという状況はよくあるかと思います。 ここでは、そのためのTipsを紹介します。 「きれいに」の定義ですが、本記事で目指す要

マニュアルを作成する為に、Chromeの画面をスクリーンキャプチャする際にスクロールバーが邪魔になることがあります。 で、元々はこちらのスクロールバーを完全非表示にしてくれる拡張機能を入れていました。 （追記　削除されました） Chrome Web Store https://chrome.google.com/webstore/detail/remove-scrollbars/lkfmjedfjkmfmckgcadelnfjebccjdcf?utm_source=chrome-app-launcher-info-dialog Add new features to your browser and personalize your browsing experience. しかし、スクロールバーが完全に見えなくなると、閲覧中のページの表示域がどの程度かの判別が出来ませんので不便です。 ス