正規表現をjsfiddleのようにブラウザで実行、テスト出来るツール・reFiddle
JavaScriptの開発をブラウザ上で 行えるjsfiddleの正規表現版です。 reFiddleはオンラインで正規表現 テストを行えるWebツール。勉強に もいいかもしれませんね。僕も 全然出来ないので学びたい。
Webサービス
シンプルなタスク管理サービス・KanbanFlowを使ってみた
使ってみたら自分のの肌に 合っていたのでシェア。 とってもシンプルなタスク 管理システム・KanbanFlow のご紹介です。地味に性能 も良いですよ。
ベースライングリッド用に表示させる罫線を手軽に利用出来る・Basehold.it
うまく説明できないのでタイトルが ちょっとおかしいかもしれませんが、 HTMLマークアップの際に、行の高さ を調整するのにベースラインのグリ ッドをオーバーレイとして追加できる ようにする、というサービス。
グリッドレイアウトなレスポンシブWebデザイン対応のテンプレートを手軽に生成出来るジェネレーター・Responsify
オンラインで手軽にレシポンシブWeb デザイン対応のテンプレを生成できる というジェネレーター・responsify.it のご紹介。グリッドレイアウトにも 対応可能です。
ページ内の任意のコンテンツを切り取って保存できるウェブクリップサービス・Clipboardを使ってみた
Evernoteやgimmebarのように、様々な Webコンテンツをクリップ、シェアでき るWebサービス・clipboardのご紹介。 まだローンチされたばかりのようなの で使用感などをレビューしてみようと 思います。
reset.cssやnormalize.css、box-sizingなどを選んでシンプルなHTMLのスターターセットを作れるSiimpler
日曜なので軽い話題。シンプルで小さめなプロジェクト用のテンプレを作成するツールです。reset.cssとかnormalize.cssなどを選択してスターターセットとしてDLする事が出来ます。
まとめて読みたい記事や薦めたい記事をリスト化してKindleやiPad、iPhoneなどに送信出来るWebサービス・Readlists
ちょっと良さそうだったのでシェア。 好きな記事やレシピなど、あとで まとめて読みたいページをリスト化 してKindleやiPad、iPhoneなどに送信 したり、ePubに出力させる事も可能 なWebサービス・Readlistsの...
impress.jsを使ったユニークなプレゼンをオンラインで生成出来るWSIWYGライクなWebツール・Impressionist
ユニークなHTML製のプレゼンを生成 出来るライブラリ、impress.js使用 のプレゼンテーションをオンラインで 作れるWSIWYGライクなWebサービス・ Impressionistのご紹介。まだアルファ 版のようです。
CSSのプロパティを検索してブラウザのバージョンごとの対応状況を確認出来るリファレンスサイト・Browser Support
プロパティがどのブラウザに対応 しているかを調べられる、という 検索式のリファレンスサイトです。 バージョン別になっているので、 動かなくて困った、という時に調 べて見ては如何でしょう。
ダミー画像を超手軽に生成出来るWebサービス・PLACEHOLD.ITがやたら便利
昨日知ったWebサービスに久々に感激したので勢いでシェアします。Web制作で必ずと言っていいほど必用になるダミー画像を生成してくれるサービスなんですが、これが個人的にかなり便利でした。
その場でiPhoneやAndroidのユーザーエージェントに切り替えられるChromeエクステンション・User-Agent Switcher
その場でサクッとUAを切り替える 事が出来るChromeエクステンション User-Agent Switcherのご紹介です。 iPhoneやiPad、Androidだけでなく、 FirefoxやIEなどのブラウザにも スイッチで...
CSSを書くとLESS形式にリアルタイムで変換するWebサービス・Css2Less
CSSを書くと即座にLESS形式に変換 するWebサービス・Css2Lessのご紹介 です。使えるかどうかは別にして、 まだLESSに慣れてない方には練習用 になる・・・かもしれない。LESS も慣れるのが大変ですよね。
Facebookのように、顔文字を絵文字に変換するjQueryのプラグインと、絵文字の作成、共有が出来るサービス
参考になったのでついでにシェア。 顔文字を絵文字の画像に置換する プラグインです。Facebookで特定 の顔文字を入力すると絵文字に自動 で変換されますが、そんな機能を 加える事が出来ます。
ノイズのパターン画像をオンラインで生成出来るWebサービス・Noise Texture Generator
土曜日なので軽い話題でもご紹介。 ノイズっぽいテクスチャの背景を よく見かけると思いますが、そう いったパターン画像をオンライン で生成出来るWebサービスです。 地味に便利かも。
穴埋め問題を解くような形式でPHPを学べる勉強サイト・(un)classroom
プログラミングを学べる、みたいなサイト が凄く増えている印象ですが、また似たよ うなサイトを見かけましたのでご紹介です。 実践しながら学べるサイト・(un)classroom。 実践といっても、穴埋め問題っぽい感じで、 手を動かし...
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。
Google Chromeのブックマークをインスタンス検索やタグ分けできるエクステンション・Stashmarks
Google Chromeのブックマークバーに 登録しているブックマーク群をタグで 分けたり、インスタンス検索できる Chromeのエクステンションのご紹介。 整理してるけどブクマしすぎて使い にくくなった、みたいな方に最適か ...
あなたの「プレゼントしたい」欲を支援する国産ソーシャルギフトサービス・Wishcruise
ご連絡を頂いたのでご紹介です。 最近多く見かけるソーシャルな ギフトサービスに新たに仲間入 りした、Wishcruise。手軽に 友人にプレゼントを贈ることが 出来そうですよ。
CSSスプライトをドラッグ&ドロップで作成、保存もできるWebサービス・SpritePad
CSSスプライトの作成、保存、共有が 可能なWebサービス・SpritePadのご 紹介です。少し大きめのプロジェクト 向けのサービスですかね。ドラッグ とドロップで作れるのはちょっと 良かったです。
URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か
ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知...
「WordPressのfunctions.phpによく書くコード」から必要なものだけを選べるサイトと、TinyMCE向けのLORUM IPSUMを発行できるサイト
なんだか良く分からないタイトルですけど。 WordPressのfunctions.phpによく書くコード で好きなコードを選んで発行してくれる、と いうサイトと、WordPressで使われている投稿 エディタ・TinyMCE向けのダ...
Twitter Bootstrapのデザインを簡単に変更出来るWebサービス・StyleBootstrap
今日もTwitter Bootstrapの話。やっと 出たって印象でしょうか・・デザイン を変更できるWebサービスです。こうした 人気のフレームワークでこのように デザインを変更できるのはありがたい ですねー。