1クリックで、Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる無料ツールを紹介します。 CSSの検証としておかしなスタイル定義・同じスタイル定義・一貫性のないスタイル定義などを見つけたり、スタイルガイドの作成にも役立ちます。 CSS Analyzer CSS Analyzer -GitHub CSS AnalyzerはWallace CLI, constyble, color-sorterなどの便利ツールをリリースしているProject WallaceのCSS解析ツールです。MITライセンスで、商用プロジェクトでも無料で利用できます。 Webサイトで使用しているCSSファイルや自分が書いたCSSのコードを詳細に解析してくれます。オンラインツールとして簡単に利用でき、GitHubでソースが公開されているので、ローカル環境でも利用できます。 さっそくオンライン版で試し
この記事では、「それ、何使ってるの?」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ
便利アプリや当サイトへのお問い合わせは、ログイン後に「質問・要望」からご投稿ください。 メンテナンス等のお知らせは @minhonMTをフォローしてください 〇商用利用に関するお問い合わせは、NICTから自動翻訳エンジンの技術移転を受けている以下の法人様(※)までお願いします。 ・マインドワード株式会社様 https://www.mindword.jp/ ・株式会社川村インターナショナル様 https://www.k-intl.co.jp/ ・株式会社十印様 https://to-in.com/ ・丸星株式会社様 http://www.maruboshi.co.jp/ ・株式会社みらい翻訳様 https://miraitranslate.com/ ・凸版印刷株式会社様 https://solution.toppan.co.jp/newnormal/service/PharmaTra.htm
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像(SVG, PNG, JPG, GIF)の最適化と圧縮、画像の新しいフォーマット(WebPやAVIF)への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の
コロナ禍で一気に進んだデジタル化。そんな昨今でも特に請求書など、送ったデータを「紙でほしい」なんて言われることもあるかもしれない。わざわざ印刷して、封筒と切手を買って、ポストに投函して……と考えると、コスト以上に面倒臭すぎる。プリンタが家にない人にとっては、コンビニに駆け込んでプリントアウトするしかない(封筒と切手も買えるから一石三鳥かもしれないが……)。 そんな悩みを解決するサービスが最近Twitterで話題になった。日本郵便が提供している「Webレター」だ。簡単に説明すると、文面/宛名印刷、封筒詰め、切手貼り、発送を白黒なら1通99円からやってくれるというもの。ページ追加にも対応しており、1ページ当たり5円(最大8ページまで)。コンビニのネットプリントよりも安い。カラーは146円(同52円)。支払いはクレジットカードと料金後納に対応する。 初めにユーザー登録が必要だが、あとはWebレタ
この記事では、Webデザイン制作を楽にする最新オンラインツール43個をまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Web制作便利ツール Layout Patter
CSSやJavaScriptのミニファイ(軽量化)、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff(ファイル比較)など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。 いろいろなツールが揃っているので、ブックマークしておくと便利です。 SmallDev.tools smalldev-tools -GitHub SmallDev.toolsの特徴 SmallDev.toolsは、Web制作に役立つさまざまなツールが一箇所でまとめて利用できる便利サイトです。完全に無料で利用でき、登録など面倒なことは一切ありません。 最小限のインターフェース🤩 電光石火の速さ⚡ 広告はなし💩 プライバシーフリー🔐(データはすべて、サーバーに
PCやスマホで地図サービスが使えるようになったことで、ルート検索はもちろんのこと、地図の拡大縮小、さらには路線図や道路地図、航空写真などを目的別に切り替えて利用するのも当たり前となった。紙の地図では考えられなかった、電子ならではの利点と言っていいだろう。 こうした地図サービスのプラスアルファの活用方法として、複数の地図を並べての比較がある。他地域との比較、新旧地図の比較など、単一の地図サービスにはない視点を提供してくれるこれらサービスを使えば、対象となっている地域をより深く知ることができる。これもやはり、電子ならではの利点と言っていいだろう。 今回は、こうした地図同士の比較を軸に据えた、ブラウザ上で利用できる4つのサービスを紹介する。 国同士のサイズを比べられる「The True Size Of ...」 「The True Size Of ...」は、国同士のサイズを地図上で比較できるサ
この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.
Qiita初投稿失礼します、たぬきっつぁんと申します。一応高校生です。 2年ほど前から勉強し始めたHTML/CSS/JavaScriptを使って初めて作った、ネット検索を便利にするために作ったサイトについて紹介します。初めて技術系の記事を書いたので読みづらい点もあると思いますが、よろしくお願いします。 更新(2021/07/01):Instagramボタンの機能と検索機能を一部修正したため記事を修正しました 更新(2021/04/22):Ultimate searchのキーワード選択メニューが自分でカスタマイズできるようになりました! Googleっぽいサイトを作ってみたい! 最初の動機はそんな感じでした。Googleのサイトってとてもシンプルなのでデザインだけなら自分のような初心者でも作れるのではないかと思った次第です。 しかし完全に同じサイトを作るのはただのコピーサイトになってしまうの
Googleドキュメント、スプレッドシート、スライドで便利な小技21選2020.01.03 12:0038,749 David Nield [原文] ( mayumine ) 知らなかったら覚えてほしい。 Google ドキュメント、スプレッドシート、スライドは、どのコンピューターからでもアクセスできて、世界の人々の仕事の生産性を上げるツールに進化してきました。毎日使っている人も多いと思われるGoogleのツールですが、充分に活用できていると思いますか? これから紹介する21の小技で、劇的に作業効率を上げ、時間を短縮し、生産性が爆上がりするかもしれません。 1. URLから直接新規ファイルを作成するブラウザに直接、docs.new、sheets.new、 slides.new と入力することで、Googleドライブを起動せずにファイルを新規作成できるショートカットです。 ショートカットはい
有料無料、有名無名問わず。 ブコメで見かけたRAINDROP.ioを知らなかったのがきっかけなんだけど 自分のネット環境が相当古くさくなってるようで、なんとか更新したい ミーハで恥ずかしいけど自分が普段使ってるものを何個か上げる 情報収集ははてぶとRSSリーダー、情報の整理はScrapbox、文章はDropbox Paper(NotionやOneNoteは合わなかった) 音楽はYoutubeとSpotify、暇つぶしははてブ、Discordのチャット、Podcast 追記:出先なのであまり反応できない、たくさんありがとう、帰ったら読ませてもらいます 追追記:1000とかまじか。練に練ったうんこネタはぜんぜん反応ないのに…素朴に思ったことを書くのって大切だね 多すぎて試していくだけで半日かかりそうだ、とにかくありがとう、トラバもありがとう id:pptppc2 RSSリーダーはTiny Ti
2014年05月16日 これ知らないと損するぞってぐらい便利なサイト貼ってけ Tweet 10コメント |2014年05月16日 12:33|サイトまとめ|Editタグ :便利サイト 1 :名無しさん@おーぷん:2014/05/16(金) 07:10:45 ID:eqtkVDAg4 便利なサイトだけじゃなく 面白いサイトや変わったサイトなどジャンルは問いません。 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 2 :名無しさん@おーぷん:2014/05/16(金) 07:13:02 ID:huYKS2jzI http://offliberty.com/ これとか 4 :名無しさん@おーぷん:2014/05/16(金) 07:14:27 ID:er8H4Snax 原寸画像検索 http://gensun.org/ 6 :名無しさん@おーぷん:2014/05/16(金) 07
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
こんにちは。enjiです。 おかげさまで前回のまとめ()が2500ブクマ超えという 反響を頂きありがとうございます。 Webで生きていくなら絶対にあった方が良い道具のまとめ 僕が知っているおすすめを続けてご紹介致します。 今回はWeb関係者はもちろん、そうでない方にも生活で便利な僕の知っている商品をお伝えします。 [PR] 犬のアレルギーにお勧めのドッグフード 目に優しい。 アーム型タッチインバータ蛍光灯 ブラック LK-H766B 光が直接目に入らない設計で目にやさしいデスクライトす。 作業面を均一に明るく照らし、PCに当てても反射を感じず快適に使用できます。クランプ固定式なのでデスクも広く使えます。デスクワークに最適な光をお探しの方には一押しのライトです。 http://www.twinbird.jp/product/lkh766/ どんな火でも消す! “ほこたて”でお馴染みの コール
財布や携帯をなくしたときなどに、重要な情報が手元になくて困る時があります。 そこで筆者は、データにしておけばなんとかなるものというのは、Evernoteにいれていたりします。 あくまで個人的な一例ではありますが、参考になればと思いまとめてみました。 Evernoteを使ってない人は手帳に書いてあっても便利だったりします。 万一、Evernoteのアカウントとパスワードが漏洩すると、これらの情報すべてが漏れてしまいます。また、Evernote社のサーバに個人情報を保存することに不安を感じる人は、この方法は避けたほうがいいでしょう。情報管理は自己責任で! ■前提 ここで入れる情報は「他では探すことができない情報」になります。 たとえば、よく行っているお店の情報というのは、Googleで検索すれば出てくるわけで、入れなくても大して問題になりません。 「自分だけが知っている必要のあ
こんにちは。 WEBサービスを利用すると、その商品の価格が簡単に比較でき、最安値がわかるようになりました。 そこで今回は、買い物をする時に損をしないように、その業界の最安値がわかり、しかも比較もできる便利なWebサービスを集めてみました! スカイスキャナー(航空券) 行き先を入力して検索すると、自動的にあらゆる航空会社のサイトから料金を安い順に並べてくれます。海外旅行の時は、いつも使わせていただいています。便利! [browser-shot url=”http://www.skyscanner.jp” width=”550″] エクスペディア(航空券/ホテル) こちらは、ホテル·航空券·ツアーの最安値を検索できるサイトです。ホテルの写真もたくさん見れるので、「宿泊施設」を探すときには重宝しています。 [browser-shot url=”http://www.expedia.co.jp”
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く