安い!お手軽!しかも栄養満点!とくれば、「高野豆腐」! 根強いファンがいる一方で、 「ギシギシした食感が苦手」「とにかく地味」などと、 今ひとつ食卓の主役級になりきれませんでしたが、 実は、高野豆腐の業界関係者の間でひそかに行われていたスゴ技がありました! それは、高野豆腐を「熱湯で戻す」というワザ! これまでちまたで長く信じられ、パッケージにも書かれている正しい戻しかたは、 「40℃~50℃戻し」でした。この方が、高野豆腐が角が立った美しい姿になり、やけどの心配を少ないからです。 しかし、あえてその禁を破って「熱湯戻し」を行った瞬間、別次元の食感に変身! プルプル、ふわふわで、かつ味もたっぷり染みこんじゃうという、いいことづくめ! くみあげ豆腐やラーメン、スープ、フレンチトーストと、使いみちは無限大です。 地味と思われてきた高野豆腐。 豆腐のプロも脱帽する最高のおいしさを、ぜひ味わってみ
Normalize.cssって何? CSSリセットとは違うの? どうやって使うの? といった疑問を解決するNormalize.cssの制作者自らの解説を紹介します。 About normalize.css [ad#ad-2] 下記は各ポイントを意訳したものです。 Normalize.cssとは Normalize.cssの特徴 ノーマライズ vs リセット Normalize.cssの使い方 終わりに Normalize.cssとは Normalize.cssとは、クロスブラウザにHTMLのエレメントのデフォルトのスタイルを提供する小さなCSSファイルです。HTML5にも対応しており、従来のCSSリセットに代わるものです。 normalize.cssの関連サイト Normalize.cssの本サイト Normalize.cssのソース Normalize.cssのドキュメント Normal
Webサイト制作の際にクライアントからの要望などや 画像を簡単に保存させたくない時など、 右クリック動作を禁止させることがたまにあるかと思います。 右クリック禁止はJavaScriptで簡単に実装できますが jQueryを使うと、より簡単に実装することができたので メモ書きとして紹介してみます。 まずは単純にページ全体に対して 右クリック禁止させる方法は以下のような記述になります。 ◆SCRIPT $(function(){ $(document).on('contextmenu',function(e){ return false; }); }); もしくは、 ◆SCRIPT $(function(){ $('body').on('contextmenu',function(e){ return false; }); }); 「contextmenu」が右クリック動作にあたるようなので
Meet the next generation of infographics Introducing Piktochart’s latest AI-powered infographic maker. Turn any idea into a professionally designed infographic, poster, banner, and more in seconds, tailored to your brand’s voice. Created for simplicity. Learn the platform in less than an hour. Tools like Photoshop & Illustrator require months of training before you can make a graphic that looks pr
こんにちは。 jQueryプラグイン「bxSlider」のいろいろなオプションの使い方のまとめ!です。 簡単にいろいろなスライダーを実装できる事で人気にjQueryプラグイン「bxSlider」。 けっこう頻繁に使う事があるので、いろいろなオプションをまとめてみました! ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 bxSliderをダウンロードしてみよう!下記のサイトの右上の「Downloas」のボタンをクリックしダウンロードします。 jQuery Content Slider | Responsive jQuery Slider | bxSlider bxSliderを設置してみよう!ダウンロードしたファイルのjquery.bxslider.min.jsとjquery.bxslider.cssとimag
2015.08.05 【jQuery】多機能でカスタマイズしやすいモーダルウィンドウ、Colorboxが最高に使いやすい みなさん、モーダルしてますか? Webサイトでモーダルウィンドウを実装する機会は多いと思うのですが、プラグインも豊富なので何を使おうか悩んだことがある人も多いはず。 僕は、定番ですがColorboxというjQueryプラグインを使うことが多いというか、ほぼこれ一択です。 Coloroxの何が良いかというと多機能でカスタマイズしやすい!これに尽きます。 標準でyoutubeやvimeoなどの動画サイト、ajaxを使って取得したコンテンツの表示などに対応しているのはもちろん、オプションが豊富でいろいろな設定が可能です。 コールバックやパブリックメソッドと呼ばれる、別のJavaScriptからColorboxの操作を行うための仕組みなどが用意されているので、非常にカスタマイズ
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行
休めない日本人のために、“正しいサボり方”教えます――。そんな内容の研修が3月2日、とある企業の社内で実施された。企画したのはサイコロ給やエゴサーチ採用など、独特の人事制度で知られるカヤックだ。 講師に「休む技術」などの著作で知られる米スタンフォード大学の西多昌規氏を招き、会社公認のサボり方や、仕事中の切り替えの仕方についてさまざまな知見が語られた。 カヤックによる「正しいサボり方研修」。写真左奥はカヤック代表の柳澤大輔社長 米スタンフォード大学で精神行動科学を研究する西多昌規氏 サボることは「生存戦略」 サボるという言葉はもともと、フランス語のサボタージュ(破壊活動)から来ている。わざと機械を壊したり仕事を停滞させたりして、経営者に損害を与えることで、別の問題の解決を図る一種の労働争議だったわけだ。 しかし、西多氏は現代でのこの言葉の意味をこう定義する。いわく「過重労働の割に効率がさっぱ
「線画デザイン」×「パステルカラー」×「アニメーション」 WEBのトレンドをしっかり押さえて自分のデザインに取り込もう こんにちは、omatsuです。 私はWEBデザイナーなので日々最新WEBサイトをチェックするのが日課でもあります。 2月から箱庭へ異動してきたので、がっつりWEB制作のお仕事というよりは、運営する側になりましたが、 やっぱり最新WEBデザインをチェックする習慣は欠かせません。 私がいつもチェックしているWEBサイトの中から、目に留まったサイトをいくつかご紹介していきたいと思います。 Frank Body Beyond This Point Ricanza Sweet Magnolia Gelato Co. – A Southern Delight Sway Water 実はこれ、すべてレスポンシブデザインなのです。 かく言う箱庭もレスポンシブデザインを適応しています。 い
こんにちは。 3月になりましたので、2月中に話題になったWebサービスやアプリを11個ほどご紹介します。 カクヨム カクヨムは、2016年2月29日に正式リリースされた、自由なスタイルで物語を投稿できる小説投稿サイトです。(公開非公開は作者が決められる) 2015年12月25日から、事前に会員と作品の投稿を受け付けていましたが、結果3月現在で会員数は1万8000人、投稿数(作品)はすでに1万5000作品を超えているというから驚きです。 Miitomo Miitomoは、任天堂が提供する自分に似たキャラクターをつくって、友達とコミュニケーションができるアプリです。 ニックネームだけでなく、しゃべり方や性格なども設定できるのでより自分に近いキャラクターを作ることができます。 サービスのリリース自体は3月を予定しており、予定配信国は、日本を含んで、アメリカ、カナダ、イギリス、アイルランド、フラン
もっとみる 物件ファンを支えてくださってる皆様 うっちー アマレット Koji ちー カツオ odmishien ASA KeyNo.029 chou やまつま Ayaka しゅー kee 伊藤商店 とみこ GAJA デューク内藤 ミヤコドリ magさん Umising てんてこまい ふみ oda 球体 ぽんちゃん だんちぐみ 3t06 なとぅ みちゃん ジュンコ くろくろ 更夜 ぽるぴいお たかにゃん ちぇるもふ さやか さんかく ひろ あんさー iron ヨシニイ ちびりーな 三嶋 優 うすい のぶ ネコチャンのカリント さきはま めばる atez Ciao! JIMA ぽむ ユン 結 ももたす 岩波しずか MKstyle Kaco のぞみ sakaken1 MONV.MitsuMame・おもや ひろみっち fumi mamune blackkite masako.o おさるー ぽんち
はじめに 本稿は UI Design Advent Calendar 2015 – 8日目のモバイル UI に関する記事です。 まず私はハンバーガーメニューという UI が嫌いです。その理由についてこの記事で説明していきたいと思います。 あの三本線を人はハンバーガーと呼ぶ 最近よく見かけるあの“三本線”のことを海の向こうでは ハンバーガーアイコン とか ハンバーガーメニュー とか言うらしいです。上のがパンで、真ん中のがハンバーグで、下のがパンに見えるからだそうです。にしてもこのただの三本線をハンバーガーと表現するのは少し無理があるような気がします。まあ違和感あれどそこに抗っても仕方がないので、とりあえずこれはハンバーガーと呼称することにします。 ハンバーガーメニューを避けたい理由 真面目にハンバーガーメニューを考察してみます。 1. 何をするのかがわからないアイコン https://dri
アプリ開発は頭の中で考えているだけではダメです。UXは実際に試していく中でこそ磨かれます。そのためには書き出すのが大事なのですが、専用のツールを使うのは操作を覚えるまで時間がかかってしまうでしょう。そこでさくっと使えるペーパープロトタイピングツールを紹介します。ツールと言っても実際にはPDFや画像なので、印刷したら後はペン一本でプロトタイプの作成が開始できます!iPad MockupsiPadのプmBaaSお役立ちブログ トップ> ブログ> Tips> 紙と鉛筆でアプリ企画をはじめよう。ペーパープロタイピングツール×19選 アプリ開発は頭の中で考えているだけではダメです。UXは実際に試していく中でこそ磨かれます。そのためには書き出すのが大事なのですが、専用のツールを使うのは操作を覚えるまで時間がかかってしまうでしょう。 そこでさくっと使えるペーパープロトタイピングツールを紹介します。ツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く