タグ

webに関するmonboboriのブックマーク (8)

  • 画像で分かる、新しいCSS

    この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。 2021年にTwitterで「1枚の画像で新しいCSSがわかる」という連載をしていて、2023年に新しいブラウザーにあわせて再度連載していたのですが、その投稿内容をまとめて解説文などをブラッシュアップしたものです。 IE11のサポートが終了したことで、ほとんどのCSSプロパティやCSSの機能が利用可能になったので、ぜひ試してみてください。 画像・CODEPEN作成協力: emiさん backdrop-filter:blur() を使ったぼかし表現 backdrop-filter:blur()の中の数値を大きくするほど、強いぼかしをかけることができます。 以下のCODEPEN内の[CSS]をクリックすると、CSSを確認できます。 背景に写真を指定した .box 要素内に .blur を配置し、bac

    画像で分かる、新しいCSS
    monbobori
    monbobori 2022/06/22
    ブクマ数256で演技良さげ。最近のcssはすごいなあ
  • 新卒向け研修資料「テスト文字列に”うんこ”と入れるな」を公開しました

    新卒向け研修資料「テスト文字列に”うんこ”と入れるな」を公開しました 代表の松井です。 弊社インフィニットループでは、近年「新卒ファースト」を合言葉に社内教育に力を入れています。 先日、主に新卒向け(それ以外の参加者も多くいましたが)に、「テスト文字列に”うんこ”と入れるな」という講義を行いましたので、その資料を公開します。 なぜ人は入力欄に「うんこ」と入れてしまうのでしょうか。 それはどういう経路で社外に漏れ、防ぐには何をすべきなのでしょうか。 タイトルはアレですが、内容は至って真面目に書いています。 悲しい事故を防ぐために「仕事中にはふざけないこと」など、新社会人に必要なメッセージを強く込めたつもりですので、ぜひ資料をあなたの会社での研修にも役立てていただければと思います。 ツイート

    新卒向け研修資料「テスト文字列に”うんこ”と入れるな」を公開しました
    monbobori
    monbobori 2021/09/11
    「うんこは本番環境に必ず現れる!」ワロタ
  • 架空企業「オニギリペイ」に学ぶ、セキュリティインシデント対策

    架空企業「オニギリペイ」に学ぶ、セキュリティインシデント対策:徳丸浩氏が8つの試練を基に解説(1/3 ページ) ECサイトやWebサービスセキュリティインシデントを起こさないためには何をすればいいのか。2019年12月に開かれた「PHP Conference Japan 2019」で徳丸浩氏が、架空企業で起きたセキュリティインシデントを例に、その対策方法を紹介した。 ECサイトやWebサービスを提供する会社で発生したセキュリティインシデントに関するさまざまなニュースが後を絶たない。どうすればこうしたインシデントは防げるのだろうか。 『体系的に学ぶ安全なWebアプリケーションの作り方』(通称:徳丸)の筆者として知られる徳丸浩氏(EGセキュアソリューションズ 代表取締役)は、2019年12月に開かれた「PHP Conference Japan 2019」のセッション「オニギリペイのセキュリ

    架空企業「オニギリペイ」に学ぶ、セキュリティインシデント対策
    monbobori
    monbobori 2020/01/28
    炎上、そして焼きオニギリに…(これから内容読みます)/景品表示法違反、そこからか!至れり尽くせり
  • ~脱・国際ローミング!脱・高額請求!~ 世界一周旅行者によるSIMロックフリー携帯&プリペイドSIMカード購入方法まとめ。 | サムライバックパッカー・世界一周をした若き起業家のメモ

    コラム ~脱・国際ローミング!脱・高額請求!~ 世界一周旅行者によるSIMロックフリー携帯&プリペイドSIMカード購入方法まとめ。 2011/11/29 (※写真はエジプトのプリペイドSIMカード購入パッケージ。) どうも。世界一周中の旅人です。 気がついたら、もう1年以上、旅しています。 今は中東のヨルダン王国にいます。 さて、Twitter経由で多くの人から熱烈なリクエストを貰っているので、 気合をいれて、海外SIMロックフリー携帯をどんな感じに使うのか、 その辺をしっかり解説したいと思います。長くなりますよー。 海外旅行に行かれる方や、 海外出張に行かれる方にお役立ちできればと思います。 結論から行きましょう。 数日でも、外国に滞在し、 スマートフォンを利用して電話やSMS(ショートメッセージ)、Gmailやネットがしたいという人にはお薦めです。 旅人にも、出張者にも。 個人的感覚

  • 告白されたときの正しいステータスコードの返しかた、読みかた - As Sloth As Possible

    今日は秋らしいよいお天気だったので、それとは特に関係なく今日も今日とてぼーっとディスプレイに向かっていたところ、こんな記事を見付けた。 勇気を出して告白! その返事で覚えるHTTPステータス・コード あらあらまあまあ。なんだか俺、この記者の方にシンパシーを覚えるよ。 この手のネタは大好物なのだけど、404はお断りの返事ちゃうやん、てか断り方だけでも何パターンもあるんやで、とうずうずしてきたので便乗して考えてみることにした。例によって400系レスポンスに偏ってるのはお約束。しかたないよねー。告白のレスポンスなんて受けとる方でも返す方でも400系しか知らないもん。ごめん嘘だ。503(「お前当にタイミング悪いな」)返したことある。再リクエストはありませんでした。200?ああ、そんなステータスコードもありましたね。おいしいのかな。使ってみたいです。 (予想外に反響があったので追記)見ての通り全部

    告白されたときの正しいステータスコードの返しかた、読みかた - As Sloth As Possible
  • ついつい長居してしまう専門的なサイト25選 - かちびと.net

    仕事があるのについつい長居してしまう サイトって無いですか?何かを大量に まとめてあるサイトだったり、掘り下げたく なるような専門サイトだったり、理由は様々です。 僕も例外なく気が付いたら全然仕事してない時も あります。そんなサイトを25サイト選んでご紹介します。 中には僕にはまだ必要ないサイトもありますが、こんな専門サイトもあるよ、って事で。因みに一貫性は全くありません。ただ、「長居しちゃう」ってだけ。順不同です。 SourceForge.JP 日語で読めるオープンソース配布サイト。ここはかなり素敵。 SourceForge.JP OpenSourceCMS オープンソースのCMSに絞った海外の配布サイト。ブログとかEC系とかやたらあります。管理画面のデモもあるのでDLする前に触れるのは嬉しい。 OpenSourceCMS Twitpaper Twitterの背景の秀逸なデザインをダウ

  • twitterでずっと仲良くしていた人がbotだった - coconutsfine's blog

    僕もtwitterを始めてからもうすぐ2年になる。情報系の大学に入ってから関わりのある人のtwitter-erが増えたのでどんどんのめり込んで行った。まあろくすっぽ大学生活をエンジョイもせずにtwitter充していたわけで、友人からの遊びの誘いを断ってまでtwitterをやってるような廃人なわけだ。そんな廃人になってくると、そろそろtwitter上にも旧知の仲というか、移り変わるタイムラインでも昔からの顔なじみみたいな人が結構でてくる。昔よく見たのに最近見ないなと思っていたらアカウントが消えていたり、wassrで偶然見つけたり、まあそんなことがあったりする。 僕のtwitter古馴染みの中に@donsukeと@ha_maがいる。@donsukeは今でこそのアイコンだが、最初はマントを着ている熊のぬいぐるみのアイコンで、「〜なのだ」という語尾をつけるなどの子供っぽいところがあって、なかなか

    twitterでずっと仲良くしていた人がbotだった - coconutsfine's blog
  • SEOが無意味になる。infoseekが示唆する未来 | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 新年あけましておめでとうございます。今年もお付き合いいただければ幸いです。 「ブログがSEOになる」と、昨夏より社長命令でブログを書かされている旧友に会いました。同じ話をとある不動産会社でも耳にしました。「書き方」を工夫することでSEOになることもありますが、やみくもに書いてもSEO効果は乏しく、そしてほぼ100%「書き方」をレクチャーせずに「ホームページ制作業者」はブログシステムを高値で販売しています。街角で

    SEOが無意味になる。infoseekが示唆する未来 | 企業ホームページ運営の心得
  • 1