WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン
はじめに プログラミング学習をはじめて多くの人が最初につまずくであろう箇所が「marginとpaddingの違い」だと思います。 自分もプログラミング学習当初は、 「h1, h2タグ余裕や!!」 「imgタグを使えば画像が配置できるのか!簡単簡単」 「floatを使えば要素を横並びにできるのか!」 と「プログラミング余裕やっ!」と調子に乗っていた矢先に「marginとpadding」が登場し苦しみました。 一般的な解説では「要素の外側に余白を取りたいときはmargin、内側に余白を取りたい時はpadding」という説明されていましたが、当時の自分にはこれだけでは全く理解できませんでした。 そもそも「要素の内側と外側ってなんやねん」と何度思ったことやら... またTwitterを眺めていると自分だけでなく、多くの初学者が「marginとpaddingの違い」を苦しんでいました。 今回はそんな
どうも!LSSです!! デジタルカメラやスマートフォンが普及した昨今。 フィルムカメラのように「フィルムの無駄」を気にせず、パシャパシャと気軽に撮影が楽しめるようになりましたね^^ それでも時々ふと、あの白いフチのある写真に懐かしさを覚えたりします。 スマホで撮影後に画像加工するのも手ですが、CSSなら画像はそのままでコードに少し手を加える事で、懐かしい白フチ写真を演出できます。 写真っぽい写真 コード 手順 その他の例:楕円 写真っぽい写真 コード はてなブログの「写真を投稿」機能で写真をアップロード・記事に挿入した後に、コードを付け足します。 <p style="border: 1px solid black; padding: 3%; box-shadow: 10px 10px 5px 0px gray;"><img style="display: block;" src="http
Webビーコンの概要 まずは、Webビーコンの概要を掴みましょう。Webビーコンでアクセス解析をする仕組みや、Webビーコンから取得できる情報をご紹介します。 Webビーコンとは、WebページやHTMLメールのアクセス解析を行うためのプログラムです。プログラム、と聞くと難しく感じるかもしれませんが、ひとまずは「Webページやメールのアクセス解析を行うための方法の1つだ」と理解していただければ、まったく問題ありません。 ちなみに、Webビーコンの「ビーコン」とは、灯台やのろし、航空標識など、周囲になんらかのシグナルを発するものを指す言葉です。ユーザーがWebページを閲覧したというシグナルを、アクセス解析サービス側に送るイメージを持っていただけると、理解しやすいかもしれません。 Googleが提供する有名なアクセス解析サービス『Googleアナリティクス』は、Webビーコンのことをトラッキング
インターネットを利用中に、「Cookieを許可してください」というポップアップが表示されたり、許可するCookieの種類を選ばされたりしたことがある人は多いはず。こうした表示はGDPRといった規制を順守する上で必要なものですが、Cookieの使用を許可するつもりのない人や関心がない人にとってはわずらわしいものです。広告とトラッキングをブロックする機能を搭載しているブラウザのBraveが、このCookieの許可を促すバナーのブロックを開始しました。 Blocking annoying and privacy-harming cookie consent banners | Brave Browser https://brave.com/privacy-updates/21-blocking-cookie-notices/ Braveは2022年9月28日に公式ブログを更新し、10月にリリース
ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール(Autoprefixer, Babel, ESLint, PostCSSなど)でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい
若者にとってグルメサイトの優先順位は低い ネットでの「飲食店の探し方」が変わってきている。 ある50代男性は「新入社員がGoogle Mapで店を探していた」と驚いていた。 「先日、部署のみんなで食事に行ったんです。新入社員に店探しをお願いしたら、Google Mapで会社の近くの店を調べて、評判がいいところをさらにグルメサイトで調べていた。『点数が操作されてるって聞いたことがあるし、両方使うと便利なんで』というので驚きました」 筆者が講義を行う大学の受講生もこう話す。 「飲食店を選ぶときにはいつもInstagramで検索して、おいしそうなところを選ぶことが多い。それから店名で検索して評判を確認する。Google Mapも見るけど、最初にグルメサイトを見ることはない」 こうした大学生は、Instagramで「吉祥寺」「梅田」などの駅名、町名などで検索し、出てきたハッシュタグ(「#吉祥寺グル
Cloudflare、NGINXに代えて自社開発のRust製HTTPプロキシ「Pingora」をグローバルCDNに採用。性能向上しつつCPUとメモリ消費を3分の1に CDNプロバイダのCloudflareは、同社のグローバルなCDNの基盤として長らく利用してきたNGINXに代えて、同社自身がRust製のHTTPプロキシである「Pingora」を開発し利用していることを明らかにしました。 Pingoraはすでに同社のCDNに採用され、毎日1兆回以上のリクエストを処理し、性能向上や数多くの新機能の提供を実現しつつ、従来と比較してCPUとメモリリソースの消費はいずれも3分の1程度に収まっているとのこと。 Pingoraは現時点でコードなどは公開されていませんが、いずれオープンソース化の計画についても明らかにするとCloudflareは説明しています。 Today we are excited t
YouTubeを見ていればイヤでも目にする動画広告ですが、今後その量がどんどん増えていくようです。詳細は以下から。 海外メディアの報道によると、YouTubeは動画上で最大5枠のスキップできない広告を試験的に導入しており、今月中にも実装されるそうです。 通常、無料ユーザー向けに挿入されるものは1つか多くても2つ、さらに2つ目はスキップできるのが普通。長さも5秒から30秒と行ったところ。 しかしここ数日、Twitterやアメリカの巨大掲示板Redditにて、スキップ不可能の広告を5つも見ることになったという報告が続出。 Twitter公式アカウントのTeamYouTubeは、これは「バンパー広告」と呼ばれるものだと説明。各広告は6秒だけなので、ユーザーが見るのは通常と同じ30秒の範囲を超えないとのこと。 まだすべてのユーザーが受信しているわけではなく、どれくらい多くのアカウントに展開されるか
2022年9月10日8時ごろより当サイトを表示しようとすると、一時ブラウザにおいて警告が表示される状態となりました。 本件は「SSL/TLS証明書」の切り替え作業に不備があり、一時期限切れとなった証明書による暗号化通信が行われたことに起因します。 主要ブラウザでは、ウェブサーバとブラウザ間の通信に有効な「SSL/TLS証明書」を用いていない場合、警告表示が行われる仕様となっており、本件の警告もこれに従い表示されました。 問題判明後、有効な証明書に切り替えが完了しており、同日17時現在、従来どおり問題なく表示できる状態となっています。 読者ならびに関係者のみなさまにご心配、ならびにご不便をおかけし、謝罪いたします。 なお、当サイトに対するサイバー攻撃、不正アクセスなどは確認されていません。また当サイトは記事の配信に特化しており、利用者が個人情報、機密情報を入力するフォーム等の設置はなく、ウェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く