We’ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, I’ve modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects. The code Let’s start with the complete CSS stylesheet: /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Cl
HTML 5用のブラウザのスタイルをリセットするスタイルシートをHTML5 Doctorから紹介します。 <textarea name="code" class="css" cols="60" rows="5"> /* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl,
以前、著作権を放棄したWordPress2.7 の業者さま向けの管理画面マニュアル を作成配布していたのですが、WPが 2.8にバージョンアップしたので、2.8用の 管理画面マニュアルを作成しました。 今回も著作権は放棄します。 以前の記事をご覧いただいている方は重複する内容ですが、このマニュアルは WordPressを使ってWebサイトを制作する業者の方がクライアント様にお渡しする 管理画面のマニュアルです。御社の作業工程が少しでも早まる事、クライアント様 への説明時間等が削れれば幸いです。 2.7同様、誰が作っても同じようになると思うので著作権は放棄いたします。 マニュアルを有料で売る事も自分で作ったと言い張っても問題ないです。 リンク義務もありません。どうぞご自由に。 コンセプトは「Web制作の業者さんがWebに疎いクライアントさんに渡すマニュアル」です。 マニュアルの内容 マニュア
5 Business Card Template Packs by Jose Mauricio Duque | Jul 27, 2009 | Freebies | 82 comments Five Templates for Business Cards in layered .PSD format, that come in two trendy and colorful designs for you to use in your personal and commercial projects. Just download them, open in Photoshop, change the text and voilà you have a cool-looking business card! Hope you enjoy. 5 Packs Details: 4 Front/B
Image Viewers are fairly common on websites now-a-days. Most use some form of JavaScript to change images, some use Flash. This is a problem if the user doesn’t have either enabled on their browser. In this tutorial we’ll cover how to create an image viewer with only using CSS and HTML. What We Are Building We be making a simple image viewer that has 4 tabs on the left and a main picture on the r
クリックで画像がかわる、軽快な画像ギャラリーを実装するスタイルシートをdevirtuosoから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <ul> <li><a href="#image1" id="tab1"><img src="tab1.jpg" alt="" title="" /></a></li> <li><a href="#image2" id="tab2"><img src="tab2.jpg" alt="" title="" /></a></li> <li><a href="#image3" id="tab3"><img src="tab3.jpg" alt="" title="" /></a></li> <li><a href="#image4" id="t
Make an Ajax Image Hosting Site With PHP and jQuery | Dev Words PHPとjQueryを使った簡単アップロード&画像ホスティングの仕組みがソースコード付きで公開されています。 ファイルを選んで「Upload」ボタンをおします。 画像のURLが表示されます。 という、シンプルですが、なかなか使えそう&作るとなると面倒かもしれない、というツールになってます。 勝手に使われないような対策は打っておく必要があるかもしれませんが、ブログの画像アップローダーとしても軽快に動作するので便利に使えるかもしれませんね。 関連エントリ 超シンプルな画像アップローダー&画像シェアできるツール「imgur」 YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる
There’s no hard and fast rule to achieve creative photography, nor are there guidelines and steps to think out of the box. But one thing’s for sure, those who create some of the most creative photos in the world, have great passion for photography and some good few years of practice and experience. Here is a collection of some really creative photographs that truly inspires. Full list after the ju
古典的でありながらも、何度見ても不思議なだまし絵。今回もそんな不思議なだまし絵をいろいろと集めてみました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ↑この絵には何人の天使が隠れているでしょうか。 Source ↑異常なほどに不思議な絵。 Source ↑ドラゴン2匹から顔が浮かび上がる。 Source ↑馬二頭から顔が浮かぶ。 Source ↑こんな光景こんな時に見たくない。。。 Source ↑笑顔のおじさん、おばさん。ひっくり返ると↓ 怒ったおばさんが、怒ったおじさんにせまってる。Source ↑おいしそうな豚の丸焼き。ひっくり返すと↓ ↑このようになります。 source ↑これだと猫。 ↑しかし、ひっくり返すと犬に。 Source ↑どうとらえて良いのか分からない絵。 Source
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 画像ギャラリーを検索する画像検索エンジン「Kalooga」 「Kalooga」は、単体の画像ではなく、画像ギャラリー ページを検索してくれるサービス。同様の画像を大量に探したいとき、重宝しそうな画像検索エンジンです。 ↑例えばferrari enzoと検索すると、このような検索結果に。 ↑検索結果のサムネイル画像をクリックすると、その画像を含む画像ギャラリーページが開きます。 興味のある方はKaloogaへどうぞ。 ギャラリーだけを探してくれる画像検索という着眼点がとてもうれしいですね。ブログのネタ探しにも重宝するかも!? Via:delicious
RightJS RightJSと他ライブラリとの比較 IE, Fx, Op, Safari, Chromeの各ブラウザでのパフォーマンスは、jQuery、Prototype、Mootoolsなどの主要なJavaScriptのライブラリと比較して、概ね高速なパフォーマンス結果となっています。 デモではモーフィング、ハイライト、フェード、スライドなどのビジュアルエフェクトを楽しめます。 demo RightJSのライセンスは、MIT licenseとのことです。
These fonts will work on both Windows and Mac, and if used correctly will just put the cherry on top of your hand drawn design. If you think I have missed any more amazing fonts, drop a comment linking to the font. Enjoy! Want more hand drawn goodies? Check out these hand-drawn vector freebies! HandVetica Handvetica is a manual re-drawing of the famous Helvetica font, with a grunge effect. Love Ya
June 1st, 2009. 16 Comments. Photoshop actions make your photoshop life a whole lot simpler by making the regular changes you would normally make to a image or file much more automated so that you dont need to go through each step over and over again. Each Designer or Photographer will have their own unique manipulations that they most commonly do to most of their work. All the Photoshop Actions
Someone recently asked me about this technique and my first reaction was that it was probably a little too mundane to cover as a tutorial. But then I got to thinking that there is actually a few interesting things happening here and the style is trendy enough people might be interested. The idea is just to overlay some text over an image, but as blocks that stick out from the left with an even amo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く