SVGでリアルな湯気を作ってみる ｜ Tips Note by TAM
もう7年ほど前になりますがFlashでサイト製作をしていた時代に、表現に悩まされるものがありました。 それが『湯気』です。 イラストを使った可愛い表現なら問題ないですが、リアルな感じを作ろうと思うとこれがなかなか難しい。最近では動画やアニメGIFなどで代用されていたりすることも多いと思いますが、今回はそんな素材がない時に使える 『SVGで作るリアルな湯気』 を紹介したいと思います！ See the Pen Steam by uenaka (@uenaka) on CodePen. SVGで湯気を書く まずはSVGで湯気の形を自由に書いてみてください。 難しく聞こえるかもしれませんが、後々ボカして使用しますので形に拘る必要はありません。 参考までに私が書いてみた湯気がこちらです。 SVGにanimateを追記して動す よりリアルな動きに見せるため、SVGで書いた湯気を動かします。 ここも動き
子供に「スケジュール管理」をさせる幼稚園の教育に、けっこう驚いた話。
5歳の娘が、いま幼稚園に通っている。 友だちと遊んだり、モルモットの世話をしたり、本を読んだりと、幼稚園は結構好きなようだ。 課題を出す幼稚園 ただ、その幼稚園はちょっと変わっている。 子供に「課題」をよく出すのだ。 といっても、何か算数や国語などの勉強をさせるわけではない。殆どの課題は「日常の習慣」に関するものだ。 例えば「早起きの励み表」と称する紙が子供に渡される。 その紙には、1週間分の起床に関する記録がつけられる欄があり、「起床の目標時刻」と「実際に起床した時刻」を毎日記録していく。 もちろん、親が記録をつけるのではない。子供が自分で記録をつけなければならない。 そして1週間後、きちんと記録が埋まれば、幼稚園でメダルをもらえたり、表彰してもらえたりする。 要するに、一種の目標管理である。 もちろん、何もしなくても、ペナルティは特にはない。やるかやらないかの意思決定は、子供に委ねられ
ビジネス系のイラストはおしゃれなのが無いと困っている人に！商用無料で使えるイラストのSVG素材 -unDraw
ビジネス系のサイトをはじめ、ランディングページ、ポートフォリオ、もちろん個人ブログにもぴったりなイラストのSVG素材が無料でダウンロードできるサイトを紹介します。 シンプルでセンスのあるイラストが揃っており、しかもクレジット表記不要の太っ腹ライセンスなので、使い勝手がよいと思います。 unDraw unDrawの特徴 イラストのSVG素材 素材のダウンロード unDrawの特徴 unDrawではランディングページ、スマホアプリ、プロダクトなどで利用できるイラストのSVG素材が無料でダウンロードできます。 イラストのフォーマットは、SVGと透過PNG イラストのテーマカラーは変更可能 MITライセンスで、使用時のクレジット表記は不要 テーマカラーの変更は、オンラインで簡単にできます。SVGだけでなく、PNGにも対応しています。
音声入力でどのようにブログを書いているのか｜けんすう｜note
今年にはいってから音声入力でブログを書いているのですが、どんな感じでやっているかというものを、まとめてみたいと思います。 と言ってもそんな大したことはやっていません。 単純にAndroid端末でGoogleの音声入力を使って入力しているだけです。iOSでもそんなに精度悪くないんですけど、Googleさんのほうが良い気がしています。 まずやり方ですが、僕は最初に下書きを Google Keep に入れています。 ちょっと特殊なことをやっている点は、Google Keepを立ち上げるのをショートカットで簡単にしているぐらいです。Nova Launcerというアプリを使うことで、ホーム画面でダブルタップをすればGoogle Keep をすぐに立ち上げるように設定できます。これがあれば、思い立った時にすぐにメモを取ることができるので便利です。 音声入力の良さはやはり入力スピードの速さです。一般的に
FAJP / フライヤー・チラシのグラフィックデザイン参考サイト
1999年から現在までのフライヤー・チラシのデザインをアーカイブしました。フライヤー、DM、チラシ等の紙のデザイン制作の参考に、まとめサイトとしてご活用ください。
美の軸を２つもつこと｜ai
昔、仕事仲間と花火大会に行った帰り道のこと。他愛のない話をしながら皆で歩いていると、やけに無口な同僚が一人いた。 「眠いの？」なんて誰かがきいたら、彼はこう答えた。 「さっきの花火、パーティクルで再現するとしたら、どうすればいいかと思って」 彼は当時引く手あまたの Flash Developer で、プログラミングが得意だった。 美しい花火を観て、それをどうプログラムするかを思案するなんて、風情がない、という話ではない。もしデートなら顰蹙ものかもしれないが、決して彼の風情を感じる心が欠落しているわけではないのだと思う。 彼は別な軸で美を捉えたのだ。私は観ている世界の違いに驚いた。 デザイナーとエンジニアは、世界の捉え方が違うと思うことはよくある。同じものを観ているようで、そうでもなかったりする。 いや、デザイナーでもプログラミングする人はけっこういるから、プログラミングを知っている人と知ら
絶対にエンジニアが転職してはいけない会社の募集要項 | Findy Engineer Lab - ファインディエンジニアラボ
以前に 「エンジニアが転職する時に必ずチェックしたい募集要項」という記事を書きました。本日はその逆で、エンジニアが転職する時にさけておきたい会社の募集要項について書きたいと思います。 今回は、これまでに「ハイスキルなエンジニア転職サービスFindy」をリリースするために数万件の募集要項を読んできた経験から、特にエンジニア職に特化して、こんな募集要項を書いている会社は「要注意」という例を6つ紹介してみたいと思います。少しでも転職を考えている方のお役に立てればと思います。 求人票の種類がWebエンジニアただ一つ。エンジニア職種の分解がされていない 創業数人のスタートアップを除き、エンジニア職種が一つしか書かれていない募集要項の会社は避けましょう。 よくある例としては、「Web エンジニア」というタイトルの募集要項があるだけで、しかもその「Web エンジニア」の方に、ありあらゆることをお願いする
マイクロソフト、Mac版Microsoft OfficeのソースコードをWindows版のソースコードと一本化実現
マイクロソフト、Mac版Microsoft OfficeのソースコードをWindows版のソースコードと一本化実現 20年以上の歴史ではじめて、Microsoft OfficeのWindows版のソースコードとMac版のソースコード、iOS版、Android版のソースコードが一本化されたと、マイクロソフトのプリンシパルソフトウェアエンジニアであるErik Schwiebert氏がツイートで報告しました。 Mac Office 2016 version 16 is now live! For the first time in over 20 years, Office is again built out of one codebase for all platforms (Windows, Mac, iOS, Android)!https://t.co/6gNdKTOEHl — Erik
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
