サイト製作の練習に便利そうなツールのご紹介。 rendurを使えば、ブラウザだけでHTML、CSS、JavaScriptの編集ができ、その結果をリアルタイムに確認することができる。 もちろん日本語もOKだし、HTMLやCSSの命令文の色を変えて見やすくすることもできる。 本格的なサイトをつくるにはもちろん十分ではないが、ちょっとした構文を試したいときに便利なのではないだろうか。
![HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ~ 世界のアイデアを日替わりで ~](https://cdn-ak-scissors.b.st-hatena.com/image/square/8c53df378c42e341b13dc5eca9059a1e85c28900/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F200902%2F20_logo.gif)
ブラウザをシミュレートしたウェブデザイナー向けのスケッチブックの素材をCarrer web logから紹介します。
CSSのツールを便利に使ってみたい。 そんなときにおすすめなのが、『40+ “Must see” CSS Tools』。見ておきたいCSSツール40選だ。 以下にいくつかご紹介。 » CSS Type Set CSSをいじりながらフォントを確認できる。↑のキャプチャはこちら » CSS Sprite Generator 「80×15」「88×31」のボタンジェネレーター » CSS Optimizer CSSを圧縮してくれる » Grid Designer 2 カラム数と幅を指定することでグリッドを作ってくれる » Em Calculator ピクセル値を相対値であるemに変換してくれる その他のリストは以下から。 » 40+ “Must see” CSS Tools 見ておきたいCSSツール、チェックして使ってみてはいかがだろうか。 今日もいい天気ですねー。がんばろう。
Brusheezy!に登録されている、閃光、爆発などの光や風などを表現できるフラクタル&アブストラクトなPhotoshopのブラシの紹介です。
Pandemi masa oyunu: Hangi sürümü almalısınız? Pandemik masa oyunu bir dizi farklı türe dönüşmüştür, bu yüzden hangisini almanız gerektiğini anlamanıza yardımcı olmak için tüm sürümleri açıklıyoruz. Devamını Oku Enclave Audio CineHome PRO incelemesi: ev sineması yeniden ziyaret edildi Enclave Audio CineHome Pro, hepsi bir arada cihazlardan bir adım ötede olan bir 5.1 sinema sistemidir. Devamını Oku
重要なお知らせ:このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 Webデザインに黄金比を取り入れよう - Re:Creator’s Kansaiに、黄金比をWebデザインに活用する海外の記事の翻訳が載っていました。 黄金比とは、最も美しいとされる比「1:(1+√5)/2」のことで、近似値は1:1.618、約5:8です。「その美しさをWebデザインでも」というのがエントリの趣旨です。 Webデザインの場合、横幅を固定し、縦幅は固定しないデザインが一般的です(ディスプレイサイズを考え、文字数の増加は横方向のスクロールなしに、縦方向へのスクロールで対応している)。Flashで作られたサイトなどは、縦幅も横幅も固定している場合があります。 Webデザインに黄金比を取り入れようとした場合、全体の横幅と横幅の比からそ
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Webを連続キャプチャして画像化するWebSwoon スポンサード リンク 非常に単純なのだけれど便利なツール。 ・WebSwoon - The web photographer http://www.intellitamper.com/webswoon/ 「 http://www.google.com/ http://www.yahoo.com/ http://www.altavista.com/ 」 とWebのURLを並べたテキストファイルを用意しておくと、WebSwoonは自動的にURLを表示して、画像として保存してくれる。100とか200のWebサイトのイメージをプレゼンしたい場合に、作業を圧倒的に効率化できる。人によっては一生使わないのであろうが、編集者など必要な人にとっては目に涙の感謝ツール。 同種のツールは他にもあったが、WebSwoonは設定が細かく、気が利いている。 たと
こんにちは。ブログの担当ディレクターの久野(きゅうすけ)です。 Google ウェブマスター ツールは、Googleの検索エンジンやクローラに、サイトがどのように見られているのか知ることができるツールです。livedoor Blogでも、ウェブマスターツールを導入し、主にSEO対策として活用しています。 Googleによるウェブマスターツールの解説 livedoor Blogでの実践例 - titleとdescriptionの改善 SEO対策で重要な点としてよく言われるのが、ページのtitleタグとdescriptionタグです。大量のページが存在する大規模なサイトを運営している場合などは特に、HTMLのテンプレートを使い回してしまい、titleタグとdescriptionタグのまったく同じページが生成されてしまうことがあります。こうしたページが検索結果に引っかかったとしても、表示されたt
Search Engine Journalのエントリーから、ページの構造を把握したり、コードを確認するのに便利な7つのFirefoxの機能拡張を紹介します。 注意書きが無いものは、Fx3で動作します。 7 FireFox Extensions to Explore Page Source Code
黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連
タカミコーポレーションは、サイトの「リンク力」がわかり、SEO対策にも重要な被リンクを調べることが可能なツール「被リンクチェックツール」の提供を開始した。 被リンクチェックツールは、他のサイトから自分のサイトへ向けられているリンクを調べることが可能なサービス。被リンクはバックリンクとも呼ばれ、他のサイトから自分のサイトへ向けられているリンクを意味する。本サービスでは、自分のサイトやライバルサイトに、どのようなワードでリンクが貼られているかを調べることが可能。 また、リンクが貼られている全体の数や、被リンクのページタイトルとURLのほか、リンクが貼られている文字列や画像を知ることができる。利用方法は、被リンクを調べたいサイトのURLを入力するだけで調査が可能。利用は無料となっている。
Firebugをよく使っている。 そんなあなたにおすすめなのが、『The Five Best Firebug Extensions』。便利なFirebugエクステンション5選だ。 以下にご紹介。 » YSlow ページのスピード判定をしてくれる » Firecookie 現在サイトにアクセスしているすべてのCookieを見ることができる » FirePHP PHPのデバッグ機能をFirebugと統合 » Pixel Perfect デザイナーのためのアドオン。透明のモックアップをオーバレイ表示してくれる » Rainbox Javascriptを緑に、予約語を青になど、ソースを色分け表示してくれる 便利なFirebugエクステンション、チェックしてぜひ使ってみてはいかがだろうか。 表参道のオープンカフェでブロギング中。とても快適でございます。綺麗な人ばかりが通り過ぎていきます。 最近よくい
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く