べこのツボ

これ押すとアイデアが出てくる(理想)

今週のこと【180106-180112】

1/6〜1/12の1週間にやったことを書きます。(タイトルの日付が間違っていたので修正しました)

続きを読む

【CSS3/jQuery/JS】モーダルの作成例

f:id:damdom:20171203201442p:plain

モーダルの表示非表示をプレーンな JavaScript で書こうと思ったらつまづいたので、一旦は慣れている jQuery で書いて挙動の確認をしていたので記事にしておく。

難しいことはしておらず、用意しておいたモーダルやオーバーレイを、開くボタンを押したら jQuery/JavaScript を使って単純に表示/非表示させているだけ。

コードは Codepen で書いています。ご自由に Fork してください。※Edge や IE で不具合あるかもしれません。

更新履歴

2018-01-05 23:24 JavaScript の作成例を追加

続きを読む

2018年イラストを作りました+イラレのスウォッチについて

f:id:damdom:20180101170351p:plain

今年もどうぞよろしくお願いします!


2017年の振り返りと2018年の目標

振り返り

becolomochi.hatenablog.com

目標

becolomochi.hatenablog.com


下絵とパスこんな感じ

今回作ったイラストの下絵とパス置いておきますね。

続きを読む

【CSS3】transition でプロパティを複数指定する

f:id:damdom:20171203201442p:plain

小ネタです。

CSS3 の transition で複数の指定方法を忘れがちなので書き残しておく。


transition プロパティとは

時間変化をする transition 関連をまとめて書けるショートハンド。

記述例

  • transition: 0.3s; すべての要素
  • transition: all 0.3s; すべての要素
  • transition: opacity 0.3s; 透明度だけ


複数のプロパティを指定して時間変化させたい

プロパティごとにカンマ区切りしながらひとつずつ指定する。

transition: [プロパティ1] [時間変化1], [プロパティ2] [時間変化2], [プロパティ3] [時間変化3];
続きを読む

ダムカレー皿を使って自宅で楽々?ダム建設【ダム Advent Calendar 2017】25日目

f:id:damdom:20171128210445p:plain

この記事は ダム Advent Calendar 2017 25日目の記事です。

最終日です!家でダムカレーを作りました。


ダムカレーとは

ダムの形を模したカレーです。ダム湖はカレールー、ダムはご飯 or 仕切りのプラスチックや陶器、ということが多いようで、ダムによっては提供先ごとに何種類もあるところもあります。シンプルなものから、他の食材で周りの観光資源を表現した情報量が多いものもあります。

ダムカレーはダムの近くのレストランや道の駅、ホテルの食道で提供していることが多いようです。


ダムカレー皿をいただいた

私事で恐縮ですが、これまで勤務していた職場を退職しました。その餞別にと同じ部署の方々からサプライズプレゼントをいただきました。※チャットツール Slack でチャンネルを作って品を考えてくれていたようです。Web 系の部署って感じだ。

で、いただいたものがなんと、ダムカレー皿!×2

f:id:damdom:20171225223237j:plain
どーん

続きを読む