ginpeiのブックマーク / 2018年1月22日

ginpei id:ginpei

2018年1月22日のブックマーク (4件)

SVGでリアルな湯気を作ってみる｜ Tips Note by TAM
もう7年ほど前になりますがFlashでサイト製作をしていた時代に、表現に悩まされるものがありました。それが『湯気』です。イラストを使った可愛い表現なら問題ないですが、リアルな感じを作ろうと思うとこれがなかなか難しい。最近では動画やアニメGIFなどで代用されていたりすることも多いと思いますが、今回はそんな素材がない時に使える『SVGで作るリアルな湯気』を紹介したいと思います！ See the Pen Steam by uenaka (@uenaka) on CodePen. SVGで湯気を書くまずはSVGで湯気の形を自由に書いてみてください。難しく聞こえるかもしれませんが、後々ボカして使用しますので形に拘る必要はありません。参考までに私が書いてみた湯気がこちらです。 SVGにanimateを追記して動すよりリアルな動きに見せるため、SVGで書いた湯気を動かします。ここも動き
ginpei 2018/01/22
pathをanimateで動かしつて、CSSフィルタでぼかす。結構それっぽく見える。実コード開いたらanimateの指定がすごい量だった。

svg

web

design
リンク
プログラミングの初心者を抜け出すための習慣 | Social Change!
少しプログラミングが出来るようになると、それはそれでまた伸び悩むこともある。始めたばかりの頃は、プログラムが動くだけで楽しかったけれど、実用的で、少し複雑で難しいものを作ろうとすると、途端に時間がかかってしまう。プログラミングがうまくなる近道などないとはいえ、経験者だからこそ伝えられることもあるのではないか。そう言えば、私も若い頃に先輩から、コードを書くこと以外にも、プログラミングをする上での姿勢や習慣などを教わった。私もプログラミングを再開したがブランクがあるので、今となっては古い習慣もあるかもしれないが、私が先達から学んだことを伝えておくために残しておこう。もしかしたら、抽象化すればビジネスにも通じる習慣もあるかもしれない。エラーが出ても慌てず、メッセージを読もうプログラミングをしていてエラーに出会わないことはないだろう。うまく出来たと思って実行ボタンを押したけど動かない、落ち
ginpei 2018/01/22
大事なことばかり。特に最初の「エラー読め」だいじ。公式ドキュメントはちょっと難易度高い気もするけど、でも少しずつ慣れるためにも早いうちから挑戦してほしい。

読み物

prog
リンク
NGINXConfig | DigitalOcean
Featured Articles Cloud cost optimization best practices Read moreHow to choose a cloud provider Read moreUnderstanding cash flow vs. profit Read more
ginpei 2018/01/22
nginxの設定ファイルを作れるツール。

web

server
リンク
Nuxt.jsとFirebase/Firestoreで動的コンテンツをPWAする | SCOUTER_Engineer
At Wantedly, we connect talents with companies that believe in your passion and values. See a company you're interested in? You can make a casual visit to to the office to find out more!
ginpei 2018/01/22
Firebase中心の解説。

vue

Nuxt.js

Firebase

web
リンク
- 2018年1月23日
- 2018年1月22日
- 2018年1月8日