こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。
アドビ システムズは都内にてクリエイター向けのセミナー「デジタルフォト&デザインセミナー2011~トップクリエイターのテクニックとアイデア~」を開催した。セミナーでは、「HP WorkstationとAdobe CS5.5による写真と動画の最先端レタッチテクニック」が行われた。 セミナーでは、「Photoshop」のパペットワープを使ったレタッチテクニック、「Illustrator」の「エンベローブ」を活用した画像処理テクニックに続いて、「Photoshop」で人物をマスクするテクニックが、フォートンのプロデューサー 兼子研人氏とレタッチャー toppy氏によって紹介された。 Photoshopで人物をマスクするテクニック まず始めに、画像の子供の部分を範囲選択し、「選択範囲→境界線を調整」を選ぶ。次に「エッジの検出(スマート半径)」を使い子供の輪郭に沿って塗りつぶし、子供の輪郭を正確に抽
jQueryプラグイン(スライドショー) Background-Image Transition Plugin jQueryのプラグイン。フェードはきれいだが、フルスクリーンではない。 デモページ 使い方参考ページ Supersized! フルスクリーンの背景スライドショー。 デモページ(フェード有り:動作が少し重い) デモページ(フェードなし:軽い) Smooth fullscreen background slideshow in jQuery こちらもフルスクリーンの背景スライドショー。 ドットが背景の上に重なってるけど取れる。 クロスフェードじゃないが、上記「Supersized!」より動きがスムースできれい。 デモページ Advanced jQuery background image slideshow フェードアウトして次が出るまでの間、bgcolorが表示されてる。 フルス
よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日本で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見
不要になったカードから簡単にギターピックが作成できる Pickmaster Plectrum Punch » ハードウェア(アイテム) [編集] 不要になった樹脂製のカードなどから型抜きして簡単にギターのピックが作成できるハンドパンチャー Pickmaster Plectrum Punch を紹介。 価格は 3,980円(税込)、DMR オンラインショップで発売中。 ボディはステンレス製、サイズは17mm × 3.5mm × 3.5mm。 ピックの形状はティアドロップでフェンダー351に似たタイプです。 前にここで紹介した同系統の The Pick Punch と違って、こちらは上に抜くように使うので位置決めがしやすいようになっています。 [ここに YouTube プレイヤーが表示されます] http://www.youtube.com/watch?v=XgoZdmxvH0A 手頃な価格
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About (オリジナル) HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
物を包む道具として、古来から日本人の生活に欠かせないアイテムだった風呂敷。日本人の服装の西洋化に伴い、常用することは少なくなっていましたが、買い物袋を減らせる環境問題の観点とオシャレなデザインが増えたファッションの観点から、また愛用者が増えています。そこで今回は、そんな風呂敷の基本的な包み方や、ちょっと変わった包み方などを紹介。これを読んで、風呂敷のある生活を楽しんでみませんか? ■風呂敷の選び方 ▽= ふろしきの選び方 = ★きもの染織探訪★ まずは、風呂敷の選び方を知りましょう。風呂敷のサイズは「巾」という横の長さで表示されており、全部で10種類の大きさがあります。一番小さな中巾(約45cm)から大きな七巾(約230cm)まで、あらゆるサイズのものが揃っています。 サイズの目安はコチラ。 中巾(45cm)・・・ふくさの変わりに使ったり何かと便利なサイズ 尺三巾(50cm)・・・お弁当包
お越しいただきありがとうございます。 ただいま長期休止中、、さいかいの目処はたっていません。 以前はわたくし若の好きずきに、 ◎いろんな好きなもの ◎料理 ◎日々のつれづれや写真 ◎BL・MLマンガ感想 ◎小説 ◎イラスト などかきためてました。 月読さんから、風呂敷DE肩掛けかばんの作り方をリクエストいただいたのでご説明しちゃいます♪ ▼肩掛けかばんの完成イメージ これは、四角形の端と端を (赤同士・青同士)を結んで、 (このとき、赤同士・青同士の結びは片方を長めにしておきます) さらに長めにした部分の先を結んで(緑の結び目)できてます。 赤同士の結び目→←青同士の結び目 ちなみに風呂敷のサイズはちゃんと計ってみたら、110cm四方くらいでした。 結び方はふつうの結び方でもかまいませんが、 「真結び」という結び方を覚えておくと、ほどきやすくてよいです。 ▼真結びの結び方 ※わかりやす
2011年09月01日00:00 面白いWeb漫画教えてください 1 : 以下、名無しにかわりましてVIPがお送りします : 2011/08/06(土) 18:14:17.65 ID:v9m/X/0V0 ワンパンマン http://galaxyheavyblow.web.fc2.com/ penisman http://kyoharasoto.web.fc2.com/index2.html オーシャンまなぶ http://t-taks.com/ 真実の魔法少女 http://www.sa-reika.com/manga-index.htm 魔道 武道 剣道 3つ http://cba5.boo.jp/ 今を生きる http://neetsha.jp/inside/comic.php?id=4712 蒼い世界の中心で http://oab.sakura.ne.jp/gia/index.sht
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな?と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。 「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね(会社が買ってくれるならいいですw)。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。 いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え?何それ」みたいなのがあるかもです。 今回は各種
WordPressの勉強も兼ねて、Twenty Elevenテーマの各テンプレートについて解説してみたいと思います。確認バージョンは3.2.1です。 メインインデックスのテンプレート (index.php) Twenty Elevenテーマの「メインインデックスのテンプレート (index.php)」で出力されるページは次のようになります。 テンプレートのソースコードは次のとおりです。 <?php /** * The main template file. * * This is the most generic template file in a WordPress theme * and one of the two required files for a theme (the other being style.css). * It is used to display a pa
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
音楽、楽器の世界にはいろいろと新しい技術が投入されてきていますが、私が2011年で一番すごい発表だと断言できるのが、Rolandが9月15日に発表したV-Remasteringというもの。 Rolnadの研究所が生み出した新しいテクノロジーV-Remasteringが搭載された製品としては今年12月にR-MIXというアプリケーションがWindows用、Mac用に登場する予定になっています。また、R-MIXのエッセンス部分を取り出したiPad版も近いうちにリリースされる予定です。先日行われた発表会でR-MIXのデモをを見たのですが、ちょっとビックリです。 Rolandの新技術「V-Remastering」を搭載したR-MIX V-Remasteringを言葉で表現すると「音楽を可視化し、直感的かつわかりやすくリアルタイムにコントロールする技術」となるのですが、こればかりは実際の動作をビデオで
夫婦でAppleIDを共有している場合にiCloudはどうなるのか 我が家では夫婦でひとつのAppleIDを共有しています。目的は購入したアプリの共用。それぞれが所有するiPhoneにひとつのAppleIDを設定して、一度購入したアプリはふたりで使用しています。 そこで、iOS5が発表されてからずっと気になっていたのが以下の点。 iCloudアカウントとAppleIDアカウントの関係はどうなるの?写真もメールもなにもかも共有されちゃうの? 位置情報が相手にいつも伝わったり、メールが読み放題なのは勘弁してほしいですよね。いくら仲が良くてもwww 結論としては、iCloudアカウントを別に作成すれば問題なし!です。手順は以下の通り。 私がやった手順 (奥さんの)iPhoneをiOS5にアップデート アップデート後、iPhone使用開始時の設定画面で以下のように進む AppleIDの設定画面で、
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
なぜ西欧が覇者なのか?これに「思考様式」から応えた一冊。 キモはこうだ。定性的に事物をとらえる旧来モデルに代わり、現実世界を定量的に把握する「数量化」が一般的な思考様式となった(→数量化革命)。その結果、現実とは数量的に理解するだけでなく、コントロールできる存在に変容させた(→近代科学の誕生)。 このような視覚化・数量化のパラダイムシフトを、暦、機械時計、地図製作、記数法、絵画の遠近法、楽譜、複式簿記を例に掲げ、「現実」を見える尺度を作る試行錯誤や発明とフィードバックを綿密に描く。 複式簿記・記数法:量を数に照応させることで、動的な現実を静的に「見える化」させる。あらゆる科学・哲学・テクノロジーよりも世界の「世界観」を変えた(と著者は断言する) 地図製作・遠近法:メルカトル図や一点消失遠近法を例に、三次元的な広がりを二次元に幾何学的に対応させた。さらに、図画から「そこに流れている時間」を取
ネットで本を探すとき、真っ先に利用しがちなのがAmazon.co.jpです。でも、ほかにも書籍を検索できるWebサイトはたくさんあります。思いついた文章を入力するだけで検索できたり、絵本や美術書などの目的に特化していたりと便利な使い方ができるサイトも。はてなブックマークで見つけた、7つの書籍検索サイトを紹介します。 ■ とにかく見つける! 図書館蔵書検索サイト 最初に紹介するのは、図書館の蔵書を検索するサイトです。「貸し出し状況を確認できる」「絶版本を見つけやすい」などの特徴があります。 ▽ カーリル | 日本最大の図書館蔵書検索サイト はてなブックマークニュースでも何度か紹介している「カーリル」は、全国5,000館以上の図書館や図書室の蔵書を検索できるサイトです。図書館での貸し出し状況も確認できます。さらに「カーリルアカデミア」では、700館以上の大学図書館の蔵書も併せて検索できます。
The Polaris Dawn crew is back on Earth after a historic mission
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 1.HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
2. アジェンダ • 本日の構成 – 脆弱性の分類 – Webアプリの構造と脆弱性の原因箇所 – 「入力」では何をすればよいのか – SQLインジェクション対策の考え方と実際 • 原理の話(グローバル) • 文字コードの話(グローバル&ローカル) – ケータイWebアプリのセキュリティ(ローカル) • 議論の焦点 – Webアプリケーションのセキュリティ施策の考え方 – グローバル v.s. ローカル – 対策の歴史とあるべき姿 Copyright © 2008-2010 HASH Consulting Corp. 2 3. 徳丸浩の自己紹介 • 経歴 – 1985年 京セラ株式会社入社 – 1995年 京セラコミュニケーションシステム株式会社(KCCS)に出向・転籍 – 2008年 KCCS退職、HASHコンサルティング株式会社設立 • 経験したこと – 京セラ入社当時はCAD、計算幾何
渋滞とは走行する車の台数が多くなったり、事故などの原因により、走行速度が遅くなったりとまってしまう状態です。 渋滞の定義として一般道では走行速度が時速20km以下、高速道路においては走行速度が時速40kmいかの状態を指します。 一般的な渋滞の原因には悪天候、信号や踏み切り、交通事故、故障車、悪天候、連休や行楽シーズンなどの多数の人出によるものなどが有り、 高速道路の渋滞の原因には、料金所、道路工事、路面への落下物、インターチェンジやジャンクションでの分岐、上り坂、トンネル によるものなどが有ります。 かつて日本の高速道の渋滞には長さ100kmを超えるものも存在しましたが、道路の改修などにより年々減少されています。 詳細ページ:高速道路の渋滞の名所・ポイント・場所の一覧
渋滞とは走行する車の台数が多くなったり、事故などの原因により、走行速度が遅くなったりとまってしまう状態です。 渋滞の定義として一般道では走行速度が時速20km以下、高速道路においては走行速度が時速40kmいかの状態を指します。 一般的な渋滞の原因には悪天候、信号や踏み切り、交通事故、故障車、悪天候、連休や行楽シーズンなどの多数の人出によるものなどが有り、 高速道路の渋滞の原因には、料金所、道路工事、路面への落下物、インターチェンジやジャンクションでの分岐、上り坂、トンネル によるものなどが有ります。 高速道路の渋滞の名所は決まっているため、高速道路の改修や車線の増加などにより、年々渋滞は少なくなってきています。 詳細ページ:高速道路の渋滞の距離・長さの一覧
CSSのプロパティ一つに対して、値を二つ(開始と終了)変更し、さまざまなCSS3アニメーションの基本的な実装例を楽しめるデモサイトを紹介します。 LeaVerou / animatable デモページ [ad#ad-2] デモページを楽しむには、Chrome, Safariで閲覧ください。 Firefoxでは一部動作しません。 アニメーションのスタートは、2つあります。 マウスオーバーで一つ一つのアニメーションがスタート アニメーションが全部同時にスタート 全部同時にアニメーションをスタートさせるには、「Animate all」ボタンをクリックします。 全部同時にアニメーションすると、何がなにやら分からない状態にw [ad#ad-2] 下記に数多くあるデモから、いくつか紹介します。 デモの下にある「background-color」などは、そのプロパティの値を変更してアニメーションしている
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
@JUNP_Nです。iPhoneを使いこなしたい!と思っている人はだいたいGmailを使ってるんじゃないかと勝手にイメージしています。予定の管理もデフォルトカレンダーじゃなくてGoogleカレンダーと連携だよって人も多いはず。ちょっと思うところあってGoogleアカウントとの連携について改めて考えてみました。 メールはGmailで登録?MicrosoftExchangeで登録? iPhoneをソフトバンクで使っている人は@i.softbankのメールを受信する時に使う「メール」アプリ。このアプリとGmailを連携させる時ってどうしていますか? Gmailで登録すると「すべてのメール」(アーカイブ)の表示やアイコンが出る 「Gmail」として登録すると、ちゃんとフォルダやアイコンが綺麗に教示されます。やっぱりアイコンが綺麗な方が見やすいですし、使っていて気持ちがいいですね。 もちろんアーカイ
画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介します。 デモは10種類あり、CSSでここまでできるのか!って感じです。 Original Hover Effects with CSS3 [ad#ad-2] 基本となるHTML 基本となるCSS 必見の10種類のかっこいいデモ 基本となるHTML HTMLは非常にシンプルです。 キャプションはタイトルとテキストをdiv要素で内包しclassに「mask」をつけ、そのキャプションと画像をdiv要素で内包します。 <div class="view"> <img src="image.gif" /> <div class="mask"> <h2>Title</h2> <p>Your Text</p> <a href="#" class="info">Read More</a> </div> </d
→最新版(24-October-2012版)にアップデートしました.[12 November 2012] ※new※ 大学での講義や統計研修の受講生から,「統計学の参考図書を紹介してほしい」との依頼があったので,下記のような「お誘い本リスト」をつくってみた(→ pdf版:Version 6-September-2011).ほぼすべて日本語の本のリストである.“門前”から“門”までの「参道」がやや長い気がするが,そこは気の迷いや逡巡が憑いてまわる相手のために,ということでご容赦いただきたい.また,いったん“入門”してしまった後は,統計手法ごとにそれぞれ特化したより適切な本(中級書以上)がきっとあると思うが,下のリストはまったく網羅的ではない.個人的に,生物系・農学系の学生や研究員を相手に講義をする機会が多いので,リストの最初の方はできるだけ“数式汚染”されていない統計本を中心に挙げてある.な
The Apache Tika toolkit detects and extracts metadata and structured text content from various documents. Apache Tikaの初のメジャーリリースとなる「Apache Tika 1.0」が公開された。Apache TikaはJavaで開発されたドキュメント分析およびメタデータ抽出ツールキット。さまざまなドキュメント形式に対応しており、対象データからメタデータの抽出を実施する。Tikaは以前はApache Luceneのサブプロジェクトだったが、現在ではApacheソフトウェアファウンデーション直下のプロジェクトとして扱われている。 Apache Tikaが対応しているドキュメントはHTML、XHTML、OOXML、ODF、Microsoft Office (OLE 2、OOXML)
イームズ夫妻による 図説コンピュータ史 バベッジの解析機関から戦後の巨大電子計算機へ――。コンピュータの黎明を約五〇〇点の豊富な資料とともに辿る。イームズ工房制作の写真集。 シリーズ:ちくま学芸文庫 1,540円(税込) Cコード:0141 整理番号:イ-43-1 刊行日: 2011/08/09 ※発売日は地域・書店によって 前後する場合があります 判型:文庫判 ページ数:336 ISBN:978-4-480-09384-4 JANコード:9784480093844 在庫 ×
Aimee Mullins | Stranger... strangerthings.fandom.com
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く