「Tweetvite」はイベントごとを行うときに便利なサイトです。 このサイトを使えば、イベントの詳細ページを作ることができます。 さらに、TwitterもしくはFacebookユーザなら、イベントに「参加」表明できます。 オフ会などの集計をとるのが面倒!って方にはもってこいですね。 以下に使ってみた様子を載せておきます。
speckyboyで、フォームを使いやすくするためのjQueryプラグイン&チュートリアルがまとまっています。 いくつかご紹介しますね。 » In-Field Labels jQuery Plugin inputの中に透かしのラベル名を入れられるプラグイン » A jQuery Inline Form Validation, because Validation is a Mess inputの右上に吹き出し型でバリデートのエラーメッセージを表示 » Justify Elements Using jQuery and CSS – Tutorial jQueryとCSSでlabelのwidthを揃えるチュートリアル » jQuery Comment Preview – Tutorial コメント入力中に投稿内容をプレビューできるプラグイン。↑のキャプチャはこちら » jQuery “High
abduzeedoで、緑をうまく使った美しいWebデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はpsdtolife。 devthought Aenemya Sprouter Big Cartel 色のトーンや面積、あるいは緑をどんな色と組み合わせているかが参考になりますね。 その他のリストは以下からどうぞ。 » 55 Beautiful Green Layouts in Web Design 横浜に新しくオープンしたリゴレットのオープニングパーティーに行ってきました。駅から近いし、川沿いのテラスで飲めるしいいところでしたね。雰囲気はかなり派手派手。大人な感じで飲みたい時にはぜひ♪ » RIGOLETTO
fontcaptureという、手書き文字からフォントを作ってくれるサービスを見つけました。 There’s no software to download and install, all you need is a printer and a scanner. Simply fill in the font template, scan and upload it to our website, and download your completed font. The fonts you create using fontcapture.com can be used on both Windows and Mac computers. ソフトウェアは必要なし。必要なのは、プリンターとスキャナーだけ、ということで、手軽なサービスになっています。 まずはPDFのテンプレートをダウンロード
Photoshop Tutorialsというサイトで、フリーのパターンがダウンロードできるサイトが紹介されています。 ざっといくつかご紹介。 » COLOURlovers 自分のパターンを投稿したり、ユーザーが作ったものをダウンロードできる » everyday icons 目を引くデザインにしたいときに使えそうな面白くてレトロなパターン集 » Kaliber10000 クールなパターンがたくさん。投稿も可能 » Pattern8 とてもかっこいいサイト。クオリティーの高いパターンが探せる。色で検索可能 » Shizoo Frozen Media 花柄や細かくてシンプルな柄など、テクスチャ・パターン集 その他のリストは以下からどうぞ。 » Best Sites to Download Free Patterns 麻布十番で打ち合わせ。エンジニアの方と面白い話ができた。がんばるぞぅ。
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
Creative Nerdsで、クオリティーの高いデザインアイコンを作るチュートリアルが紹介されています。 ざっといくつかご紹介。 » シンプルなコーヒーカップのアイコン » iTunesアイコン » ベクターのRSSアイコン » ディスプレイアイコン » illustratorで作るベクターのSafariアイコン » 透明のバッテリーアイコン » アラームクロックアイコン » Photoshopで作るバンアイコン Photoshop、illustratorのチュートリアルがたくさん揃っていますね。 その他のリストは以下からどうぞ。 » 60 Tutorials Creating High Quality Design Icons 今日はGadgetPartyの打ち上げ。今後のこととかいろいろ話し合いました。登録してくださっているみなさんありがとうございます! ↓のページのiPhone 3
wpbeginnerで、WordPressを高速化するテクニックが紹介されています。 いくつかご紹介しますね。 ・キャッシュする WP Super Cacheプラグインを使ってページをキャッシュ ・直リンクを禁止する 以下の.htaccessで直リンクを禁止 #disable hotlinking of images with forbidden or custom image option RewriteEngine on RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http://(www\.)?yourdomain.com/.*$ [NC] #RewriteRule \.(gif|jpg)$ %u2013 [F] #RewriteRule \.(gif|jpg)$ http://www.yourdomain
Web Designer plusで、jQueryを使ったドラッグ&ドロップパネルチュートリアルが紹介されています。 iGoogleやWordPressの管理画面で見られるインターフェースですね。 HTMLとCSS、jQueryのソースが公開されています。 ソートの順番は、ドラッグ後に以下のような文字列が生成されて、サーバサイドで処理しているようですね。 column1=item1,item3&column2=item4,item2,item5& 一度見てみてはいかがでしょうか? » Collapsible Drag & Drop Panels Using jQuery Gadget Partyでも、ガジェットの管理のページでガジェットの順番を変えられて、ブログパーツでの表示順を変更できます。F.Ko-Jiがさくっと実装してくれました。 今日も天気がよくて気持ちいいですねー。いろいろと出か
select要素で実装したセレクトメニューの中身を印刷や印刷プレビュー時に表示させるスクリプトをCSS-Tricksから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $("select").each(function(i){ var $el = $(this); var $options = $el.find("option"); $el.after("<div class='print-select'>Options: <ul id=sel"+i+"></ul></div>"); var $curPrintBox = $("#sel"+i); $options.each(function() { $curPrintBox.append("<li>"+$(this).text()+"</l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く