カテゴリーリスト
follow
/category/
follow
https://twitter.com/burnworks
follow
https://www.facebook.com/wwwwatch
follow
https://feedly.com/i/subscription/feed/https%3A%2F%2Fhyper-text.org%2Fatom%2F
Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました
follow
/archives/2021/08/tailwindcss_plugin_animation_delay.shtml
Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集 「バーンワークス UI ライブラリ」
follow
/archives/2021/08/tailwind_css_ui_library.shtml
スクールでは (多分) 教えてくれない、フリーランスとして駆け出す前に知っておきたいこと
follow
/archives/2021/08/what_freelancer_should_know.shtml
最新著書 発売中できるポケット Web制作必携 HTML&CSS全事典 改訂版 HTML Living Standard & CSS3/4対応大幅改定されて生まれ変わった「できるポケット HTML&CSS全事典」が好評発売中。コンパクトサイズの B6 判で、手元に置いておきやすい HTML / CSS のリファレンス本です。 Amazon で購入
follow
https://www.amazon.co.jp/exec/obidos/ASIN/4295008281/burnworksdesi-22/
Next.js (SSG) + Vercel + GitHub Actions を使用した定期デプロイ
follow
/archives/2021/07/nextjs_vercel_deploy.shtml
Next.js から Feedly API を叩いて記事データを取得する
follow
/archives/2021/07/nextjs_feedly_api_get_post.shtml
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
follow
/archives/2021/07/nextjs_qiita_api_get_post.shtml
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
follow
/archives/2021/06/techdeck.shtml
Headless UI のドロップダウンメニューで next/link を使うとキーボード操作での挙動がおかしくなる件を解決する
follow
/archives/2021/05/headless_ui_nextlink.shtml
Internet Explorer 11 がついにサポート終了、2022年 6月 15日でお別れへ
follow
/archives/2021/05/ie11_end_of_support.shtml
「できるポケット HTML&CSS全事典」 の第4刷、重版が決定しました
follow
/archives/2021/04/dekiru_pocket_html_css_reference_fourth.shtml
飽きて放置してた Oculus Go がエアロバイクとの組み合わせで現役復帰した話
follow
/archives/2021/03/revival_oculus_go.shtml
Google Chrome が4週間隔にリリースサイクルを高速化、Edge も同様に
follow
/archives/2021/03/chrome_new_release_cycles.shtml
指定テキストをハイライト表示する 「Text Fragment」 付きリンクをツイートするためのブックマークレット
follow
/archives/2021/02/tweet-text-fragment-link-bookmarklet.shtml
arrow_forward人気記事をすべて見る
follow
/hotentry/
Mobilechevron_right
follow
/archives/mobile/
優れた UX を提供する Web サイトを強調するため、Chrome for Android に 「Fast Page」 ラベルが導入される
follow
/archives/2020/08/fast_page_labelling_in_chrome_85.shtml
AMP ページで Font Awesome を使用する
follow
/archives/2020/05/amp_font_awesome.shtml
AMP の実装で 「要素に class 付けて開閉する」 みたいな UI は amp-bind を使うと超簡単で手軽だった件
follow
/archives/2020/05/amp_bind_case_study.shtml
次期 Android では 「DNS over TLS」 がサポートされる
follow
/archives/2018/05/android_p_dns_over_tls_support.shtml
Web Developmentchevron_right
follow
/archives/web_development/
Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました
follow
/archives/2021/08/tailwindcss_plugin_animation_delay.shtml
Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集 「バーンワークス UI ライブラリ」
follow
/archives/2021/08/tailwind_css_ui_library.shtml
Next.js (SSG) + Vercel + GitHub Actions を使用した定期デプロイ
follow
/archives/2021/07/nextjs_vercel_deploy.shtml
Next.js から Feedly API を叩いて記事データを取得する
follow
/archives/2021/07/nextjs_feedly_api_get_post.shtml
Toolchevron_right
follow
/archives/tools/
Windows 10 用 WSL 2 + Ubuntu を使用した、imgp コマンドによる画像の一括リサイズ
follow
/archives/2020/11/imgp_resize_images_on_wsl.shtml
カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました
follow
/archives/2020/09/color-palette-and-contrast-ratio-check-tool.shtml
Pa11y CI でアクセシビリティテストを自動化し日本語のレポートを HTML 形式で生成する
follow
/archives/2019/12/auto_accessibility_testing_pa11y_ci.shtml
リアルタイム画像処理機能が充実した CDN、「imgix」 を試してみたらとても簡単で便利だった件
follow
/archives/2018/03/imgix_cdn.shtml
Browserchevron_right
follow
/archives/browser/
Internet Explorer 11 がついにサポート終了、2022年 6月 15日でお別れへ
follow
/archives/2021/05/ie11_end_of_support.shtml
Google Chrome が4週間隔にリリースサイクルを高速化、Edge も同様に
follow
/archives/2021/03/chrome_new_release_cycles.shtml
Google Chrome 88 の DevTools に Web Vitals (ウェブバイタル) 情報の表示オプションが追加される
follow
/archives/2021/01/chrome_88_devtools_web_vitals_info.shtml
Firefox 83 に 「HTTPS-Only モード」 が追加、Web サイトへの接続時、HTTPS 接続を強制可能に
follow
/archives/2020/11/firefox83_https_only_mode.shtml
Gadgetchevron_right
follow
/archives/gadget/
飽きて放置してた Oculus Go がエアロバイクとの組み合わせで現役復帰した話
follow
/archives/2021/03/revival_oculus_go.shtml
人生初の AMD Ryzen CPU でメインメモリ 128GB の Windows PC を組んでみた話
follow
/archives/2020/07/memory_128gb_pc_homebuilt.shtml
動画 (Netflix) 視聴目当てで Oculus Go を購入したら正解だった件
follow
/archives/2018/05/oculus_go.shtml
Microsoft が Surface Pro、Surface Pro 2 等の電源コードを自主回収
follow
/archives/2016/01/surface_powercord_recall.shtml
Applicationchevron_right
follow
/archives/application/
Amazon プライムデーで Adobe Creative Cloud コンプリートプランの年間ライセンスが安かったので購入した件
follow
/archives/2019/07/amazon_prime_day_adobe_creative_cloud.shtml
gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点
follow
/archives/2018/12/gulp-4-0-release.shtml
動画 (Netflix) 視聴目当てで Oculus Go を購入したら正解だった件
follow
/archives/2018/05/oculus_go.shtml
Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境
follow
/archives/2018/03/gulp_quick_start.shtml
SNSchevron_right
follow
/archives/sns/
暗号化されていないパスワードが内部ログに保存されていた問題を Twitter が公表した件で、パスワード変更もいいけど 2段階認証もね
follow
/archives/2018/05/twitter_keeping_your_account_secure.shtml
各ブラウザにおけるトラッキング拒否機能 (DNT) の有効化について
follow
/archives/2018/02/how_to_do_not_track_setting.shtml
Mastodon 1.4.x (Docker) の assets:precompile が失敗するので Bash on Ubuntu on Windows 上で実行して切り抜けた件
follow
/archives/2017/06/bow_docker_masutodon_assets_precompile.shtml
Mastodon インスタンスを運用しているサーバを HTTP/2 対応させた話 (CentOS7 + nginx + OpenSSL)
follow
/archives/2017/04/mastodon_instance_http2_enable.shtml
JavaScriptchevron_right
follow
/archives/javascript/
Next.js (SSG) + Vercel + GitHub Actions を使用した定期デプロイ
follow
/archives/2021/07/nextjs_vercel_deploy.shtml
Next.js から Feedly API を叩いて記事データを取得する
follow
/archives/2021/07/nextjs_feedly_api_get_post.shtml
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
follow
/archives/2021/07/nextjs_qiita_api_get_post.shtml
Headless UI のドロップダウンメニューで next/link を使うとキーボード操作での挙動がおかしくなる件を解決する
follow
/archives/2021/05/headless_ui_nextlink.shtml
Next.jschevron_right
follow
/archives/nextjs/
Next.js (SSG) + Vercel + GitHub Actions を使用した定期デプロイ
follow
/archives/2021/07/nextjs_vercel_deploy.shtml
Next.js から Feedly API を叩いて記事データを取得する
follow
/archives/2021/07/nextjs_feedly_api_get_post.shtml
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
follow
/archives/2021/07/nextjs_qiita_api_get_post.shtml
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
follow
/archives/2021/06/techdeck.shtml
Cloudchevron_right
follow
/archives/cloud/
Mastodon インスタンスの画像や動画の保存先をクラウドストレージ (Amazon S3) に移行した話
follow
/archives/2017/04/mastodon-instance-with-amazon-s3.shtml
Dropbox が 「Project Infinite」 を発表、ローカルのディスク容量が少ない環境でも使いやすく
follow
/archives/2016/04/dropbox_project_infinite.shtml
OneDrive の 1ファイルあたりサイズ制限が 2GB から 10GB に拡大
follow
/archives/2014/09/onedrive_supports_10gb_files.shtml
Dropbox Pro が大幅機能追加。ディスク容量もお値段そのまま 1TB まで拡大
follow
/archives/2014/08/more_powerful_dropbox_pro.shtml
Eventchevron_right
follow
/archives/event/
1990 年代後半から CSS を触っている私が当時の記憶を振り返る、CSS 昔話
follow
/archives/2015/12/css_old_tale.shtml
「アクセシビリティ」 を当たり前にするために制作者はどう考えればよいのか
follow
/archives/2015/12/web_accessibility_poem.shtml
Web アクセシビリティを身近に感じてもらうためのごく簡単なお話
follow
/archives/2014/12/web_accessibility_first_step.shtml
Happy birthday W3C - World Wide Web Consortium が設立から 20周年
follow
/archives/2014/10/happy_20th_birthday_w3c.shtml
Web Servicechevron_right
follow
/archives/web_service/
Next.js (SSG) + Vercel + GitHub Actions を使用した定期デプロイ
follow
/archives/2021/07/nextjs_vercel_deploy.shtml
Next.js から Feedly API を叩いて記事データを取得する
follow
/archives/2021/07/nextjs_feedly_api_get_post.shtml
Next.js から Qiita API v2 を叩いて人気記事のデータを取得する
follow
/archives/2021/07/nextjs_qiita_api_get_post.shtml
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
follow
/archives/2021/06/techdeck.shtml
Securitychevron_right
follow
/archives/security/
Firefox 83 に 「HTTPS-Only モード」 が追加、Web サイトへの接続時、HTTPS 接続を強制可能に
follow
/archives/2020/11/firefox83_https_only_mode.shtml
パソコンやスマートフォンが得意ではないという人でもわかるオススメのパスワード管理方法(2020年10月版)
follow
/archives/2020/10/password_management_getting_started.shtml
Google Chrome 77 が正式リリース、EV SSL 証明書に対するアドレスバーの組織名表示を廃止
follow
/archives/2019/09/chrome_77_release.shtml
全フィッシングサイトのうち、約半分は SSL で保護されている
follow
/archives/2018/12/half-of-all-phishing-sites-ssl.shtml
CMSchevron_right
follow
/archives/cms/
Next.js と Movable Type Data API を使用して Jamstack な Blog を作ってみる
follow
/archives/2020/12/creating_jamstack_blog_nextjs_and_mt_data_api.shtml
Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する
follow
/archives/2020/05/movable_type_tag_calculation.shtml
Movable Type 6.3 がリリース、PHP 7 と MySQL 5.7 に対応、画像品質自動調整機能の有無が設定可能に
follow
/archives/2016/08/movable_type_6_3_release.shtml
ケータイキット for Movable Type に OS コマンドインジェクションの脆弱性
follow
/archives/2016/05/keitaikit_for_movable_type_security_incident.shtml
HTMLchevron_right
follow
/archives/html/
Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる
follow
/archives/2020/12/accessible-form-sample-with-next-js-formik.shtml
カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました
follow
/archives/2020/09/color-palette-and-contrast-ratio-check-tool.shtml
Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する
follow
/archives/2020/05/movable_type_tag_calculation.shtml
AMP の実装で 「要素に class 付けて開閉する」 みたいな UI は amp-bind を使うと超簡単で手軽だった件
follow
/archives/2020/05/amp_bind_case_study.shtml
CSSchevron_right
follow
/archives/css/
Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました
follow
/archives/2021/08/tailwindcss_plugin_animation_delay.shtml
Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集 「バーンワークス UI ライブラリ」
follow
/archives/2021/08/tailwind_css_ui_library.shtml
:focus-within 疑似クラスを IE11 でも使用可能にする Polyfill 書いてみた
follow
/archives/2021/01/focus_within_pseudo_class_ie11_polyfill.shtml
:focus-within 疑似クラスでキーボード操作に対応したドロップダウンメニューを作ってみよう
follow
/archives/2020/09/focus_within_pseudo_class_usage.shtml
Productchevron_right
follow
/archives/product/
動画 (Netflix) 視聴目当てで Oculus Go を購入したら正解だった件
follow
/archives/2018/05/oculus_go.shtml
Surface Pro 3 が 「Surface」 ロゴ表示で固まって起動しなくなった時の対処方法
follow
/archives/2016/05/surface_pro_3_windows_wont_start.shtml
Microsoft が Surface Pro、Surface Pro 2 等の電源コードを自主回収
follow
/archives/2016/01/surface_powercord_recall.shtml
Windows 7 のメインストリームサポートが終了、延長サポート期間へ
follow
/archives/2015/01/windows7_lifecycle.shtml
HTML5chevron_right
follow
/archives/html5/
「できるポケット HTML&CSS全事典」 の重版が決定しました
follow
/archives/2020/07/dekiru_pocket_html_css_reference_second.shtml
AMP の実装で 「要素に class 付けて開閉する」 みたいな UI は amp-bind を使うと超簡単で手軽だった件
follow
/archives/2020/05/amp_bind_case_study.shtml
Firefox 75、HTML の指定のみで動作する画像遅延読み込み (loading="lazy") に正式対応
follow
/archives/2020/04/firefox_75_lazy_loading.shtml
W3C と WHATWG、HTML/DOMの仕様策定で協力し、共通の仕様を共同管理すると発表
follow
/archives/2019/05/w3c_whatwg_work_together.shtml
Blogchevron_right
follow
/archives/blog/
スクールでは (多分) 教えてくれない、フリーランスとして駆け出す前に知っておきたいこと
follow
/archives/2021/08/what_freelancer_should_know.shtml
人生初の AMD Ryzen CPU でメインメモリ 128GB の Windows PC を組んでみた話
follow
/archives/2020/07/memory_128gb_pc_homebuilt.shtml
Blog をリニューアルしました
follow
/archives/2020/05/blog_renew.shtml
ボタンを押したら商品が届く、「Amazon Dash Button」 を早速試してみた
follow
/archives/2016/12/amazon_dash_button.shtml
Bookchevron_right
follow
/archives/books/
「できるポケット HTML&CSS全事典」 の第4刷、重版が決定しました
follow
/archives/2021/04/dekiru_pocket_html_css_reference_fourth.shtml
書籍 「できるポケット HTML&CSS全事典」 が Kindle Unlimited 読み放題の対象になりました
follow
/archives/2020/12/html_css_reference_kindle_unlimited.shtml
「できるポケット HTML&CSS全事典」 の第3刷、重版が決定しました
follow
/archives/2020/12/dekiru_pocket_html_css_reference_third.shtml
「できるポケット HTML&CSS全事典」 の重版が決定しました
follow
/archives/2020/07/dekiru_pocket_html_css_reference_second.shtml
HTML/CSSchevron_right
follow
/archives/html_css/
Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました
follow
/archives/2021/08/tailwindcss_plugin_animation_delay.shtml
「できるポケット HTML&CSS全事典」 の第4刷、重版が決定しました
follow
/archives/2021/04/dekiru_pocket_html_css_reference_fourth.shtml
書籍 「できるポケット HTML&CSS全事典」 が Kindle Unlimited 読み放題の対象になりました
follow
/archives/2020/12/html_css_reference_kindle_unlimited.shtml
Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる
follow
/archives/2020/12/accessible-form-sample-with-next-js-formik.shtml
Itemchevron_right
follow
/archives/item/
Kindle Voyage 買ったけど 1点だけどうしても納得いかないことが......
follow
/archives/2014/11/amazon_kindle_voyage.shtml
国立競技場の座席 (自由席 / 指定席) からスツールを作ってみた
follow
/archives/2014/09/national_olympic_stadium_stool.shtml
Surface Pro 3 買ったら Surface Pro 2 で不満だったところをほとんど解消してくれた件
follow
/archives/2014/07/surface_pro_3_review.shtml
Anker 5ポート USB急速充電器 ACアダプタとまな板スタンドの組み合わせがいい感じな件
follow
/archives/2014/04/tablet_stand_and_anker_usb_charger.shtml
New Servicechevron_right
follow
/archives/new_service/
Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集 「バーンワークス UI ライブラリ」
follow
/archives/2021/08/tailwind_css_ui_library.shtml
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
follow
/archives/2021/06/techdeck.shtml
ボタンを押したら商品が届く、「Amazon Dash Button」 を早速試してみた
follow
/archives/2016/12/amazon_dash_button.shtml
Amazon が Kindle for PC をリリース、和書も PC で閲覧可能に
follow
/archives/2015/01/amazon_kindle_for_pc.shtml
Podcastchevron_right
follow
/archives/podcast/
世界初の Firefox OS 商用端末、ZTE Open が発売開始
follow
/archives/2013/07/firefox_os_zte_open_released.shtml
Vodcast 対応 PSP MM
follow
/archives/2005/11/vodcast_psp_mm.shtml
Yahoo! Podcasts BETA
follow
/archives/2005/10/yahoo_podcasts_beta.shtml
iTunes で Podcast を公開
follow
/archives/2005/08/itunes_podcast_rss.shtml
XMLchevron_right
follow
/archives/xml/
IFTTT から Blog の更新を自動で画像付きツイートするためにフィードを少し直した件
follow
/archives/2015/02/ifttt_auto_tweet_with_image.shtml
SVG のフォールバックは結局 Modernizr に落ち着いた件
follow
/archives/2015/02/modernizr_svg_fallback.shtml
ブラウザから SVGO で SVG ファイルを最適化できる 「SVGOMG」
follow
/archives/2015/02/svgomg.shtml
GIF に変わると噂の XNG という新しいアニメーション画像フォーマットを調べてみた
follow
/archives/2014/10/xng_animation.shtml
Web Topicchevron_right
follow
/archives/web_topic/
スクールでは (多分) 教えてくれない、フリーランスとして駆け出す前に知っておきたいこと
follow
/archives/2021/08/what_freelancer_should_know.shtml
フロントエンド開発に関連する技術系記事をまとめてチェックできる 「TechDeck」 という Web サイトを作ってみた
follow
/archives/2021/06/techdeck.shtml
パソコンやスマートフォンが得意ではないという人でもわかるオススメのパスワード管理方法(2020年10月版)
follow
/archives/2020/10/password_management_getting_started.shtml
優れた UX を提供する Web サイトを強調するため、Chrome for Android に 「Fast Page」 ラベルが導入される
follow
/archives/2020/08/fast_page_labelling_in_chrome_85.shtml
arrow_forward詳しいプロフィール
follow
https://yoshiki.kato.name/
whatshot
follow
/hotentry/
linkYoshiki Kato
follow
https://yoshiki.kato.name/
linkBurnworks Inc.
follow
https://burnworks.com/
linkBurnworks Design Shop
follow
https://shop.burnworks.com/
linkFrequency Feeling...
follow
https://watch.burnworks.com/
linkKeep on Jumpin"
follow
https://pride-of-urawa.net/
linkW3 Watch Reference
follow
https://reference.hyper-text.org/
@burnworks
follow
https://twitter.com/burnworks
Facebook
follow
https://www.facebook.com/burnworks
Instagram
follow
https://www.instagram.com/burnworks/
YouTube
follow
https://www.youtube.com/user/burnworks
GitHub
follow
https://github.com/burnworks
Flickr
follow
https://www.flickr.com/photos/burnworks/
Yoshiki Kato
follow
https://yoshiki.kato.name/