My Checked JP

EditrはWeb上でHTML/CSS/JavaScriptを編集して結果を確認できるサービスです。最近、Jsdo.itのようにWeb上でコードを書いてその結果を確認できるサービスの人気があります。そのオープンソース版とでも言うべきなのがEditrです。結果ページ。JavaScriptの編集を行えます。こちらはスタイルシート。HTML。この3つを組み合わせて結果ページになります。複数のHTMLを切り替えられます。EditrはHTML/CSS/JavaScriptをWeb上で記述して、その結果もオンラインで確認ができます。ちょっとしたコードを試したり、一部の機能だけを取り出して遊んでみると言った時に使えそうです。EditrはJavaScript製のオープンソース・ソフトウェア（MIT...

デザイナーはときに自分の意思や独自のひらめきで制作物に特徴を出したりするわけですが…それは本当にひらめきでしょうか。実は自由な発想すら規則性に支配されているかもしれないというお話です。

制作会社を頼らずホームページを作成するのに役立つツールを14個紹介します。どれも無料で初心者さんでもホームページ作りに役立てられます。

Type Project

いつか使いそうなのでメモ的にエントリー。 JavaScriptでアニメーションするゲージを作れるのがJustGageだ。 ちょっとしたダッシュボードなどに使えていいのではなかろうか。 もちろん色やアニメーション速度もカスタマイズすることができる。 マークアップも簡単なので覚えておいてもいいですな。 JustGage http://www.justgage.com/ JavaScriptでアニメーションするゲージを作れるライブラリ。 管理人の独り言 『いやはや』 生ハム恐るべし。 今日の運動記録...

かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデ [...]

ウェブページを逆さまにしたり、傾けたり、クリック禁止にしたりなど、ちょっとしたイタズラをブログなどに仕込むjQueryのプラグインを紹介します。 Fool.js Fool.js -GitHub Fool.jsのデモ Fo [...]

WEBサイト制作には、背景素材となるパターンはもちろん、ボタンなどのUIにもパターン処理をすることで、よりWEBサイトらしさを演出することができるのではないでしょうか？そこで今回紹介するのが、WEBデザイン制作に使いやすいピクセルパターンをまとめた「30 Free Brilliant Photoshop Pixel Patterns」です。 GraphicsFuel.com | 15 seamless pixel patterns...

Jolidriveを使えば、複数のクラウドサービスをひとまとめに管理できます。Dropbox、Google Drive、Instagram、Flickr、YouTube、Box、SkyDrive、Facebook、Instapaper、Tumblr、Google+（一部のみ）、Readability、Vimeo、Picasaなどをサポートしています。

シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider - [...]

マウスのホバーやクリックで、ふわりとアニメーションで扇形にツールチップが表示されるスタイルシートのデモを紹介します。 デモは、2種類あります。 まずは、一つ目のデモ。 Creating a Radial Menu in [...]

仕事に対して普段から時々抱く不満と、「本当にこの仕事は自分には合わない」という判断の違いは、どうしたらわかるのでしょうか？ 本当に転職するべき時をいかに見極め、いざ転職する時に跡を濁さないようにするにはどうしたらよいのでしょう。

一枚の板から自由にフレキシブルに変形させることが出来るランプシェード。好きな形に折っていく感じです。 元の形はこんな感じ。 この…

「NoteShred」は閲覧した後自動的に削除されるメモが作成できるサービス。作成したメモを共有できるのですが、指定した時間後に自動的に消したり、相手がメモを開封して読み終わった後に自動的に削除する機能があります。

パネルをアニメーションで垂直・水平・斜めにくるっと回転させるスタイルシートを紹介します。 デモはCSS3アニメーションを使用しているので、最新のモダンブラウザでご覧ください。 各パネルをマウスでホバーすると、くるっとしま [...]

建築をはじめ、様々な分野での活用が期待されています。 まるで映画の世界のように、パソコンで描いた3

本日、はてなブログのサンプルテーマ「Boilerplate」を公開しました。デザインCSSをカスタマイズする土台に適しています。Boilerplate（ボイラプレート）は、必要最小限の見た目だけがあらかじめ調整された、プレーンなサンプルテーマです。このテーマをもとにCSSを記述すると、はてなブログのデザインテーマを比較的カンタンに作ることができます。 Boilerplateテーマの見た目「オリジナルテーマの制作にチャレンジしたいけど、ゼロから作るのは大変」という方のために用意しました。ぜひ、このテーマを使ってCSSのカスタマイズに挑戦してください。もちろん何もカスタマイズしなくても、シンプルな...

副業や起業時にお金の管理はどうすればよいのか？ 個人事業と会社設立 どちらでいけばいいのか 会計や計画書、GoogleAppsから起業の心得まで 今回は副業や起業に使えるツールやサービス...

Ternは入力補完や関数の引数表示と言った機能がついたJavaScript用プログラミング補助ライブラリです。そろそろWebブラウザ上でコーディングを行える環境が整ってきたのではないでしょうか。プログラミングするためのエディタ環境として必要なのはハイライターなどの他にもたくさんあります。その幾つかを提供してくれるのがTernです。入力補完。文字を打つと絞り込まれていきます。変数、クラスの定義を探します。オブジェクトの種類を下に表示できます。変数名を変更します。名前空間に対応しているので余計なところは変更しません。関数の引数を表示します。デモ動画です。Ternでは入力補完、変数やオブジェクトの定義元検索、関数の引数表示、変数名の一括変更と言った機能がサポートされています。いずれもローカルアプリケーションのプログラミングエディタには備わっている機能と言えるでしょう。しかしそれをWebブラウザでもサポートしてくれれば、Web...

画面は非常にシンプルですが、カラーに関して豊富な機能が備わったオンラインツールを紹介します。 Colour Code http://colourco.de/ 、いいドメインだ！ 使い方は簡単です。 カラーの変更 マウスの [...]