「Drip & Drop Coffee Supply」は、2015年に京都でオープンしたカフェなんですが、コーヒーの豆や抽出方法を選んで自分でコーヒーを淹れることができます。...
Author - kubogen
河原町のレトロでおしゃれなカフェ「MonoArt coffee roasters」
京都の河原町にあるカフェ「MonoArt coffee roasters」は、2015年12月にオープンしたお店。...
京都四条烏丸にある和食レストラン「居様/IZAMA」のランチ
京都の四条烏丸にある「居様/IZAMA」というお店でランチをしました。 居様は「三井ガーデンホテル京都新町...
BASEにて旅写真の素材販売をはじめました
「BASE」という、簡単にショッピングサイトを作れるサービスを使って、『Creative STORE』という販売サイトをスタートさせました。...
inline-block要素の横並びでできる隙間をなくす方法
displayプロパティでinline-block要素にすると、marginを0にしても、横に隙間ができてしまいます。 See the Pen inline-block by KUBO...
スマホ(iOS)でスムーズにスクロールできるようにする方法
overflowプロパティでscrollを指定したときに、スマホだとスクロールがぎこちない感じになります。 これは慣性スクロールになっていないためです。 慣性スクロールとは...
スマホでも見えやすいレスポンシブ対応のテーブルにする
テーブル（表組み）をつくるときに、表が横長だと、画面幅の狭いスマホではかなり見づらくなってしまいます。 最近ではスマホを使う人が多くなったので、モバイルサイトの最適化は欠かせません。...
jQuery UIの表示・非表示時に適用できるアニメーション
「jQueryの基本的なアニメーションメソッドとそれぞれの効果」で紹介した中にあるshow・hide・toggleメソッドを使って要素を表示させたり非表示にしたりするときに、いろいろなアニメーション...
昔のアメリカのコメディドラマ「フルハウス」が面白すぎる
最近、フルハウスという懐かしのドラマを見てるんですけど、おもしろすぎてついつい何回も見てしまいます。...
jQueryの基本的なアニメーションメソッドとそれぞれの効果
フェードインやフェードアウトなど、jQueryで用意されている基本的なアニメーションメソッドには、以下のようなものがあります。 show 要素を徐々に表示する hide 要素を徐々に非表示にする...
写真やフォントなどの素材と作品を販売しようと思います
最近は、素材や作品をネットで販売しようかなと思って色々動いています。...
jQueryで複数画像をフェードイン・フェードアウトで切り替える
スライドショーのような感じで、数秒ごとに自動的に画像が切り替わるデザインを、jQueryで実装したいと思います。...
正倉院展に行く前に知っておきたい正倉院や宝物のこと
毎年10月末から11月半ばまで、奈良県で「正倉院展」という催しがあります。 歴史ある貴重な品々が展示されるので毎年大勢の人が訪れているんですけど、招待券をいただいたので今年初めて行きました。...
書道師範を目指して今日から始動です
以前ツイッターには少し書きましたが、また書道を習うことになりました。 また書を習うことになりました。1年以内に師範の資格を取ります。 — KUBO (@kubogen358)...
画像のマウスオーバー時に文字を表示させるエフェクトをCSSで実装
画像などの要素にマウスカーソルを重ねることをマウスオーバーといい、マウスオーバー時に対象の要素に動きをつけたり、文字を表示させたりするなどのエフェクトのことをホバーエフェクトといったりします。...
CSSで要素を上下左右の中央に配置する方法
CSSでスタイリングをしていると、要素を中央に配置したいときがあると思います。...