便利ツールに関する記事一覧

PhotoShopやFireworksで画像の書き出した際に、もう少しファイルサイズを減らせないものかと悩んだことはないでしょうか？
今回は、そんな方たちにおくる画像軽量化サービスを紹介します。

だいぶ前に（笑）天下の「jQuery先生」をお勉強し始めるにあたっての記事を書きましたが、今回から不定期ではありますがもう少し踏み込んで「jQuery先生」に関してご紹介してみようと思います。

そして、最近「ちょっとカッコエエやないの？」と一部で話題のHTML、CSS、JSのコード共有サービス「CODEPEN」を今回から導入してみることにしました。

どうもぴえーるです。
さて先日当マークアップブログの中の人々のデスクが紹介されましたが、今回はそこでちらっと出てきた検証用端末とその管理について少しご紹介しようと思います。

web上で技術者向けにソースコードを公開しているブログの多くが「SyntaxHighlighter」を導入し、HTML、CSS、JavaScriptなど様々な言語のソースを見やすく公開しています。よく見かけますよね？うちでももちろん導入しています！
見やすいソースコードを公開できるだけでなく、長ーいソースをダブルクリックでまるっとコピー出来たり、重要な行をハイライトさせることも出来ます。なんて便利なものがあるんだ！
ということで今回は基本的な導入方法と実際の記述の仕方をメモしていきたいと思います。

Chromeでデバッグ！～デベロッパーツールの使い方～では、デベロッパーツールの画面構成についてご紹介いたしました。今回は、CSSの編集の仕方とJSの実行の仕方をご紹介いたします。

書いたCSSが反映されていない！？ちょっとこのCSS試してみたいんだけどどうなるんだろう？JavaScriptはちゃんと動いている？エラー出てないかな？などなど、Chromeデベロッパーツールが最も活躍するシーンのご紹介です！

デバッグとは、バグと呼ばれる欠陥を発見し、修正することです。

HTMLやCSSを書き始めた頃は、何が問題なのかを発見することも、どうやって直すのかも手探り状態であれやこれやとやってみては修正、やってみては修正をたくさん繰り返していました。

今回は、表示がおかしい原因をより簡単に見つけるためにChromeのブラウザ上で直接HTMLやCSSを修正したり、JSを実行することができる、デベロッパーツールの使い方をご紹介いたします。

WEBデザインに欠かせないPhotoshop。
人それぞれ使いやすかったり効率がよかったりする設定方法や使用方法等があるかと思いますが、 今回はWEBデザインを行う上で設定しておくと便利だな～と思った環境設定をご紹介したいと思います！