06_html・マークアップ

01_新規サイト紹介 04_ウェブサービス 04_ウェブディレクター 05_デザイン 06_html・マークアップ 07_仕事で役立つ情報

簡単!アプリ不要!画像をSVG変換するウェブツール「vectorizer」の使い方

ウェブサイトの制作にあたっては、SVG形式の画像ファイルが必要になるケースも増えてきた。しかしぼくはPhotoshopやIllustratorを持っていないため、アプリを使って自作することができない。 ...

01_Mac 01_テクニック・ツール 01_新規アプリ紹介 01_新規サイト紹介 02_アプリの使い方・活用方法 04_ウェブサービス 05_ウェブブラウザ系 06_html・マークアップ 06_テキストエディタ系 06_ブログ運営 07_仕事で役立つ情報

ブラウザで使える最強テキストエディタ「HackMD」!マークダウン対応でリアルタイム共同編集も可能

こだわりはじめると、どこまでも追求したくなるテキストエディタの世界。 MacやiPhoneにインストールする、アプリタイプのテキストエディタも良いですが、最近ぼくが愛用しているのが、ブラウザ上で使える ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_Windows 06_html・マークアップ 07_仕事で役立つ情報

Excelで作った表をウェブで使えるHTMLに書き出す方法

Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Excelを使って作った表のデザインをそのままWebで展開できたら、そんなに楽なことはありません。今日はそん ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 06_html・マークアップ 07_仕事で役立つ情報

Numbersで作った表をウェブで使えるHTMLに書き出す方法

Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Mac用のExcelソフト「Numbers」。これを使って作った表のデザインをそのままWebで展開できたら、 ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 06_html・マークアップ 06_テキストエディタ系

詳細なMETAやSNSタグを一括で簡単に確認できるChrome拡張機能

ボクはウェブディレクターとして、ウェブページの制作の管理進行を仕事としています。 ページに設定されているMETAの抜け漏れをチェックしたり、画像のaltの確認なども、ディレクターであるボクの仕事なので ...

02_iPhone 02_アプリの使い方・活用方法 03_ウェブブラウザ系 04_ウェブディレクター 05_デザイン 06_html・マークアップ 07_仕事で役立つ情報

ウェブページ内の直線位置や長さを測るのに超便利なChrome拡張機能「Page Ruler」

今日は主にウェブ担当者向けの内容を。 ウェブページのデザインやコーディングをチェックをしていると、こんなことを考えたりします。 「AとBの要素、ちょっとずれてる気がするんだけど、本当に直線位置にあるか ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_ウェブブラウザ系 05_デザイン 06_html・マークアップ 07_仕事で役立つ情報

ページ内の全角英数を半角にするChrome拡張機能でネットサーフィンが快適に

ウェブページを見ていて、全角の数字と半角の数字が入り乱れているサイトを、たまに目にします。ブログの記事やニュースリリースもそうです。 世の中には全角と半角の違いなんて気にもとめないウェブ担当者が結構い ...

01_メール 06_html・マークアップ 07_仕事で役立つ情報 10_効率的な仕事

メモや議事録に大活躍!テキスト文章を読みやすくする文字装飾テクニック

2016/12/8    , ,

パソコンのシンプルなテキスト文章。文字が羅列されてしまうので、なかなかに読みにくいですよね。文章構造もわかりづらくなってしまいがちです。 そんなテキスト文章を読みやすくするために、何かしら試行錯誤はし ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_ウェブブラウザ系 06_html・マークアップ 07_仕事で役立つ情報

Google Chromeからガラケーのブラウザチェック!ユーザーエージェントの追加変更方法

ガラケー。またの名をフィーチャーフォン。いわゆるパカパッカケータイ。今の若い世代においては、その存在を知らない子どももいるのではないでしょうか。 しかし、私のような制作会社にてウェブサイトの制作をして ...

01_テクニック・ツール 06_html・マークアップ 06_ブログ運営 07_仕事で役立つ情報

Win & Mac 対応!マークダウンの表組みをHTMLで取得する方法があった!

先日ご紹介した通り、マークダウン記法を使えば、簡単に表組みHTMLを作成することができます。 ただこれには、「マークダウン記法に対応したアプリ」が必要であり、そのアプリが「HTMLとしてエキスポートで ...

01_テクニック・ツール 06_html・マークアップ 06_ブログ運営 07_仕事で役立つ情報

HTMLで表組み作るならマークダウンが直感的で超簡単だからオススメ

ブログを書いている方なら分かって頂けるでしょう。HTMLで作る表組みが、非常に面倒であることを。 もしその面倒さ加減をまだ知らない方は、以下のリンクを見てみてください。あなたがHTMLでのウェブ制作を ...

01_新規サイト紹介 04_ウェブサービス 06_html・マークアップ 07_仕事で役立つ情報

マークダウン記法だけでスライドが作れてしまうウェブサービス「Biggie」が面白い

簡易テキスト装飾記法「マークダウン」。これを利用して、プレゼン用のスライドが作れてしまうウェブサービスがちょと面白いのでご紹介します。 本当にマークダウン記法だけでスライドが作れてしまう。今回の記事に ...

01_テクニック・ツール 01_新規アプリ紹介 01_新規サイト紹介 02_アプリの使い方・活用方法 04_ウェブサービス 06_html・マークアップ 06_ブログ運営 07_仕事で役立つ情報

マークダウン記法をマスターするためのサイト・チートシート・ツール。

「マークダウン記法」というのをご存知でしょうか。 例えばHTMLで文字を強調しようと思うと、文字をstrongで囲うと思います。ですが、いちいちコードを書くのは面倒ですよね。パソコンならスニペットを使 ...

Copyright© あなたのスイッチを押すブログ , 2020 All Rights Reserved.