フライパン一つで簡単に作れます。固くなりがちな胸肉が、しっとりやわらかな食感になっちゃいます。 このレシピの生い立ち 雑誌からの覚書を少々アレンジしました(^^)
oppai.jsはタップ(クリック)するとおっぱいが揺れる画像を作り出すJavaScriptライブラリです。 Webというのは基本的に静的なものが多いので、一部でも動いているとインパクトがあります。アニメーションGIFしかり、動画しかり、そしておっぱいしかり。 何もしていない場合 ちょっと揺れているのが分かるでしょうか? こんな女性のサンプルも。 こちらはちょっと貧乳…?揺れが小さいようななんというか。 oppai.jsはおっぱいの位置を四角で定義するようです(いや、おっぱいは丸いよ、丸いんだよという意見はさておき)。そして当然右と左があるので個別に定義します。後はお気に入りの写真と右乳、左乳をパラメータに渡すだけで動くおっぱい画像のできあがりです。 追記:しかもスマートフォン(iPhoneで確認)だと加速度センサーによって振ると揺れるアクション付きです!これはぜひiPhoneでばんばん揺
カナ文字を組文字で置き換えます。例: クリリンノコトカー → ㍆㌋㌋㌧㌨㌰㌣㌈ 注意: 置き換え出来ない文字が一杯あります。また、携帯電話などで表示できない文字があります。 上の段、下の段、上下両方、の3パターンで最大1件づつ出てきます。 入力 最近100%達成(全ての文字が変換成功)した10件 タノシイ → ㌼㌨㌥㌑ ナマチンファック → ㌝㌏㌢㍐㌁㌪㍆ チンチン → ㌢㍐㌢㍐ チンコ → ㌢㍐㌰ ナノダ → ㌝㌨㌓ ギルダー → ㌓㌤ ギルダー → ㌓ チ → ㌢ ペコーペコー → ㌷㌞㌷㌞ ロリ → ㌔㍉ 2011-5-8 作成 by @koizuka
よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ
配送・送料について 【定形外郵便】 ●送料全国一律200円 厚みが3cm以上の場合、定形外郵便で郵便受けへのお届けとなります。 ※追跡番号はございません。 厚みが3cm以下の場合、クリックポストで郵便受けへのお届けとなります。 ※追跡サービスが可能です。 破損、汚損、紛失の際の補償がないため、万が一何かあった場合は当店での責任は負い兼ねますので、予めご了承ください。 【レターパックライト(370)】 ●全国一律370円 追跡サービスが可能で、郵便受けへのお届けとなります。 【レターパックプラス(520)】 ●全国一律520円 追跡サービスが可能で、対面でお届けし、受領印をいただきます。 【ゆうパック】 ●本州1,000円 ●北海道1,430円 ●沖縄・その他周辺の離島 1,470円 追跡サービスが可能で、対面でお届けし、受領印をいただきます。 日付、時間指定をご指定できます。 支払い方法に
はじめに こんにちは、ピクトリンク事業部開発部サーバサイド開発課のkitajimaです。弊社サービスピクトリンクは、システム再構築の一環として
Way back in June, Thomas Reynolds released iPhone-style-checkboxes for jQuery, a progressive enhancement for checkboxes which makes them into the beautiful iPhone toggle switches. I really like these switches on the iPhone so I went about finishing up his version for the Prototype framework. Of course, I couldn't help but add some new features along the way! You definitely need to read this articl
When it comes to web design, one of the most important elements is a good typeface. A suitable typeface will enhance the beauty of your design and make it more attractive. It would add balance to the whole design and impart a sense of equilibrium and elegance. A nice and voguish typeface has the ability of bringing the required feel and look to your design. Thus using the right typeface which suit
Apple is known for its intuitive design of both hardware and software. If you’ve ever used a Macbook, iPhone or basically any apple product you must have come across apps like Settings, Safari, etc. Most of the users using these apps are really impressed by their design language and ease of use. Infact, Apple spends thousands of dollars on UI Design and relevant R&D to ensure that their users have
こんにちは、デザイナーのももこです。 今回はiphoneで使用されているフォームの部品と同じ物を使えるようにするJSをご紹介します。 iphone-style-switches iPhoneのラジオボタン風の部品が作れます。 用意するものはjqueryとスイッチの切り替え時に使用する背景画像です。 デモの場合、背景画像はcssスプライトを使用する前提で作られています。 選択した要素にクラス:selectedを振りbackground-positionを切り替える事でON・OFFを実現しています。 HTML <p class="field switch"> <input type="radio" id="radio1" name="field" checked /> <input type="radio" id="radio2" name="field" /> <label for="rad
2014年8月20日 jQuery いつも使っているラジオボタンやチェックボックスにもっと彩りを!ここではCSSとjQueryを使ってiPhone風のデザインに変える方法を紹介します。使用する画像は一枚のみ。CSSスプライトで表示位置を変えます。サンプルも用意してみたので覗いてみてくださいね! ↑私が10年以上利用している会計ソフト! サンプルはこちら。IE7, IE8, FF, Chromeで正常動作 See the Pen Mobile like radio/check buttons by Mana (@manabox) on CodePen. ファイルを準備 必要なファイルを準備します jQuery こんな感じの画像を作る コーディング ファイルを読み込む ヘッダー内にjQueryを読み込ませます。 <script type='text/javascript' src='/samp
Posted: 2012.04.10 / Category: javascript / Tag: jQuery ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。 といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 cssオンリーの場合 まずはcssのみでやってみます。 隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="checkbox2" type="ch
話題のぶつ森に目もくれず最近やっとブレイブリーデフォルトを買いました。sekiです。こういう王道RPGってほんと少なくなりましたよね。 さてさてもうすぐクリスマスですね!楽しみな人もそうでない人もいるかと思いますが、今回はそんなクリスマスなデザインにもってこいな「もみの木ブラシ」を作ったので作例とともに配布をば。前に作った「砂」ブラシ同様今回もストロークの簡単な設定になりますが、お付き合い下さいね。 ダウンロード タイトル画像にあるような、もっさりした「もみの木」のようなあしらいが簡単に作れます。 ダウンロードはコチラのリンクを右クリックで保存してください。(.stl) 保存したら、Fireworksのスタイルより「スタイルを読み込む」で、一度スタイルデータとして読み込みます。 使い方 このスタイルにはストローク情報が記憶させてあります。 スタイル画面には「クリスマス_大」「クリスマス_小
多くのキャッシング会社では、審査時間はそれ程長くかかりません。概ね、30分から1時間くらいの間で審査を完了してしまいます。そのため、キャッシングを申込んでから、数時間も待たされるようなことはありません。 金融会社にキャッシングを申込んで、審査を待っていて、1時間以上金融会社から連絡が来ない場合には、こちらから電話をして確認してもよいでしょう。申し込みが正しく出来ていないと言う場合もあるからです。この様な場合には、ただ待っていても時間の無駄になるだけです。特に、申し込みの際に電話番号が間違っているような場合には、いくら待っていても連絡は来ませんので、1時間を目安として、こちらから金融会社に問い合わせてみることも必要となります。 また、近年のキャッシングの審査は自動化されています。審査自動システムを多くの金融会社が取り入れているのです。緻密なところまで機械で自動化されており、最終的に個人情報に
CSS Preprocessor Advent Calendar 2012の11日目。 エディターは何をお使いでしょうか? CSS Preprocessor を利用しているイケてる皆さんは Sublime Text 2 や、Coda 2、Vim などを利用しているかと思います。 僕は CSS Preprocessor は利用しているのですがそれほどイケてませんので、エディターは未だに Dreamweaver 一本です。 というわけで、ドリで Sass や Compass を使う方向けに。 ドリに .scss ファイルなんかを認識させる 以下のまーしーさんの記事を読むとよいでしょう。僕もこれを読んで設定しました。 ※ちなみ Sass のインストールなんかは Codekit にまかせています。その辺は明日西畑さんが書くと思います。 SassとDreamweaverのコードヒントでCSSをさらに
とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。
CSS おれおれ Advent Calendar 2012 – 10日目 iOSの選択ボタン。HTMLでいうラジオボタン的なもの。”Segmented Control”というらしいです。 Segmented Control風ラジオボタン。 HTML こんな感じです。 <p> <span class="segmented"> <label><input type="radio" name="fruit" value="apple" checked><span class="label">Apple</span></label> <label><input type="radio" name="fruit" value="grape"><span class="label">Grape</span></label> <label><input type="radio" name="fruit"
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
個人でも商用でも、そしてクライアントのプロジェクトでも無料で利用できる、スマートフォン・タブレット向けのサイトが簡単に作成できるjQuery Mobileを使ったテンプレートを紹介します。 Cooky -Free Mobile Site Template Cookyの特徴とラインセス Cookyのデモ(ページ) Cookyのデモ(エフェクト・テンプレート) Cookyの特徴とライセンス Cookyはスマートフォン・タブレット向けのサイトが簡単につくれるよう、ページやエレメントが一式揃ったテンプレートです。 その名の通り、特に飲食をベースにしたビジネスやブログなどを想定してデザインされています。 ValidなHTML5+CSS3で実装された11ページ。 グリッド、アコーディオン、リスト、ボタンなども用意。 レスポンシブ対応のスライダー。 コンタクトフォーム。 jQuery Mobile, G
Instagram、Twitterで完全非表示に Twitterは独自フィルタを年内公開か - ITmedia ニュース _人人人人人人人人人人人_ > なんですとー!!! <  ̄^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄ あ!ほんとだ写真出ないーーー!Σ(ΦωΦ) Instagram&Twitter Loveなわし的にはこれは由々しき問題… くそー、ざっかー◯ーぐめー! そんなわけで。 IFTTT / Put the internet to work for you. IFTTTというWebサービス同士を連携させることができる便利なサービスがあるので、これを使ってInstagramの画像ををTwitterにPostさせることにした。 こんな感じに。 Twitterと連携させたくない時もあると思うので、Instagramに#twというタグを添えて投稿した場合のみ、Twitterに、Insta
Are you ready to start maximizing your social media efforts? If so, then a great place to start is to customize each of your social media accounts with a professional, memorable design. In this post you will find a handy cheat sheet [infographic] for you, or your designer, to reference when branding your primary social media accounts. Simple Design Cheat Sheet for Social MediaSocial media pages ca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く