Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ
Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。
たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮＆最適化してくれる『zbugs』 | 100SHIKI
これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素敵でシンプルなので一度試してみるといいですよ。
サイトの訪問者にリアルタイムで直接話しかけることができる無料サービス「webchat(ウェブチャット)」 - GIGAZINE
DELLのサイトにはオペレーターに直接ページを見ている訪問者が話しかけることのできるリアルタイムチャットなどがあり、海外ではサイトの訪問者が管理人やサポート担当者に話しかけることができるチャットシステムというのは割とザラにあるのですが、この無料サービス「webchat(ウェブチャット)」は逆も可能になっています。つまり、サイトを訪問してくれている人にリアルタイムで話しかけることができる、というもの。 基本機能の利用は無料となっており、発行されるタグを埋め込めば準備が完了するので極めて簡単に導入可能。誰がどのページを見ているかを専用ソフトで見ることができるため、ちょっとしたリアルタイムアクセス解析ツールとしても使えます。 実際に導入する手順や使ってみた感想は以下から。 webchat(ウェブチャット) - ウェブサイト埋め込み型チャットサービス http://www.webchat.jp/
ウェブデザイン用超便利ツール集:phpspot開発日誌
Web Design Toolbox: 130 New Tools to Make You a Better and Faster Designer ウェブデザイン用便利ツール集 ブロックレイアウトなんかをウェブ上から簡単に作れるツールなんかをまとめたエントリがあがってました。 YAML Builder - 複雑なカラムレイアウトもGUIで簡単作成 Sky CSS Tool - CSSオーサリングツール The Box Office - イメージにあわせて以下のようにテキストの位置を指定したページをジェネレート CSSTXT - CSSでのテキスト整形をプレビュー付で確認しながら生成できる izzyMenu.com - メニューを簡単作成 pForm - フォームを簡単作成 Roxer - ドラッグ＆ドロップでページを簡単作成 Wirenode - モバイルサイト作成 doodleki
サイト制作に役立ちそうなWeb 2.0的ツールが400以上まとまっている『Web2Rain』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 紹介されているツールはきちんと機能別にタグ付けもされているので、ピンポイントな要望にも応えてくれるだろう。またタグクラウドやキーワード検索にももちろん対応している。 日々登場するネットツールの全容をつかむことは難しい。こうした探しやすいサイトは知っておいても悪くないですな。
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
MOONGIFT: » 文句なしのWiki「MindTouch Deki Wiki」:オープンソースを毎日紹介
完成形を見てしまった気がする。それくらいできが良い。 これまでWikiエンジンを幾つも紹介してきた。もちろん、機能面ではもの凄く充実しているものも数多い。だが、使い勝手や初期状態での機能等を考えると、これがまさに完成系と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはMindTouch Deki Wiki、エンタープライズ向けのWikiエンジンだ。 欠点がなさすぎる。日本語はもちろんOK、Ajaxを使って遷移の少ない作り、履歴管理＋差分表示にももちろん対応している。編集はWYSIWYGなテキストエリアでできる。 ヘッダを作れば、その中だけで編集できる。画像をアップロードして、埋め込むのも簡単。ページの階層管理もできて、タグも使える。ウォッチリストに登録、コメントをする、RSS配信など何でもござれだ。 さらに多言語対応、Google Analyticsを埋め込めるなどな
１００のすさまじい高画質Photoshop用ブラシ*ホームページを作る人のネタ帳
すごいです。 すごいまとめ方です。 『100 Awesome High Resolution Photoshop Brushes』というエントリ。 見るとPhotoshopのブラシがずらずらずらずらとまぁほんとにすごいです。 Photoshopを使わない人にも確実にお勧めするエントリ デザインのインスピレーションにはもってこいではないでしょうか。 逆にPhotoshopなんてつかわなーいという人がこういうのをみてPhotoshopいいかも・・・とかおもったりしちゃうかもしれないですね。 色々あるから迷ってしまうかも・・・。 こういうのとか こんな素敵なのとか こういうユニークなものまで。 なんだか楽しくなってきました。 皆さんも是非。 『100 Awesome High Resolution Photoshop Brushes』
100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」:phpspot開発日誌
100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 2007年08月20日- Photoshop Brushes, Adobe Photoshop Brushes Free Download 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」。 例えば、雷のブラシを使って次のようなクールな画像を作ることが可能です。 他にも髪の毛のブラシなんてのもあります。とてもリアル。 以下のようなカテゴリにそれぞれ分かれていて、ブラシを探すのも便利です。 Abstract (10) Fractals (6) Grunge (19) Misc (18) Nature (19) Objects (10) Ornaments and decorative (17) Signs and symbols (8) Spa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
Photoshop無料ブラシで簡単にサイトの背景を描いてみる - DesignWalker
あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM