[B! Web] [7ページ] kathewのブックマーク

kathew id:kathew

Webに関するkathewのブックマーク (5,343)

簡単！無料！使い捨てメールアドレスのsute.jp
sute.jpでは、いつでも必要な時に、24時間だけ有効なメールアドレスを取得できます。迷惑メール対策、個人情報保護にお役立てください。表示されている文字列をそのまま使用するか、お望みのユーザ名に変更して「メールアドレスを作成する」ボタンをクリックしてください。メールアドレスについて詳しくはFAQをご覧ください。
kathew 2020/10/26
mail

web

service
リンク
無料でブラウザから3Dモデルが簡単に作れる「SculptGL」を使ってみた
3Dオブジェクトを彫刻のように削ったり膨らませたりできるスカルプトツールの「SculptGL」は、無料かつアカウント登録やソフトウェアのダウンロードなしで使用できるウェブアプリです。 SculptGL - A WebGL sculpting app https://stephaneginier.com/sculptgl/ 上記のURLにアクセスすると、すぐにSculptGLが使用できます。SculptGLは初期状態だと球体のオブジェクトが表示されており、マウスやペンタブなどを使って絵を描くように膨らませたりへこませたりしながら形を変えることが可能。また、初期設定では左右対称で描画されるようになっているので、赤枠部分にぐりぐり円を描いてみると反対側にもぽこっと丸い形が浮かび上がってきました。 SculptGLを実際に使っている様子は以下のムービーから確認できます。カクつくことなく操作はスム
kathew 2020/10/26
3D

cg

web

service
リンク
URLエンコード/デコードツール ②「\uxxxx」= Unicode【みんなの知識ちょっと便利帳】
; \u1234 形式 ; Ӓ 形式（HTML用 10進数） ; ሴ 形式（HTML用 16進数） ; HTML用に変換時、文字実体参照で変換。
kathew 2020/10/20
utility

web

service

url

encode
リンク
レガシーおじさん、SPAを始めてみた。そして限界を知る
はじめに最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係ない領域を見る事が多いので、ちょっとキャッチアップを兼ねていくつかの個人プロダクトにVue.jsを採用してみました。 jQueryくらいで頭が止まってたので。サーバサイドもマイクロサービスでAPI化が進んでるのでフロントもそれに合った技術を選ばないとですしね。というわけで、今回はその中で得た知見というか、従来型のサーバサイドでのWeb開発をしていた人の視点でVue.jsをキャッチアップする流れで書いていきたいと思います。まあ最終的な結論は正直「これすごく
kathew 2020/10/19
vue

web

development
リンク
HTTP status code for "no data available" from an external datasource
kathew 2020/10/13
web

error
リンク
JavaScriptで最低限のサニタイズをする - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
kathew 2020/10/09
JavaScript

web

development
リンク
Webフォントで複数のウェイトやスタイルを持つ書体を定義する - Qiita
/*medium*/ @font-face { font-family: 'myfont'; src: url('fonts/myfont-medium.woff') format('woff'), url('fonts/myfont-medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /*light*/ @font-face { font-family: 'myfont'; src: url('fonts/myfont-light.woff') format('woff'), url('fonts/myfont-light.ttf') format('truetype'); font-weight: 300; font-style: normal; } /*bold-italic*/ @font
kathew 2020/10/08
web

font
リンク
VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に
VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版にマイクロソフトは、コードエディタのVisual Studio Code（以下VS Code）とWebブラウザのMicrosoft Edgeを組み合わせて、Webアプリケーションの開発を効率的に行えるVS Codeの拡張機能「Microsoft Edge Tools for VS Code」正式版のリリースを発表しました。 Are you a fan of the browser developer tools but not a fan of switching from editor to browser to use them? We heard you! Today we moved the "Mic
kathew 2020/10/07
VisualStudio

code

web

development
リンク
<details>: 詳細折りたたみ要素 - HTML: ハイパーテキストマークアップ言語 | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback <details> は HTML の要素で、ウィジェットが「開いた」状態になった時のみ情報が表示される折りたたみウィジェットを作成します。概要やラベルは <summary> 要素を使用して提供する必要があります。折りたたみウィジェットはふつう、回転して開閉状態を示す小さな三角形を使用し、そ
kathew 2020/09/30
html5

html

web

reference
リンク
IEでドキュメントモードの既定値を変更する方法
IEでドキュメントモードの既定値を変更する方法を紹介します。１．問題点会社のあるシステムを使っていると、IEで次のようにレイアウトが崩れてしまいました。具体的には「承認者」の下にあるボタンがテーブルの中に入り込んでしまっています。原因はブラウザのドキュメントモードらしいので、F12を押下して、開発者モードを表示。（クリックで拡大）ドキュメントモードの「7」が既定値になっているので、最新の「Edge」を選択。これでレイアウト崩れが解消しました。が、このページを正常に表示させるには毎回この操作を行わなければならないのですが、常に「Edge」を既定値にする方法はないでしょうか。ということで、ドキュメントモードの既定値を変更する方法を紹介します。２．ドキュメントモードの既定値を変更するドキュメントモードの既定値を変更するには、「ツール」→「互換表示設定」をクリック。「イント
kathew 2020/09/27
ie

web

development
リンク
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main resolved in /app/node_modules/@babel/helper-compilation-targets/package.json
kathew 2020/09/25
“npm install @babel/helper-compilation-targets --save-dev”

node.js

trouble

babel

web

development
リンク
あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
こんにちは、たかとーです🧑‍🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな？私は今のところあまり使っていません。この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt
kathew 2020/09/23
web

development
リンク
ランダム文字生成ウェブアプリ - ウェブアプリ - カンタローCGI
ログインパスワードや日付、メールアドレス、氏名など、様々なランダム文字列を生成します。カスタムフォーマットで自由にランダム文字を組み合わせることも可能です。また、結果画面のURLをブックマークしておけば、次回アクセス時には同じ条件で生成します。尚、一般ユーザー様は利用制限がありますので、何卒ご了承ください。ランダム文字生成 YscsMoux xqkfmdzA UtLEVpXU Ly9ehmwo k92kXSii YKyJiupD kxopGSso S0UNyh1m mkRbvtmu 5qUIqeDH
kathew 2020/09/20
generator

web

service
リンク
Online UUID Generator Tool
What is a version 4 UUID? A Version 4 UUID is a universally unique identifier that is generated using random numbers. The Version 4 UUIDs produced by this site were generated using a secure random number generator. The UUIDs generated by this site are provided AS IS without warranty of any kind, not even the warranty that the generated UUIDs are actually unique. You are responsible for using the U
kathew 2020/09/12
uuid

generator

web

service
リンク
Webサイトデザインの横幅サイズ！もう何pxか迷わない！ 2017年1月版
こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか？私は半年ごとに支流のサイズを確認しているので、２０２１下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト？ソリッドレイアウト（固定レイアウト）とは？リキッドレイアウト（可変レイアウト）とは？リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか？パソコンは何pxで作るの？スマートフォンは何pxがいいの？って聞かれることが多いので、デザインの横幅でもう迷わないた
kathew 2020/09/10
web

design
リンク
【制作Tips】iPhone画面解像度まとめ | Webデザインラボ
9月更新・前月(8月)の人気記事トップ10 09/02/2024 ( 01 – ) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 07 ↑) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 10 ↑) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法 (圏外↑) 【Labs】CSSだけでドロップダウンメニュー ( 02 ↓) 【jQuery】入門2. jQueryをHTMLに組み込む ( 09 ↑) 【Mac】Safariでソースコードを見る方法 ( 04 ↓) 【jQuery】入門7. jQueryで新しい
kathew 2020/09/10
web

iphone

development
リンク
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新｜ryota_funakoshi
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から「どこから画像を引っ張ってくればいいかわからない😭」「日々の情報収集どうすればいいの？🤔」という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、「このツールも便利だよ！」というのがあればぜひコメントで教えてください！日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し
kathew 2020/08/21
web

まとめ
リンク
Google Fonts の使い方や利用方法
Google Fonts（https://fonts.google.com/）の基本的な使い方・利用方法について。 Google Fonts は「Open Source Fonts」で商用・非商用に関わらず誰でも無料で使用することができる Web フォントを提供するサービスです。 All the fonts in our catalog are free and open source, making beautiful type accessible to anyone for any project.（Google Fonts/About から）基本的な使い方使い方はとても簡単で、使いたいフォントを選択して、表示されるフォントの読み込みのコードと font-family の指定のコードをコピーして使うだけです。使いたいフォントの右上に表示される＋のアイコンをクリックします。画
kathew 2020/08/20
google

font

web
リンク
面白Web API 100連発 - pastak-pub
エンジニアお茶会 2020/08/19 pastak.icon @pastak この発表のゴール現代のウェブブラウザの目指している方向性について紹介するモダンブラウザで使える最新の面白便利APIを紹介するちゃんと仕様に入りそうなもの(Googleの力技で…も含む) （前半の各ベンダの話はpastak.icon個人の見解を含みます）次ではないフロントエンドなんでも相談室前提知識のコーナー "WebAPI"とは何を指すのか、標準化について ECMAScript Ecma InternationalにてECMA-262という規格番号ほぼLiving Standardという雰囲気もあるけど、年に1回タグが付く ES2020: ECMAScript® 2020 Language Specification 最新の様子: https://tc39.es/ecma262/ Array、Nu
kathew 2020/08/20
api

web

まとめ
リンク
フォームの入力内容を保存するChrome拡張機能【Autofill】
Chrome 拡張機能『Autofill』の導入方法今回紹介する『Autofill』は、Chromeの拡張機能として利用する事ができる、プラグイン的な位置づけの作業系ツールです。『Autofill』をChromeに追加する方法 Chrome 拡張機能の追加方法は簡単で、以下のリンクから『Autofill』のページへ移動し、『Chromeに追加』ボタンを押せば完了します。（※逆に削除をしたい場合は、追加後に表示される『Chromeから削除します』ボタンを押せばOKです） ▼公式サイト Chromeウェブストア - Autofill Chrome 拡張機能『Autofill』の使い方基本的にはWEBフォームの内容を『保存する』事と『読み込む』事がこのツールの主な使用方法になります。それぞれ順番に解説してゆきますね。 1.フォームの内容を保存する Autofillを使ってフォームの内容を保存する
kathew 2020/08/18
chrome

extension

web

development

form
リンク
前のページ 3 4 5 6 7 8 9 10 11 12 次のページ