CSSをすっきりきれいに整形してくれる『ProCSSor』 | 100SHIKIよくあるツールだが、使い勝手が良かったのと、名前が素敵だったのでご紹介。 ProCSSorは、いわゆるCSS整形ツールだ。 開発しているとごちゃごちゃしがちなCSSのソースをきれいすっきり見やすくしてくれる。 オプションも豊富で、インデントの桁数が選べたり、一行で一気に書いてしまうかとか、左右に要素とスタイルを分ける、といった指定が可能だ。 リリース前には細かいところにも気をつかいたいモノである。こうしたツールもたまには使ってみるといいかもですな。
サイトやサービスのパフォーマンスをチェックして改善点を教えてくれる『GTmetrix』 | 100SHIKI
サイトやサービスを作ったらまずはこれを試してみるといいかもしれない。 GTmetrixはサイトのパフォーマンスをチェックし、どこを改善したら良いかを教えてくれるツールだ。 診断結果ではさまざまな施策を教えてくれるが、優先順位までつけてくれるのはなかなか便利だろう。 また会員登録することで、診断結果の履歴をとることも可能だ。時間をおってどのようにパフォーマンスが改善したか、報告するのに良さそうだ。 最近のサイトにおいては「速度は機能」というのは間違いない。こうしたツールをうまく使いこなしたいですな。
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI
CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さまざまなカスタマイズを施したあとにコードを生成してくれるツールだ。 つまるところ、CSSレイアウトに対応したサイト製作ツールといってもいいだろう。 要素ごとにさまざまな属性を直感的に追加していける点が素晴らしい。インターフェースもシンプルで職人ぽいので個人的に好みである。日本語も入力可能だ。 当然ながら作り終えたあとは「Generate Code」コマンドでコードを生成、そのまま使うことができる。 似たようなツールはすでにいくつかあるが、Drawterの完成度はかなり高いのではないだろうか。是非試してみてもらいたい。
あのサイトがどの技術で作られているのかがわかる『BuiltWith』 | 100SHIKI
あのサイトがどの技術で作られているのかがわかる『BuiltWith』 August 14th, 2007 Posted in 未分類 Write comment エンジニアにとって、これはなかなか素敵なサイトではないだろうか。 あのサイトってどんな技術で作られているのだろう？という疑問に答えてくれるのがBuiltWithだ。 試しにTechcrunchを調べてみると、アクセス解析にはGoogle AnalyticsとMyBlogLog、ブログにはWordpress、広告にはFederated Media、言語はPHPとFlash、文字コードはUTF-8、サーバーのOSはDebian、といったことを教えてくれる。 またそれぞれの技術が他のサイトでどれぐらい使われているかも教えてくれる。例えばGoogle Analyticsはこのサイトに登録されているサイトのうち、42.89%のサイトが使って
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPadで気になるサイトがどう見えるか確認できる『iPad Peek』 | 100SHIKI
今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで
商用利用もOK！BGMなどに気軽に使える無料の音楽素材『Purple Planet』 | 100SHIKI