フレームランチはデジタルコミュニケーションを通して、もっと身近に、少しでも多くの人に生活が楽しくなるような彩りを届けていきたいと考えています。
![FRAMELUNCH](https://cdn-ak-scissors.b.st-hatena.com/image/square/78a3e3b84b66e8ae8182de0562f010498011eb21/height=288;version=1;width=512/https%3A%2F%2Fframelunch.jp%2Fogp.jpg)
フレームランチはデジタルコミュニケーションを通して、もっと身近に、少しでも多くの人に生活が楽しくなるような彩りを届けていきたいと考えています。
2016年2月より店内改装のリニューアルをいたしました。 ラシームの料理と新しくなった空間で、特別な時間をお過ごしください。 今後とも、ラシームをよろしくお願いいたします。 「La Cime(ラシーム)」は、 「頂上、山の頂」という意味のフランス語です。 "La Cime" is a French word for "top" or "peak", and we think of three most important factors of our restaurant as the three peaks of a triangle formed by; "guest", "cuisine" and "space". We believe that only by bringing these three peaks in balance, supporting each other
A design studio committed to creating forward-looking identities and experiences for leading brands. Working alongside a wide range of clients, from start-ups to established companies, our aim is to find intelligent solutions. InsightWe build strong relationships with our clients and provide guidance to shape their products, services and the future of their brands. We help new ideas to emerge and
CREATIVE STUDIO WRASS NETWORK CO.LTD 足し算と引き算。それが私たちの仕事です。 お客様が描くたくさんの想い。 それを整理し、伝えたい人にどう伝えるか。 足りないところにはエッセンスとスパイスを、そぎ落とすところはバッサリと。 しかし、本質は崩さず。 クリエイティブという仕事は、そういうことだとラス・ネットワークは考えます。 SERVICE 守備範囲の広さが自慢です。 クリエイティブワークの全域をお任せください。 例えば、web、雑誌、映像をフル活用してプロモーションをしたい。 そんなクロスメディア活用のケースでは、総合的な効果期待を最重視して、ご提案いたします。 制作もデザイン、プログラム、映像の各チームがシームレスに社内連携して業務進行、バランス感のある効果的なフローを無駄なくワンストップで実現します。
レッド・イエロー・ブルーの三枚のパネルが重なっており、それをホバーするとそのパネルを扇状に開くスタイルシートのデモを紹介します。 アクションの度に、ぷるっと反動するのが細かい! Calendar and Clock 実装はけっこう複雑ですが、このインタラクションはかっこいいですね。 日付や時刻の取得、不透明度の変更にJavaScriptを使用していますが、ホバーのアニメーションはスタイルシートで実装されています。 HTML 3つのパネルはdiv要素で、1枚目はノーマル時のカレンダーとホバー時の年と分と日、2枚目はホバー時の時と曜日、3枚目はホバー時の秒と月が要素として配置されています。 <div class="signboard outer"> <div class="signboard front inner anim04c"> <li class="year anim04c"> <sp
縦スクロール前提の1ページで構成された長いページを作成する時に役立つPSDベースのワイヤーフレーム素材を紹介します。 キャンペーンやポートフォリオなど、さまざまなサイトで利用できるコンポーネントがたくさん揃っています。 One Page Website Wireframes ダウンロードできる素材のフォーマットはPSDで、各コンポーネントごとにフォルダで管理されています。 そのコンポーネントの一部を下記に紹介します。 ※グリッドのレイヤーを表示状態にしています。
写真画像やアイコンなどを配置したベタ塗りのボタンなどをサークル状にし、ホバーするとシールのようにぺらっとめくれるようにするスクリプトを紹介します。 実装は非常に簡単で、jQueryなどの他のスクリプトは必要ありません。 Sticker.js Sticker.js -GitHub Sticker.jsのデモ Sticker.jsの使い方 Sticker.jsのデモ デモはChrome, Safari, Firefox, Opera, IE10+でご覧ください。 上記のアニメーションは左からのぺらっですが、上下左右の全ての方向からぺらっができます。右のベタ塗りはめくるとシャドウが半透明で適用されます。 Sticker.jsのフッタ 最初のデモは写真画像なのでカーソルはアローですが、フッタのはリンクなのでポインターになっています。 Sticker.jsの使い方 Step 1: 外部ファイル 当ス
画像に不透明度50%オーバーレイで重ねてみました 写真:Snowboard Jump ダウンロードできる素材は10種類! サイズは3,000x2,000pxの高解像で、フォーマットは.jpgです。 その中からいくつか紹介します。
落ち着いたパステルカラーの美しいグラデーションをモザイク状にした高解像の背景素材を紹介します。 よく見かけるぼやけたブラーや単なるグラデーションとは一味違った面白い素材ですね。 20 Free Mosaic Backgrounds 利用にあたっては個人でも商用でも無料で、クレジット表記は必要はない、とのことです。詳しくは下記ページをご覧ください。 Terms of Use 素材は全部で20種類、サイズはほとんどが3,000x2,250pxと高解像となっています。 こんな感じの素材がダウンロードできます。
何もない空白のネガティブスペースを使った、クリエイティブで面白いアイデアがいっぱいのアートワークをDribbbleから厳選して紹介します。
ページ下部にもたくさんのアニメーションが! アニメーションはAnimate.cssを使用しているので、さまざまなものが利用できます。 どのようなアニメーションががあるのか、実装方法など、当ブログで以前紹介した記事をご覧ください。 classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css WOW.jsはデモ以外にも、他のサイトで実際に使用されているさまざまな例があります。 どのサイトもアニメーションが楽しく、とても印象的です。 Stream Line Icons WOW.jsのつかいかた Step 1: 外部ファイル 当スクリプトを</body>の上、Animate.cssをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/libs/animate.css"> </
Looking for a quick and easy way to add grungy overlays? Try out these paint overlay textures. Simply place them over your image, change the blending mode, and you’re done. These textures are great for photos, vector illustrations, and digital paintings. Grunge Paint Textures Preview This free download includes 5 paint overlays with an image dimension of 2000x1333 pixels. If you’re a SparkleStockm
テクスチャ素材をそのまま背景に使うだけではもったいないですよね。画像に重ね、不透明度やレイヤーモードを変更するだけでさまざまな面白い効果が得られます。 そんなアイデアが刺激されるテクスチャ素材をPhotoshop Tutorialsから紹介します。 素材は全て商用利用もOK、無料でダウンロードできます。 メンバーになると更に高解像度の素材が揃っていますが、無料版でも1,000x2,000pxと十分なサイズです。
個人でも商用でも無料で利用できる、ざらっとした紙、つるっとした紙、もわっとした紙など、さまざまな紙が揃ったテクスチャ素材を紹介します。 紙系のテクスチャ好きの人には、嬉しい素材ですね。 Free Paper Texture Pack ダウンロードできる素材のフォーマットは.jpgで、サイズは2,100x1,500pxの高解像度のテクスチャ素材です。 紙は全部で64種類! その中からいくつかジャンルごとに紹介します。
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト! KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
Image Lightbox, Responsive and Touch?friendly ? Osvaldas Valutis レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 4kbと軽量で、画像だけLightbox風にしたいのであればこれはよさそうです。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 Medium風のシンプルなLightBoxが実装できるjQueryプラグイン「Fluidbox」 PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」
Known issues: Not tested on browsers other than Chrome and Safari. Would love to get help here. Not supporting multiple lines of body text. Bootstrap panel classes have to added to plugin source now. Can make this a config option later. Add a whole lot of copy to make the page long Sint four loko fashion axe Pitchfork, beard aliqua Banksy ethical in ut est ad +1 kogi Etsy. Tote bag assumenda id oc
A powerful, flexible and animated vertical news ticker plugin. Provides hight flexibility thanks to numerous callbacks & methods. Fully customizable to every kind of vertical scrolling need. Light-weight and optimized JQuery plugin. Etiam imperdiet volutpat libero eu tristique. Aenean, rutrum felis in. Read more... Curabitur porttitor ante eget hendrerit adipiscing. Maecenas at magna. Read more...
Gesture icons are created to aid in the design and promotion of multi-touch interfaces. With the help of a nice set of gesture icons, you can design a professional tour guide for your applications easily. Gesture Vector Icon Set includes common touchscreen interactions such as Tap, Double Tap, Drag, Swipe, Rotate, Press and Drag, Pinch, Spread. Total : 70 icons in AI, PSD and PNG. More Awesome ico
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く