片岡物産の商品を使った、こだわりレシピを ご紹介。ちょっとひと手間とひと工夫を加えるだけで、さらにおいしく変身します。
今年も打ち水の季節がやってきます。 いえ、すでに「やってきた」と言った方が良いかもしれません。 短い春をまたいで、気づけばすでに夏のような日々。 事実、「気候変動」は急激にすすみ、世界中で異常気象や災害が起こっています。 この変わりゆく状況へ、自分たちにできる対策を立て、適応するために。 打ち水大作戦は、 気候変動対応型 打ち水大作戦 へと進化しました。 これからは季節に関係なく、晴れて暑い日があればそれが「打ち水の日」。 今すぐに状況を変えることは難しいかもしれないけれど、 打ち水を通じて私たちの「意識」を変えることはできるはず。 持続可能な世界をめざして、新しい打ち水大作戦が始まりました。
TOPjQuery ColorboxでjQueryのモーダルウィンドウを実装する方法 ColorboxでjQueryのモーダルウィンドウを実装する方法 公開日:2015.11.20 更新日:2023.03.19 jQuery, モーダルウィンドウ Colorboxというレスポンシブにも対応したモーダルウィンドウプラグインの使い方をまとめました。 IE Testerで確認したところ、IE7でもいけました!素晴らしいです! デモページ Colorbox配布先 ライセンス-MIT 以前ご紹介したMagnific Popupというプラグインでも似た結果が得られますが、iframeで表示した際、ウィンドウが一定の幅以下になると別ページに遷移するという点が案件に合わなかったので(これがいい場合もあるのですが)こちらを使ってみました。 用意されたCSSや画像を組み込むだけできれいに表示されますが、今回は
自然豊かな環境の中、水にこだわり 昔ながらのスタイルで 安心・安全・おいしいたまごを、うまれたその日のうちに出荷する養鶏場です。 鶏舎は、昔ながらの開放鶏舎。 創業以来、毎日鶏と顔を合わせる「全手採り」スタイルで養鶏を行っています。 プロが配合設計した飼料をベースに、 武雄産のレモングラスや佐賀県産のアスパラなどを加えるかたちで オリジナルフードも作って日々試行錯誤を繰り返しています。 卵に含まれる18種類のアミノ酸が、それぞれ普通の卵の2〜3倍多く含まれているアミノ酸たっぷりの卵。アスパラの茎下を乳酸菌・納豆菌・酵母菌などで発酵させ抽出したアスパラエキスを飼料に混ぜています。必須アミノ酸を含む18種類のアミノ酸が凝縮された卵です。
<div data-aos="fade-up" data-aos-duration="3000"> </div> <div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500"> </div>
要素に影を落とすためのbox-shadowを確認するためのジェネレーターです。 各種プロパティなどページ下部に詳しい説明を書いてあります。 filter関数のdrop-shadowやReact Nativeのshadowのジェネレーターは別ページになります。 /* preview */ width: 200px; height: 60px; background-color: #3cb371; /* border-radius */ border-radius: 30px; /* box-shadow */ box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
テキストに下線を引く方法としては「text-decoration: underline」を使用しますが、装飾的な下線としては使い勝手が悪いです。そのため「border-bottom」を使用したりします。けれども、これも決して使い勝手の良いものではありません。 今回は疑似要素を使用して下線を引く方法です。この方法なら二重線、三重線にも対応できます。 疑似要素で下線を引く方法 「::before」と「::after」にそれぞれ新しい要素を作成してそれに対して線を引く仕組みです。 疑似要素で下線を引くサンプル このサンプルではh1要素に疑似要素「::before」と「::after」を使用して「content: “”」で空の要素をひとつ作ります。 「left:0」「right:0」にすることで要素にUAの幅いっぱいを指定します。そしてその空の要素に下線を引きます。 このままだと「::before
2022.1.16 更新 皆さまこんにちは。 本日はskrollr再び!skrollrを使ってペラいちのランディングページを作ってみます。 まずはこちらにDEMOを作ってみましたのでご覧ください。 (※firefoxブラウザではきちんと表示出来ないかもしれません。その際はお手数ですが他のブラウザでお試し下さいませm(_ _)m ) skrollrってなに? パララックス(視差)効果で立体感のあるページが簡単に作れるJavaScriptライブラリです。スマホにも対応してます。まずはダウンロードしてみよう。 skrollrをダウンロード skrollrの基本的な使い方は前回の記事をどうぞ。 ⚫︎パララックスが簡単に実装出来る!skrollrの使い方 ⚫︎skrollrを使ってシングルページのパララックスサイトを作ってみました スクロールで画像にパースペクティブ感を出す 今回は大きく分けてセクシ
昨日ポートフォリオサイトをアップしたら、予想外に多くの反響を頂いてびっくりしています。 Twitter / Search - yoshiko-pg.github.io ありがとうございます。素直に嬉しいです。 素直にうれしいので例のサイトの作り方でも書いてみようかと思います。 実は結構簡単な仕組みですw スクロール量に応じて簡単に要素を動かせるskrollr スクロールでの動きにはこちらのJSライブラリを使用しました。 skrollr - parallax scrolling for the masses 使い方 操作したい要素にdata-[スクロール量]という属性をつけて、値に変化させたいcssを記述するだけ。 <div class="box" data-0="left: 0%;" data-500="left: 100%;">test</div> <script src"./jquer
お菓子は「幸せのきっかけをつくるもの」というのが、 創業以来変わらないシェ・タニの想いです。 だから、おいしいお菓子を食べる時のゆたかな時間の流れのように、 お菓子づくりの時間もまたゆったりと満ち足りたものでありたい。 時間に流されず、守りに入らず、手間ひまかけた丁寧なお菓子づくりは、 小さなお菓子屋だからこそできる幸せな時間なのだと思います。 どこかありそうで、 けっしてどこにもない美味しさ。 一つ一つのお菓子に納得いくまで向き合いながら、 そんなシェ・タニらしさをお届けしたいと願っています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く