なにこれ便利すぎる！ WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン
便利で簡単！Webサイトのプロトタイプが本当に数クリックで作成できてしまうPhotoshopの無料の機能拡張 -Velositey v2
Webサイトのプロトタイプやワイヤーフレームなどに使えるページレイアウトを数クリックで作れてしまうPhotoshop CS6/CC/CC2014対応の機能拡張を紹介します。 今時のコンポーネントが数多く用意されているので、デザインの勉強にもいいですよ。 Velositey v2 Velositey v2とは Velositey v2のインストール Velositey v2の使い方 Velositey v2とは Velositeyをは「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ (1,000 Pocket Thanks!)」で紹介した時からバージョンアップし、機能も大幅に強化されました。このバージョンからCC2014対応です。 Photoshopにインストールすると、最近のWebページで見かけるさまざまなコンポーネントが1クリックで簡単に利用できます。 左上から、
【WordPress】Crayon Syntax Highlighterに乗換え！ソースコードを色分けて行番号表示
「Crayon Syntax Highlighter」の利用メリット ブログでソースコードを紹介する機会が多いなら、次のようなメリットがあります。バージョン「2.6.1」で評価しています。 コードの種類により、タグや関数を自動的に色分けして見やすい 行番号をつけられるので、記事内の説明も容易になる HTML、JavaScript、CSS、PHPだけでなく多くのコードに対応してる CSS（スタイルシート）での整形が不要になる 表示されたソースコードを簡単にコピーできる 「SyntaxHighlighter Evolved」からタグ修正なしで乗換可能 このプラグインに関しては、登録した単語（関数やタグ）にCSSを適用しているだけなのですが、自力で実装するには、かなりの労力と時間がかかりそうです。 私は簡単に自作できる部分については、WordPressプラグインをなるべく使わないようテーマ設計し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これ便利でいいね！WebページのUIエレメントのサイズやマージンが簡単に計れるChromeの機能拡張 -Dimensions
