CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
AirPods Proを使いこなすための14のコツ - iPhone Mania
AirPods Proを便利に使いこなすための14のコツを、米メディアMacRumorsが動画で公開しているのでご紹介します。 知るとAirPods Proがもっと便利に！ Appleが10月末に発売したAirPods Proは、アクティブノイズキャンセリング機能を搭載し、周囲が騒がしいところでも音楽が聴きやすいのが特徴です。 MacRumorsは、知っておくとAirPods Proをさらに便利に使える14のコツを公開しています。 1. AirPods Proを正しくケースから取り出す AirPods Proをつまんで充電ケースから取り出そうとすると、指が滑って取り出しにくく、落としてしまう原因にもなります。 充電ケースのフタ内側にある窪みに指を入れて、指の腹でAirPods Proを引き出すようにすると、簡単に取り出すことができます。 2. 音質向上のためにノイズキャンセリングを使う A
[無いものの存在]_01: 右足を切断しました｜青木彬
既にお知らせをした方もいらっしゃいますが、実は右足を切断する手術をしました。 青木はなんか足が悪いらしいくらいの認識のかたがほとんどで、中にはそんなことも知らない人もいると思いますが、右足には人工関節が入っており、障害者手帳も発行される身体障害者です。 元々、12歳の誕生日に骨肉腫が見つかり約1年間の抗がん剤治療後、右足を人工関節にする手術をしていました。その後は数度の手術をしつつも再発はなく順調に生活していました。 2019年9月に夜道でつまずいたことで人工関節を入れた右足が激しく痛み、ちょっとヤバイと思い近所の病院に駆け込んで紹介状を書いてもらい、約7年ぶりに大学病院に行きました。 12歳の頃から仲の良かった医師に診察してもらったところ、つまずいたことは問題なかったのですが、数年前から感染症が進行しており、その影響で脆くなっていた大腿骨に人工関節が埋没し始めていて良い状態ではないとのこ
![[無いものの存在]_01: 右足を切断しました｜青木彬](https://cdn-ak-scissors.b.st-hatena.com/image/square/65cc979d2e0b630e822215306d01043f2afb6439/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F16554339%2Frectangle_large_type_2_dad182856a6a01f1d776f0a6a6eb5ded.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
人間の行動を操るために覚えておきたい科学 - KAYAC engineers' blog
この記事はTech KAYAC Advent Calendar 2019の4日目の記事です。 こんにちは。技術部平山です。 この記事では、人の行動を操る、つまり、人の行動を予測したり、望みの行動を取らせるために役立つ科学について 軽く紹介いたします。プログラミングの話はございませんが、 プログラマに読みやすい味付けにはしておきました。 なお、「人を操る」とか言っていますが、実際それで思うように操れるのであれば、 私はもっと裕福だったでしょうし、高い地位を得ていたことでしょう。 理屈と実践は異なるということです。 ただ、これを知って気が楽になる方もいらっしゃるかもしれませんし、 もしかしたら、実際に何かを改善させられるかもしれません。 基本的には与太話ですので、お暇な方のみお付き合いください。 予測に使える理論は、制御にも使えるかもしれない 何かしらの理論によって現象が予測できるのであれば、
引きこもって２０年経ったが外に出たい
もう３９歳で人生詰んでるのはわかってるけど、この状況から出たい。どうしたらいいかわらないけれど。 親はもう７０歳でこれまでずっと心労だけかけてきて申し訳ない。 なんで引きこもりになったのかはずっと積み重なってたことだけど、最終的にはバイトで休むときにシフトに入る代わりの人を見つけられなかったから。本当に馬鹿な理由だ。 馬鹿みたいなことだけど、出来なかった。 中高といじめられてきて高校をなんとか卒業したときはボロボロだった。大学受験なんてやれる精神状態じゃなかった。 母は浪人すればいいと許してくれたが、父は浪人は許しても受験勉強もしないでゴロゴロ家にいるのは許さないと言われた。 それでファーストフード店のバイトの面接して受かって、でもバイト内でもどんどん馬鹿にされていって単純な仕事もミスばかりする無能で、そしてシフト代わることを頼まれると断れなかった。 どんどん休みたい人のシフトを交代してた
CSSフレームワークのススメ - BULMAの導入と覚え書き - Qiita
はじめに Webサイトの三大要素「HTML」「JavaScript」「CSS」。 HTMLは内容と構造を、JavaScriptは振る舞いを、CSSは表現を受け持つと言われます。 私は普段バックエンド中心に仕事をしているエンジニアなんですが、たまにフロントをやっても、凝ったデザインのサイトの場合はCSSはデザイナーさんにより用意されていたり、引き継ぎで古の謎のCSSを魔改造していったりなどで、0からCSSをいじる機会はあまりありませんでした。 最近趣味で作っているサイトの「モダンなデザイン」のために、「表現の枠組み」たるCSSフレームワークを勉強し始めたのですが、そこでやっと、遅まきながら、CSSフレームワークを使うと「ものすごく楽」という当たり前といえば当たり前の事に気が付きました。 CSSフレームワークは、プログラム言語のフレームワークとは趣が異なります。 プログラミングにおいては多大な
Bulma (CSS フレームワーク) のサンプルページを作りました - ラボラジアン
概要 Bulma というCSSフレームワークを使ったサンプルページを作りました。 Bulma は、以下の特徴を持つ CSSフレームワークです。 Flexbox をフルに活用している。 シンプルなグリッドシステム 学習が容易 カスタマイズが簡単 JavaScript は含まれていない。 Flexbox をフルに活用している Flexbox というのは、今まで難しかった「要素を横に並べる」機能を簡単に実現するための新しい CSS の仕様です。（参考：CSS Flexible Box Layout Module Level 1） このサイトでも CSS Flexible Box Layout Module のサンプルページを作りました というページで取り上げています。 Bulma はこの新しい CSS の仕様をフルに活用しているフレームワークです。 シンプルなグリッドシステム Bulma には
［速報］「Amazon CodeGuru」発表。機械学習したコンピュータが自動でコードレビュー、問題あるコードや実行の遅い部分などを指摘。AWS re:Invent 2019
Amazon Web Services（AWS）は、米ラスベガスで開催中の年次イベント「AWS re:Invent 2019」の基調講演で、機械学習を用いて自動的にコンピュータがコードレビューをしてくれる「Amazon CodeGuru」を発表しました。 Amazon CodeGuruのコードレビュー機能は、Amazon自身のこれまでの大量のコードと、GitHubで公開されているポピュラーな1万のオープンソースソフトウェアのコードを基に機械学習のトレーニングを行ったモデルを用いて、対象となるコードを解析。 GitHubやCodeCommitのプルリクエストと連係し、問題があるとされた個所には人間に読める形式でコメントをしてくれるというもの。 並列処理や脆弱性の問題あるコードを指摘 例えばAWSにおけるベストプラクティスのコードから外れているものや、並列処理における問題などの指摘。
若い人の知らない国鉄職員の負の歴史が続々…「信じられないほど横柄」「切符を投げてよこす」「ストライキの数々」など
山添 拓 @pioneertaku84 中曽根元首相の死去が報じられる。1954年、原子力予算を最初に国会で提出したのも問うべき経歴だが、国鉄分割民営化強行の首相としても記憶される。 ローカル線はなくならない ブルートレインなど長距離列車もなくならない 会社間をまたがっても乗り換えもなく不便にもならない ーー全部ウソだった。 pic.twitter.com/03QqXcoePM 2019-11-29 23:49:05 Hideki Kakeya, Dr.Eng. @hkakeya 3D, VR, AR, AI for Medicine, Bioinformatics (COVID Origin), NLP, Research Integrity, Engineering Ethics, Views are my own. Hideki Kakeya, Dr.Eng. @hkakeya 若い
“サンドバッグ状態”から抜け出したい25歳女性に鴻上尚史が教えた「結果、一番楽になる方法」 (1/5) 〈dot.〉｜AERA dot. (アエラドット)
鴻上尚史の人生相談。「言い返す」より「言い返さない」ほうが楽だけど、「なんでも言いやすい人」になってしまうと嘆く25歳女性。対処法を教えて欲しいと問う相談者に、鴻上尚史が言い返す意味と、その後の交渉スキルの上達。 【相談50】「言い返さない」ことを選んだらサンドバッグ状態です（25歳 女性 ぽつん） わたしは基本的に言い返すということをあまりしません。言い返すことと、そこで流して終わらせる苦労を天秤にかけたとき、流す楽さが勝つのです。というのも、そもそも反論したり諭したりする事で相手に何かしらの変化が見込める人ならいいのですが、「この人はどうせ何言っても変わらないだろうな」と思う人は相手にするだけ無駄だと感じるからです。結果の出ない議論は怒りで自分を消耗するだけに終わることを何度も経験し、24歳くらいでやっと理解しました。 しかし「言い返さない」が定着してくると相手から「言い返してこないか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RPGの攻略法をネットで検索する子どもに言ってしまった一言に「これが勇者の育て方」「今のゲームは複雑だから…」など様々な意見が集まる