cssで破線を使おうと思ったらdottedとdashedの2種類しか用意されていないので、それ以外の間隔の破線を使用したい場合にはあらかじめ白黒のgif画像を用意して、背景に繰り返して使用する事が多いです。 しかしCSS3のlinear-gradientを使用すれば任意の間隔の破線を描画する事が可能です。 CSS3を使用するので対応ブラウザがちょっと狭くなりますが 1 2 、画像を用意するのとくらべて線分や間隔の調整も容易になりますし、Retinaディスプレイにも対応する事を考えたら（奇数の破線を使用する場合など）2種類の画像を用意する手間が省けますのでCSSで描画する方が楽チンです。 手順やり方は下記の4つの指定をすれば良いだけです。 破線の部分はbackground-imageを使用して背景画像として描画します縞模様はlinear-gradientを使用してグラデーションの濃淡で表現し

某所より要望があったので作りました。 ソースと使い方 ソースです。jQueryは別途用意してください。 $(document).ready(function() { $(".view_timer").each(function(index, target) { var startDate = $(this).attr("data-start-date"); var endDate = $(this).attr("data-end-date"); var nowDate = new Date(); if (startDate) { startDate = new Date(startDate); } else { startDate = nowDate; } if (endDate) { endDate = new Date(endDate); } if (startDate <= nowD

HTMLの表示/非表示を切り替える2つの方法HTML内の特定の要素について表示/非表示を切り替えたい場合は、JavaScriptを使って当該要素のスタイルを変化させれば簡単です。ある要素の表示/非表示を切り替えるには、displayプロパティの値を変更する方法と、visibilityプロパティの値を変更する方法があります。ボタンのクリックで動作するサンプルを使って、画像の表示/非表示を動的に切り替える処理の書き方をご紹介。 HTMLで作った特定箇所の表示/非表示を切り替える方法 JavaScriptを使ってスタイルを変化させれば、HTMLで作成した任意の要素の表示/非表示状態を動的に切り替えられます。その際、指定要素の表示/非表示を切り替える目的で使えるスタイルには、displayプロパティとvisibilityプロパティの2種類があります。どちらを使っても表示/非表示を切り替えられますが

このブログでも何度か細々登場してきたアイコンWebフォントの Font Awesome。使い方の基本を知っていることで、利用できる幅がかなり広がるので、今日はその使い方のと活用のための Tips を幾つか書いておきます。 Font Awesome, the iconic font designed for Bootstrap ※ なお、本エントリーはバージョン4.0.3をもとに書いているため、バージョンアップによって、掲載しているコードも変わっている可能性があります。利用前に、使うバージョンとそのスタイルを確認してから使うことをオススメします。 Font Awesome とは？Font Awesome は サイト上で使われるようなさまざまなアイコンを Webフォント として利用できるようにしたものです。フォントとして利用できるため、サイズや色などすべて CSS で調整して利用することができ

ヤンキーショタとオタクおねえさんごくごく普通の地味オタ社会人かづ子が、ある日突然オタクの天敵バリバリヤンキースタイルの小学生男子に懐かれた!? Pixiv＆Twitterで話題騒然! WEB最先端のショタ×おねラブコメが、ガンガンONLINEに新たな旋風を巻き起こす!! 星海ユミ ©Yumi Hoshimi/SQUARE ENIX 感想を送る

Facebookで投稿や写真などをチェックできます。

〜身体にやさしく地球にやさしく。子どもたちの為に美しい地球を〜 Ａ＆Ｔ（株）代表取締役。オーガニックライフコーディネーター。 オーガニックライフの実践により、学生時代より慢性的だった生理不順と不正出血を克服し、自然妊娠・出産。母となってから、子供を育てるだけでなく、地球を未来に繋いでいくことも親の役目ではないかと考えるように。 前職での経験を活かし不動産投資事業を営む傍ら、オーガニックライフの心地良さを伝えながら消費者と、良質なオーガニック製品・生産者を繋いでいる。オーガニック製品の広告をはじめ、オーガニック製品メーカーのオンラインショップ運営代行、小売り代行、また多くの人にオーガニックライフを気軽に体験してもらえるワークショップ開催などを手がけている。 夢は、オーガニックな不動産開発・オーガニックな町おこし！ 東京都在住。食生活アドバイザー。 Instgram ブログ どんなに意識しても

フードバンク活動の推進を通して食品ロス削減、子どもの貧困問題が解決される社会のために皆さまのご支援よろしくお願いいたします。