公開日: 2015/08/28 | 更新日: 2017/05/29 Minify処理などで難読化してあるスタイルシートのコードに、インデントや改行を付けて見やすく整形するツールです。他サイトのCSSを分析したい時、間違えてMinify前のコードを消してしまった時などにご利用下さい。 変換「変換前」のフォームに、コードを入力するか、ファイルをドロップして下さい。「変換後」のフォームに変換結果が表示されます。
CSSのコード整形ツール
公開日: 2015/08/28 | 更新日: 2017/05/29 Minify処理などで難読化してあるスタイルシートのコードに、インデントや改行を付けて見やすく整形するツールです。他サイトのCSSを分析したい時、間違えてMinify前のコードを消してしまった時などにご利用下さい。 変換「変換前」のフォームに、コードを入力するか、ファイルをドロップして下さい。「変換後」のフォームに変換結果が表示されます。
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
多様なフォーマットに対応！ドキュメント変換ツールPandocを知ろう - Qiita
追記（2020.4.19） Pandoc User’s Guideを日本語に全訳しました。 よろしければご参照ください。 新しい翻訳をプレリリースしました！（翻訳途中の部分もあります） Pandocユーザーズガイド 日本語版 [2.7.2] — 日本Pandocユーザ会 2019.02.21 ドキュメント 旧日本語版：Pandoc ユーザーズガイド 日本語版 はじめに 今回は、ドキュメント作成Tips Advent Calendar 2012の1日目 （マインドマップから全てを紡ぎ出す - XMind+Pandocのドキュメント作成術 -） で少し紹介したPandocというツールについて、もう少し深く掘り下げて紹介したいと思います。 MarkdownとかreStructuredTextとか、流行ってますよね いわゆる軽量マークアップ言語が最近流行しています。特にMarkdownは猫も杓子も
FigmaではじめるUI（Web）デザイン｜Part1｜Nao Komura｜note
Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思います。 というより、昨今はデザインツールが多すぎてシンドいことこの上ないですね。一度効率化の味を知ると更なる効率化を追い求めてしまいますし、そんな現状だと日頃から使用しているツールを変えるのも一苦労です。 ......さて、今回は初心者〜中級者くらいまでに向けてFigmaで作るUIデザイン入門的な記事を書いていこうと思
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
UXデザイナーが備えておきたいツール・サービス厳選20個まとめ
UXデザインとはユーザーエクスペリエンス(UX)、Webサイトやアプリの使い勝手やユーザーが体験する満足度を重視したデザインのことで、あなたが満足するデザインをつくってもユーザーが使いやすいと感じなければUXが良いとは言えません。 ユーザーのリサーチやテストやフィードバック、プロトタイプやワイヤーフレームの作成、クライアントやチームメンバーとのコラボレーションなどに役立つツール・サービスを紹介します。 20 Valuable Tools For UX Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ユーザーのリサーチ・テスト・フィードバック プロトタイプ・ワイヤーフレームの作成ツール コラボレーションのツール ユーザーのリサーチ・テスト・フィードバック ユーザーのリサーチは、プロトタイプを制作する前におこなう
これでもうアイコンを探す手間がなくなる！PhotoshopやIllustratorで利用できるアイコン素材を簡単にダウンロードできる無料アプリ -Icons8 App
Macだとツールバーから、Winだとタスクバーから、14,700個のアイコンがコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Officeなどのさまざまなソフトウェアで簡単に利用できる無料アプリを紹介します。 14,700個はビジネスからホビーまで全39カテゴリ、すべてIcons8のアイコンなので、同じテイストのデザインで非常に高品質です。下部にはプレゼント企画もあるので、チェックをお忘れなく。 応募期間は、2015年7月30日で終了しました。 Icons8 App Icons8 Appのインストールは、下記ページから。 上部でMac用・Win用を選択すると、下部の「Donwload Icons8 App」がそのOS用に変わるのでダウンロードしてください。 ※ダウンロードにはメールアドレスが必要です。 Icons8 App どんなアイコンが利用で
離婚回避マニュアルを購入したいと思っているなら・・・ ｜ 口コミ・レビュー投稿 E-BOOKデータベース
離婚回避マニュアルを購入しようとしているなら、こちらのリンクをよく確認したほうがいいです。 このWEBサイトで、女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～の購入によって一体何ができるのかを、よく理解してから購入されることをおすすめします。 また、レビューや口コミが掲載されていれば、それもよく確認しましょう。 次の女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～に関した情報も購入の参考になるかもしれません。 販売商品名称：女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～ 教材説明：画期的な究極の離婚回避マニュアルをご紹介します。絶対に離婚したくない夫に徹底的な女性目線でお伝えする、離婚回避バイブルです。市販のマニュアルの多くは、男性が男性目線で書いたものであり、「妻の感情」をまったく無視しています
ペンチやカギ製の深海生物が生命のドラマを繰り広げる「The Deep」
深海には地上とは違う変化の形を遂げた変わった見た目の生物たちがいますが、そんな深海生物たちをペンチやチェーン・カギ・ナイフなどで表現し、弱肉強食な命のドラマを繰り広げているムービーが「The Deep」です。 The Deep by PES - YouTube 画面に現れたのは工具で作られた魚。 カギやチェーンなどで作られた生き物たちのあふれる深海を泳ぎます。 バターナイフのようなものを組み合わせた魚もぷかぷか。 硬い体の軟体生物たち。 小さなペンチが大きなペンチについた微生物を食べています。 大きなペンチが勢いをつけて過ぎ去ってしまうと…… 置いてけぼり。 ホウボウのように海底を歩く魚もいます。 シーラカンスっぽい感じ。 ラッパに近寄っていく小さな魚。 中からにゅっと伸びてきた触手で掴まれます。 慌てて逃げ出しました。 海中を漂うカギに近寄っていくペンチ。 カギを食べようと口を開くと……
これなしでは生きられないアプリ特集「Mac編」：Lifehacker Pack for Mac 2014 ｜ ライフハッカー［日本版］
itou - MacOS,Webアプリ,アドオン・拡張機能,ソフトウェア 10:00 PM これなしでは生きられないアプリ特集「Mac編」：Lifehacker Pack for Mac 2014 Macには便利で楽しいアプリがたくさんあります。中でも、いくつかのアプリは「それなしでは生きられない」ほど便利です。今回は、生産性、コミュニケーション、メディア管理など、それぞれの分野における米Lifehackerイチオシのアプリを集めた「Lifehacker Pack for Mac 2014」をご紹介します。 生産性向上ツール Alfred 昨年の米LHのイチオシは『Quicksilver』でしたが、今年、ランチャーの王者に選ばれたのは『Alfred』です。さらに多機能になり、いくつかの素晴らしい自動化機能も追加されました。無料版もありますが、さらに高度な自動化や、細かい設定にこだわりた
１，２，３で簡単に画像の切り抜きが出来る神Webサービス２つ
画像の背景をけして、目立たせたいオブジェだけをのこす切り抜き。これをWebサービスでちょちょいとやりましょう。 手軽に使える 画像で説明しようと思ったけど、使ってる風景みたほうが速いので早速使ってるところを動画にしてみた。 どうですか、速いですね。 ただ、ここでちょっとショッキングなお知らせがあるんですが、実は2ヶ月前まで無料で使えていたので、「記事にしますリスト」に追加してた情報でした。ところが、本日確認したところ有料に・・・。すこし無念です。 https://clippingmagic.com/ 15ダウンロードで、月額約3$（一枚あたり20円）です。100ダウンロードだと月額8$（一枚あたり8円）です。 この事実に気づいたのが動画作成後で、無料サービスを紹介したかった私としては非常に忍びない気持ちでいっぱいでありますが、有料無料問わず、いいものはいいですよね。とりあえずアップだけして
【この発想はなかった】身近なアレをこう使っちゃう!? 今すぐ活用したくなる “素敵ライフハック” 16選 | ロケットニュース24
ちょっとしたアイディアと技で生活をより楽しく、効率的に。「ライフハック」とはそんな小粋な技のことだ。 今回は、そんなライフハックの名にふさわしい楽しくて、「お！」と思ってしまう素敵なライフハック16選を紹介したい。見たら、目からウロコがポロポロ!! きっと今すぐ活用したくなっちゃうぞ！ たとえば…… 包丁で切るのが難しい柔らかなケーキやチーズは、歯間のゴミをとる「デンタルフロス」で切ると型崩れなし！ また、スマホを早く充電させたいときは、「機内モード」にすれば良し。それが無理ならせめて「Wi-Fi」を切るだけでもスピードが大分違うそうだ。充電でショップに預けるときなどにやっておくと便利である。 なかでも個人的に「やってみたい!!」と思ったのは、PCのキーボードの隙間に入ったゴミはポストイット（付箋）で取ればよいというもの。付箋の粘着部分をキーボードのボタンに間にスーッと滑らせると……ゴミが
白の要素を透明にするPhotoshopアクション - saucer
少し前にTwitterでユミソラさん（@yumisora）とロゴの抽出についてお話していて、以前「Photoshop 楽・速・美」という書籍で書いた「炎を奇麗に抽出する」というネタを思い出したので、画像の白い部分を透明にするように内容を展開してアクションにしてみました。興味があれば使ってみてください。（2014.2.8 15:55更新） どういう処理ができるか画像の中の白い部分を透明にします。グラデーションなども半透明でキレイに抜けます。グレースケール画像に限っては、エッジのフリンジ（ギザギザ）もない状態でキレイに抽出が可能です。白黒のロゴや線画をすばやく透明化したときは、便利に使えるんじゃないかと思います。 ダウンロード以下からどうぞ。zip圧縮していますのでダウンロードしたあと解凍してください。今のところCS5、CS6、CCでの動作を確認しています。もしそれ以下のバージョンで欲しい方が
Illustratorで画像トレースする方法！落書きからイラストを作ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース！！ 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して
Coveloping
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
新しい Macbook Pro に何はさておきインストールした15のツールと1つのフォント
新しいマシンが届いたので、今回は一から環境構築を行いました。環境構築も楽しい @azur256 です。今回は移行アシスタントは使っていません。まずは環境構築に必須となるツールからインストールしましたので、ご紹介します。 15のツール群 新しいマシンが届けば開封してから、急いで環境設定をします。 とうとうMacbook Pro 13 Retina Late 2013がやってきました。やっぱり美しいです 早くこの美しいマシンを使うためにいち早く導入した、どれも便利なツールをご紹介します。 Alfred インストール中はいろいろなウィンドウを立ち上げるので、ランチャーアプリの Alfred をインストールしました。LaunchBar を使っていた時期もありましたが、Dash と連携できるので最近は Alfred を使っています。キーボード操作でアプリケーション名を入れるだけで、簡単にアプリケーシ
デザインやアート・お絵描きなどの作業がかなり捗る便利な機能拡張 -NKS5
等間隔に水平・垂直にガイドを設定したい、よく使うブラシのサイズを登録しておきたい、方眼紙やカンバスで新規ドキュメントを作成したい、鉛筆やボールペン・マーカー・水彩・エアブラシなどすぐに使いたい、ノイズやブラーやグロウなどをブラシ感覚で使いたいなど、さまざまな機能が備わったPhotoshop CS5, CS5.5, CS6対応の機能拡張を紹介します。 NKS5 -Natural Media Toolkit NKS5はナチュラルなエフェクトを便利に使えるようコンパクトにまとめたツールで、小さいツールパレットにさまざまな機能が備わっています。 下記は、Photoshop上のNKS5のツールパレットと簡単な説明です。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr
cocos2d-xおよび開発ツールについて
