スターバックス・コーヒーで飲み物を購入したとき、商品を入れてくれる紙袋がありますよね。あのロゴ入り紙袋を上手に使って、なんとお財布を作った方がいます。1人はYouTubeユーザーthebigbluevanさん、もう1人は台湾のデザイナーMr Zhouさんです。 ふたりが作ったお財布は、見た目はとても似ているのですが内部の構造が全く違っていて、しかもとても実用的。簡単に作りながら比べてみましょう。 まずは、thebigbluevanさん。彼はスタバの紙袋で折り紙のお財布を作り上げています。少し長い動画ですが、さっそくどうぞ。 用意するものは、シャープペンと定規、それからカッターナイフ。折り紙を始める前に、まずは紙を作るところから始めます。 このやり方では、紙袋を店員さんから受け取った時から入っているこの部分の折れ線が重要になるようです。 まず最初は紙袋の展開。底の部分ともち手の部分も、丁寧に
画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。 実装はHTML/CSSで、スクリプトは無しです。 radio click through スライダーの動作の仕組みはラジオボタンで、チェックが入ったコンテンツを表示します。 実装はこんな感じ。 HTML 各パネルはリスト要素で、ラジオボタンとラベル、コンテンツがセットになっています。 <div id="gal"> <nav class="galnav"> <ul> <li> <input type="radio" name="btn" value="one" checked="checked"/> <label for="btn"></label> <figure> <img src="image.jpg"/> <figcaption> <h4>見出し</h
今、「個人輸出」がブームになりつつある。本特集では、先駆者たちが実際に売った商品などを一挙紹介! まだライバルが少ない「個人輸出」のノウハウをいち早く身につけ、月10万円の副収入を目指せ! ◆事前準備は「ペイオニア」を開くだけ 海外への個人輸出。一般人には英語を使ったやりとりは、ややハードルが高いように思える。しかし、転売王の異名を取る掘英郎氏によると、「ヤフオクやeBayなどに比べ、アマゾンは顧客と出品者間のメールのやりとりはほぼ皆無」という。 「商品説明につける文言は英語ですが、これはフォーマットさえ押さえれば問題ありません」(掘氏) アマゾン輸出を始めるには、以前なら米国で法人を設立し銀行口座を開設し、現地で税務申告するなど敷居が高かった。しかし、『月に100万稼げる「Amazon輸出」入門』の著者・山村敦氏はこう説明する。 「『ペイオニア』という米国の銀行口座を貸してくれるサービス
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Gmailをメインのメーラーにして久しいですが、どんなメーラーを使っていても避けて通れないのがメールの整理です。 ここで言う「メールの整理」とは、受信トレイに届いているメールを1通ずつ開封して中身を確認する、いわゆる「メールチェック」の次のステップです。 多くの人はこの2つをシームレスに行っているかと思いますが、この2つは作業負荷という意味ではモードの異なるものです。 「メールの整理」は「メールチェック」とこれに続く「メールの対応」の間に位置する、郵便局でいえば仕分けの役割を担います。 ●メールチェック ↓ ●メールの整理 ↓ ●メールの対応 適切に仕分けをしておくことで、その後の対応の負荷を下げ、スピードを上げることができます。 一言で対応といってもさまざまですが、僕の場合は次の4つに分類できました。 対応が必要なメールの4分類 要返信(返信したらアーカイブ) 要処理(完了したらアーカイ
ついっぷる - サービスは終了しました。 「ついっぷる」は 2017年10月31日 をもちましてサービス提供を終了いたしました。 2009年12月のサービス開始より8年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。 「ついっぷるフォト」サービスおよび画像一括ダウンロードは 2017年11月30日 13:00 を以って終了いたしました。 「ついっぷるトレンド」サービスは 2021年8月31日 12:00 を以って終了いたしました。 長らく「ついっぷる」をご愛用頂きまして誠にありがとうございました。 今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 BIGLOBEのサービス一覧
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
「ええねん!」ボタンがほしい!!!!!! と友達の上野くんが叫んだら 20分で実装された。 使い方は、このソースをブックマークバーに入れて Facebook上で実行すれば いいね!ボタンが ええねん!ボタンになります。 [javascript] javascript:(function(){var ls=document.querySelectorAll(‘span.default_message’);for(var i=0;i
この間の春の嵐はすごかったですね。いろいろ飛ばされないように必死だった kimoto です。帰りの電車は久々に足が浮くほどの超満員を経験しました。 さて、ちょっとモーダルウインドウを調べる機会があったのでまとめてみます。 基本的に、全て jQuery で動くものになっています。 最新の情報ってわけではないですが、場面ごとに選べるものを集めてみたのでお試しくださいませ。 超シンプルな軽量スクリプト leanModal leanModal leanModal はとにかく軽量です。デモを触ってみると、その軽さがわかると思います。 ただし、軽さを徹底的に追求した結果なのか、IE6 には対応していないとのこと。 また、イメージギャラリーなどとしては使えないとのことです。 ちょっとした文章を表示するだけの場合などはこれで十分ですね。 そこそこ軽量、そこそこ機能的 Simple Modal Simple
Photoがページ単体で開くのが嫌だったので、jQuery lightBoxを設定してみた。 jQueryを用意 バージョンの互換性が無くなってしまうと残念ですが、とりあえず、googleさんからレンタル。 ここが便利 jQuery google api and other google hosted javascript libraries. - ScriptSrc.net ▼jQueryのCOPYをクリックした結果 jQuery lightBoxを用意 ダウンロード jQuery lightBox plugin ソースをダウンロードし、いくつかのファイルをTumblrのupload static fileへアップロード Tumblr Tumblr upload static file カスタム作業 アップロードファイルその1 下記をTumblrのupload_static_fileへア
ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。 これはいいですな・・・IE6でも7でも実装出来て、背景カラーや画像にも依存しません。 demo こんな感じ。よく見かけますが、これをCSSのみで実装するTipsです。 h1 { border-top: 1px solid black; margin:23px 0 0; text-align:center; padding:0; height:24px; } h1 span { position: relative; top: -24px; padding: 0 20px; background:white; }borderを使って実装。h1にborderを付けて位置を下げ、spanで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く