ドットインストール代表のライフハックブログ
使う文字の種類 大文字 小文字 数字 記号 紛らわしい文字を使わない (I = 大文字のアイ、O = 大文字のオー、 l = 小文字のエル、 o = 小文字のオー、0(数字のゼロ)、1(数字のいち) ”(ダブルクオォート)、(シングルクオォート)、(カンマ)、.(ピリオド)、:(コロン) ;(セミコロン) 、^(ハット)、_(アンダーバー)、|(パイプ)、~(チルダ))
jqmPhp | HTML Code Generator for jQuery Mobile Framework | jqmPhp jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」。 次のようなコードにより、簡単にjQueryモバイルのページを作れます。 <?php include 'lib/jqmPhp.php'; $j = new jqmPhp(); $j->addBasicPage('', 'Hello World', 'It's works!'); echo $j; ?> addBasicPageメソッドによって、jQueryモバイルでのページを簡単作成可能。 単にページの追加だけではなく、ボタンを追加したり、各種コントロールの追加がPHPで出来るところが特徴です。 以下、jqmPhpで作ったページデモ。実際に動作するデモページはこちら このスマートフ
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。 Initializr - Start your HTML5 project in 15 seconds! [ad#ad-2] InitializrでHTML5のテンプレート一式を作成する方法 HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。 トップページにアクセスし、4つの選択項目から自分の必要なものをチェックし、最後に「Download」をクリックするだけです。 Initializr - Start your HTML5 project in 15 seconds! 選択項目のキャプチャ [ad#ad-2] Initializrで作成されるHTML5のテンプレート
Click the button below to start levelling up your imagery game!
望んだものが一瞬で出来る、そんな便利なジェネレーターを集めました。これで遅刻しても、納期に間に合わなくても、夏の宿題忘れていても、たいていのことは笑って許されると思います。ぜひご活用ください。 ※ジェネレーターの利用は自己責任でお願いします。 (安藤昌教/デイリーポータルZ編集部)
「Favigen」は、画像からファビコンを作ってくれるサイトです。非常にシンプルで、画像をアップロードするだけでファビコンが完成しますよ。 以下に使ってみた様子を載せておきます。 まず、Favigenにアクセスしましょう。ファビコン化したい画像を指定して、アップロードします。大きさは、16px、32px、64pxの3種類から指定可能です。 しばらくすると、ファビコンが完成します。 「Download your favicon.」をクリックするとダウンロードできます。親切にも右下に、ファビコン設置用のHTMLコードもあります。コピペして利用しましょう。 シンプルで分かりやすいので、迷わずささっとファビコンを作れますよ。ブックマークしておくと便利です。 Favigen (カメきち)
Photoshop風のインターフェイスを備えた、とっても使いやすいCSSグラデーションを作成するオンラインジェネレーターを紹介します。 Ultimate CSS Gradient Generator [ad#ad-2] 生成されるスタイルシートは、moz系(Firefoxなど)、webkit系(Chrome, Safariなど)だけでなく、旧ブラウザやIE用のfilterも生成されます。 生成されたスタイルシートの例 background: #eeeeee; /* old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #5E5E5E 42%, #cccccc 70%, #cccccc 87%); /* firefox */ background: -webkit-gradient(linear, left top
ロード中に表示するアイコンが簡単に作れるジェネレータです。 アイコンの種類も豊富にあり、色も自由にしていできます。 アニメーションの速さも設定でき、自由にカスタマイズできますよ。 ローディングアイコンが欲しいかたは、ここで作っちゃいましょう。 以下に作り方の流れを載せておきます。
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
「CSS Corners」は角丸ボタンを作成できるジェネレータです。 CSS3でコードをはいてくれますよ。 角丸の大きさやグラデーション、ボタン全体の大きさが設定できます。 簡単に角丸ボタンが作成でき、さらにCSS3でコードを出してくれるところが便利ですね。 以下に使ってみた様子を載せておきます。 まず「CSS Corners」にアクセスします。 サイト全体はこんな感じ。 真ん中にボタンのプレビューがあります。設定を変更する度に更新されます。 下の灰色部分にCSS3のコードがはきだされますよ。 角丸ボタンを作ってみました。 こんな感じ。 プレビューがとっても便利で、細かい調整などにもってこいです。 CSS3で角丸が表現できるようになって、画像を作成しなくてもよくなりましたね~。 今後いろんな場面で使えそうなのでチェックしておきたいです。 (本記事で紹介したサイト:CSS Corners)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く