アヒルや犬、ハートやリボンなど、割り箸の袋を使ったかわいい「箸置き」の作り方をまとめました。お店で箸置きがないときや、飲み会のネタにも使えます。 ■ 箸先を隠せる“マナー折り” ついやってしまうのがお皿の上にお箸を渡して置く「渡し箸」ですが、実はお箸のマナーとしては正しくないのをご存じですか？ ▽ 404 - 找不到文件或目录。 箸袋を結ぶだけの簡単なものでも十分ですが、便利なのが上記のエントリーで紹介している「マナー折り」です。袋状になっているので、食事が終わったあとは箸先を隠せます。 ■ 箸置きで動物園を作ろう 折り紙感覚で、かわいい動物を折ってみましょう。 ＜アヒル＞ ▽ 忘年会・新年会に！箸袋で「あひる型はし置き」の作り方（動画あり） | nanapi [ナナピ] まずはじゃばらに折った羽が美しい「アヒル」の箸置きです。素早く折れると格好いいですね。エントリーでは、折り方の手順を写

最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介

コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている

Back to the Future 2002 ...

photoshopのwebで使うエレメンツのファイルや、ブラシ、カスタムシェイプ、パターン、アクションなどの素材を無料で提供しているサイトを紹介します。 個人のブクマを整理してる段階でまとめたものですが、共有します。 photoshopのwebで使うエレメンツのファイルや、ブラシ、カスタムシェイプ、パターン、アクションなどの素材を無料で提供しているサイトを紹介します。 個人のブクマを整理してる段階でまとめたものですが、 共有します。 はじめに photoshopの素材を紹介しているサイトは多いので、 主にphotoshopの素材の提供を主としてるサイト、 またはそのようなカテゴリを持つサイトのみを集めました。 紹介文の後のリストはそのサイトで扱ってる素材の種類となります。 また、ライセンスについては分かる範囲で記載しましたが 間違いがありましたら指摘頂けると助かります。 サイト一覧 dev

最近のWebサイト制作では、通常のPCサイトを制作するだけでなく iPhoneやAndroidのスマートフォンや、iPadなどタブレット向けにそれぞれサイトを用意し、 デバイス毎にアクセスさせるURLを分けることも増えてきました。 その様な場合のデバイス制御に使える（であろう） iPhone、iPad、AndroidでPC向けサイトへアクセスした際など、 jQuery（JavaScript）を使って簡単に別のURLへリダイレクトさせる方法を紹介してみます。 jQuery(JavaScript)でiPhone,iPad,Android(アンドロイド)を判別してリダイレクト 例として、サイト構成が以下の様なURLとします。 ——————————————————- 【PC向けサイト】 ｈｔｔｐ：//black-flag.net/sample/pc/ 【スマートフォン向けサイト】 ｈｔｔｐ：//b

div.tucked-corners { background: #f6f6f6; height: 380px; margin: 50px auto; padding: 10px; position: relative; width: 580px; -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); box-shadow: 0 1px 7px hsla(0,0%,0%,.2); } ...詳細はリンク先を参照 /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must 

a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

サンプルの.inddファイルを見てみよう！ 起動しました。まず最初はヘルプが表示されます。左上のボタンから サンプルファイル のダウンロードをしてみましょう。 Safariが起動しました。サンプルファイルのダウンロード画面で “SneakPeek”で開く を選んでください。 アプリに戻ってきました。サムネイルが表示されているようです。ちょっと表示がぼやっとしています。タップしてみましょう。 中身が表示されました。サムネイル表示に比べると綺麗です。 ファイル内の情報を確認できる 下のバーの a をタップしてみました。使用されているフォントがわかります。 次はひまわりマーク（カメラロール風）をタップしてみました。使用されている画像ファイルがわかります。 Dropboxから開いてみましょう 次はサンプル以外のファイルを開いてみます。.aiファイルをいくつかDropboxに入れておきました。 まず

おすすめアプリ、ゲーム、iPhone、スマホの使い方、ガジェットなどのお得な情報をお届け | AppBank

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

The domain name Linker.in is for sale A great idea deserves a great domain name!