Webデザインツールはどれを使えばいいの？
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 Webデザインのためのツール（アプリ）はいくつもあるため、Webデザインを勉強し始めたばかりの方は何を使っていいのか迷うと思います。 この記事ではデザインツールの特徴だけでなく、「カード型UIデザイン」を例にWebサイトのデザイン制作に使用する機能の比較をしたり、アプリ間の連携についても触れていきます。 デザインツールの種類デザインツールそれぞれの特徴Webサイトのデザイン制作に使用する機能の比
いつもの作業が5秒速くなるツールをひたすら列挙するページ
筆者が愛用してやまない作業高速化ツールたちに感謝しながら、ひたすら列挙するページです🙏 Mac専用 Alfread 多機能ランチャ ファイル検索 クリップボード履歴の保存がめちゃくちゃ便利（有償版） Clipyとかも試して、有償版Alfredが一番しっくりきた クリップボード履歴を保存 履歴が残る 筆者は Cmd + Shift + V で発動するよう設定 画像コピーの履歴も保存 履歴の検索 クリップボードでコピーしながらマージできる マージしたい文字列は、「空白区切り」「改行区切り」「区切りなし」を選べる コーディングが捗る スニペット機能（https://zenn.dev/naotolog さんご紹介🙏） 定型文を登録して、呼び出すことができる 穴埋め入力が必要ない場合は Dash よりこちらが良さそう Station 通知の一元化 Slack/Twitter/Facebook/G
2020年の11の必見のフロントエンドトレンド - Qiita
こちらの記事は、Jonathan Saring 氏により2019年12月に公開された『 11 Must-Know FrontEnd Trends for 2020 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 ランチ中のフロントエンドトークでスマートに見られる方法！ チームのランチトークでスマートに見られることは、最新のフロントエンドのトレンドを常に把握しておくための大きな理由であることは言うまでもない。 それは、あなたがより良い開発者になり、より良い技術とより良い製品を作るのに役にたつかもしれない。 たぶんね。 だから、いくつかの興味深い方向を示すことで、この名誉あるクエストを君が簡単に達成できるように少し時間をもらいたい。 すべてのコンセプトについて1から10まで説明するのではなく、そのコンセプトとそれがどのように有用であるか紹介しよう。最後にはさらなるリソー
ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs
フローチャート ※依存関係・フローチャートはJavaScriptのみです。 対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモ デモでは、JavaScriptのコードでその動作を確認できます。 デモページ 依存関係はDependenciesをオンに、フローチャートはFlowChartタブをクリックします。 Code Crumbsの使い方 セットアップ codecrumbをインストールします（yarn global add codecrumbs）。 codecrumbs -d project-src-dir -e project-src-dir/index.jsを実行し、プロジェクトに合わせてパラメータを変更します。-dはソースコードを含むディレクト
試してみたらすごかった！PNG画像を最適化し、ファイルサイズを大幅に減らす無料アプリ -Crunch
無駄な損失が多いPNG画像を最適化し、画像品質の穏やかな部分を利用して、ファイルサイズを大幅に軽量化するmacOS対応の無料アプリを紹介します。 アプリの性質上、得意な画像と不得意な画像がありますが、ほとんどがファイルサイズ半分以下に軽量化されました。 Crunch -GitHub Crunchで最適化した画像 Crunchのインストール・使い方 Crunchで最適化した画像 Crunchで最適化する際の得意な画像と不得意な画像を見てみましょう。 「DSSIM類似スコア」は、0に近いほど画像が類似している値です。 ※DSSIMは人間の知覚をシミュレートして、画像の類似度を比較するツールです。 元画像（size: 325.6 KB） 最適化した画像（size: 124.3 KB） DSSIM類似スコア: 0.001481 Crunchの得意なタイプの画像です。 目で感知できない部分を減少させ
チームの課題から考える、Adobe XDとSketchの導入メリット | PSYENCE:MEDIA
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（@macheri_me）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか？少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
AnimeEffects | 2D Animation Tool
AnimeEffectsは、ポリゴンメッシュの変形をベースとする2Dキーフレームアニメーション製作ツールです。 とっつきやすく、思いつきをすぐ形にでき、心変わりがあればいつでもやり直せるようなツールを理想として開発しています。 主な特徴 移動、回転、拡大縮小などの基本的な変形はもちろん、ボーン変形、自由変形(Free-form Deformation)、不透明度や画像の切り替えなど様々な要素をアニメーションさせることが可能です。 jpg、png、gifなどの基本的な画像ファイルはもちろん、Adobe PhotoshopをはじめとしてEasy Paint Tool SAIやClip Studio Paintなどでも対応されているPSDファイルを読み込む事が可能です。 レイヤーのクリッピング設定や、大部分のブレンディング設定にも対応しています。 ペイントツールでおなじみの、ペンタブレット操作や
Macaw: The Code-Savvy Web Design Tool
Stop writing code, start drawing it. Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool. "The superhot web design tool of the future." Built for today's web designer Responsive Set breakpoints and optimize your site for all devices. Typography Pull in web fonts or use system fo
+DESIGNING vol.34 – ものかの
+DESIGNING vol.34（2013年11月号）の『Glyphs Mini & OTEditクイックガイド』を担当しました。そこで書ききれなかったこと、書き漏らしたこと、書き間違えたことなどがあれば、ここで公開することにします。リンクもいろいろ貼っておきますね。 Glyphs・Glyphs Mini Glyphs が CID-keyed フォントを作成できるようになりました vol.34 の発行時、Glyphs が 書き出せるのは Name-keyed だけでしたが、その後 CID-keyed の書き出しに対応しました。 Glyphs はどこで買えばいいの？ Glyphs の App Store 版は、安定したバージョンのみにしているようで、なかなかアップデートされません。サイトで直接購入の方はアップデートの頻度が多く、新しい機能の追加や不具合の修正などが活発にされています。がっつ
Glyphs Miniで外字をフォント化する方法 - 帰ってきた💫Unicode刑事〔デカ〕リターンズ
フォント制作ソフトのGlyphsが話題ですねー。 うん。エントリ版のGlyphs MiniのほうをApp Storeで買ってみたぞ。 買ったんだー。どうでしたか？ オリジナルフォントを設計したいならフルバージョンのほうがいいんだろうけど、「Illustratorで作った外字をフォント化する」っていう用途なら、Miniでも十分いけるかんじ。やってみようか？ やりましょう！ じゃあまず、［File＞New］で新規ファイルを作って、と。 わあ、心ときめく画面ですね。ウインドウの左下の素敵にカラフルな部分は何なんですか？*1 知らん。 ええっ？ そんなことより、［File＞Save］でファイル名を付けて保存するぞ。ファイル名は「GAIJI」とでもしておこうか。これはフォント名とは別ね。 ……はあ。 次に、［Glyph＞New Glyph］で新しいグリフを登録しよう。これで「Other」のところに空
クリエイター向けの高価なソフトに代わるリーズナブルなソフトウェアたち（Mac） | ライフハッカー・ジャパン
画像や動画の編集など、OS X には数多くのクリエイティブ系ソフトが存在しますが、その多くは入手するのにそれなりの投資金額が必要です。 ですが、それほど多機能なソフトでなくてもよい場合、パワフルながらもリーズナブルな価格帯のツールで充分です。今回はリーズナブルな価格帯で購入できるお役立ちツールを一挙に紹介していきます。 画像編集／デジタルアートワーク／小説・脚本の執筆／動画編集の4ジャンルに分類しています（※各アプリの価格は、2014年1月13日現在のものです）。 画像編集 〜『Pixelmator』一択か 画像編集には『Photoshop』が王道ですが、そこまで多機能なツールがどうしても必要というわけでもないことがほとんどだと思います。 安価で入手できる画像編集ツールとしては30ドルで購入可能ながらも Photoshop に決して劣らないパワフルでグレートな『Pixelmator』の最新
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
VR動画をiPhoneで楽しむ日々
オナニーしないと落ち着かないです！もしかしてあなたも？（笑） 長尺！13射精！制服ギャル風俗で抜かれまくるッ！「イッパイ我慢して！そしたらいちかが…イカせてあげるから…」アナタの耳元でハァハァ囁かれ焦 …
PIXELAPSE and DROPBOX
Five years ago, Min Ming and I had this notion that designers didn’t have access to the same types of structured collaboration tools that programmers had built for themselves with CVS, SVN and later git. Min Ming had worked as a designer at Google where he found that assets were internally organized in a single massive shared folder. Finding the latest version of a file was nearly impossible with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
【フォントの作り方】イラレ→OTEdit - 遠近法ノート
Assistor PS
2クリックで10GBも空き容量が増えた！Macの大掃除にMagicanは試してみる価値がある！｜男子ハック
国内精品久久久久影视老司机,国产精品久久污,青青操操青青操,伊人九九中文字幕