ーとっぷ ーときすし ースタッフ ービジョン ー一日の流れ ー募集要項 ー会社概要 ーお知らせ ー応募フォーム お客様を想う心が身に付く仕事 ときすしは、寿司の「技術」と「おもてなしの心」で お客様だけではなく、そこに働くスタッフ自身も幸せになるように・・・ そんなお店作りを目指しています
アトリエフルールharuの製作風景。多くの花材から自由に選んでフラワーアレンジを楽しんでいただけます。 海と山に囲まれた自然あふれる環境と土地で、幼いころは川や海辺、野山で 遊び育ちました。 長い間、草花や自然に魅せられ、現在もお花に興味を持ち、日々勉強し活動できますよう、 努めています。 アトリエフルールharuの教室では、プリザーブドフラワーアレンジメントのデザインを学びながら創作しています。 楽しい空間と花を愛する心を通して、人との繋がりやチャレンジする精神を大切にしたいと思います。 ・プリザーブドとは、英語で「保存する」と言う意味です。 プリザーブドフラワーは生花や葉を特殊加工し、みずみずしい美しい姿をいつまでも楽しめます。 生花のような質感や形を保ち続け、水もいらず、美しく咲き続けるお花です。 まずは、自分でアレンジを体験してみませんか? 植物に触れると、癒やされますね〜 アレン
SWFObject SWFObjectというライブラリを使用すると簡単に実装できます。 >SWFObject こちらのサイトからswfobject.jsをダウンロードし、 header部分に <script src="js/swfobject.js" type="text/javascript"></script> を追加し、 Flashを表示させたい部分に <!--swfファイルの表示--> <script type="text/javascript"> swfobject.embedSWF( "swf/sample.swf", //swfファイルへのパス "noFlash",//代替コンテンツを表示するid "980",//表示されるswfの幅 "300",//表示されるswfの高さ "9.0.0"//flashPlayerのバージョン ); </script> <!--代替えコンテン
こんにちは、コプロシステムWebデザイングループのデザイナー早水です。 これまで「紙デザイン・ベクター作成はIllustrator、画像編集・WebページデザインはPhotoshopで」という常識がありました。(今回の記事ではFireworksを除きます) しかし、ここのところWebデザインだってIllustratorで!という人が結構増えたのではないでしょうか? そんな大のIllustrator派のひとりとして今回は"WebデザインをIllustratorでつくる理由"と"設定方法"について書こうと思います。 そもそもなぜWebデザインにはPhotosopだったのか WebデザインにおいてIllustratorがあまり好まれない理由の1つとして、 Illustratorはもともと印刷物をつくる為に生まれたツールなのでベクター画像を中心に扱う為、ビットマップ画像中心のWebとの相性があまり
こんにちわ!さいどうです。 今回は大雑把な私が最も苦手とする、マージンについてお話しします。 マージンとは 余白 の事です。 流行のフラットデザインやグリッドデザインでは、この余白を大胆にとってますよね。 しかし、とりあえず余白をとればいい!というわけではありません。 シンプルなデザインこそ、きちんとした基礎が必要になってきます。 というわけで、今回は、初心にかえりマージンの基本についてご紹介します。 目次 マージンの5つの基本 文字まわりはマージンをとる! 上下左右は均一にする! 間隔を区切ることでまとまり感が出る! 内側のマージンは外側よりも狭くする! 段落の下は広くマージンをとる! 見比べる! おまけ…トレンドのマージンを意識してみよう まとめ マージンの5つの基本 私なりに5つにまとめてみました。 文字まわりはマージンをとる! 大きさをかえるだけでもメリハリは出ますが、読みやすさに
Webフォント導入のきっかけWebフォントを導入しようと思ったのは以下の記事を拝見したのがきっかけでした。 WEBフォントで簡単に!STINGER3の細かいところにアイコンを入れてみた これを見て「わー、細かいけどこういうの素敵!これは私もパクりたい!オマージュしたい!」と思いたち、やってみることにしました。 で、いきなり結果から書くと、こんな風になります。 黄色の○で囲まれたハートやフォルダのアイコン。これが今回導入したWebフォントなのです。 これがフォント?って思いますよね。そうなんです、こういう一見画像(アイコン)風のデザインをフォントだけできちゃうのがWebフォントの優れたところなんです! あくまでフォントなので拡大・縮小しても画像が荒くなったりしませんし、CSSでの装飾だって可能です。画像じゃないので表示も軽いです。 どうですか?ちょっと興味わいてきましたか?気になってきたら続
先日、FeedlyGraph を1週間で公開した。 photo credit: surfzone™ via photopin cc 公開までを振り返ってみる。 0日目 アイデア出し 僕は普段からこんなサービスが欲しいな〜というアイデアをメモに残すことにしている。 iCloud 便利。 今回はそこから規模感が合うものをチョイス。 1日目 アイデアの検証 問題を解決するサービスが世の中にあるかどうかを確認した。 今回は「Feedly の購読者数の推移を確認したい」が問題。 既にあった解決策に近いものは以下のとおり。 Feedly Insight Feedly Subscribers Checker 2 FeedlyやlivedoorReaderの購読者数をGrowthForecastにポストするRubyスクリプト作った 上から順に WordPress でないと使えない 今の購読者数しかわからな
厳選素材で焼く gramのパンケーキは誰もが笑顔になります。 パンケーキの素材にこだわり、 ご注文いただいてから1枚1枚丁寧に焼くgramのパンケーキはふわふわの食感で、 厳選したトッピングとの相性は抜群です 落ち着いた雰囲気の店内で ゆっくりと自慢のパンケーキをご堪能ください。
今年もあと40日ほど。毎年この時期に無料で利用できるクオリティの高いWordPressテーマを紹介しています。3回目となった今回も2013年に公開されたテーマを中心に、無料で使えるクオリティの高いWordPressテーマを100テーマ集めてみました。 WordPressで新しくサイトを作る際や、気分転換でテーマを変えてみようと思っている方の参考になれば嬉しいです。 2015年版を公開しました。よければこちらもご覧ください。 2015年 : 無料で使えるクオリティの高いWordPressテーマ 120 Old Post 過去のWordPressテーマまとめです。 2012年 : 無料で使えるクオリティの高いWordPressテーマ 100 無料で使えるクオリティの高いWordPressテーマ 150 Category 01. Magazine 02. Blog 03. Portfolio 0
TOP > Photoshop > 高品質なフリーのPhotoshop素材まとめ「44 Useful Free Photoshop Files For Designers」 Photoshopは便利な画像加工ソフトですが、クオリティの高いデザインや部品を作ろうとするとどうしても時間が掛かってしまうものです。今回はそんな時に便利なPhotoshopフリー素材のまとめ「44 Useful Free Photoshop Files For Designers」を紹介したいと思います。 Stylish Ribbons PSD | PixelsDaily デザインの骨組みとなるUIから細かなアイコン群まで、数多くの素材まとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 iPhone 5 Psd Landscape Mockup | Psd
蝶の舞う春らしいお花やグリーンなど、フローラルの背景素材あつめました。 グリーディングなどのメッセージカード作りに! 注)一部商用不可、ライセンス不明なものも含まれます。 vector Floral Greeting Card – Web Design Hot! ファイル形式:EPS ライセンス:CC BY- 3.0 webdesignhot.com Free Vector Floral Greeting Card – Web Design Hot! ファイル形式:EPS ライセンス:CC BY- 3.0 webdesignhot.com XOO Plate — Delicate Pink Floral Butterfly Abstract Background ファイル形式:EPS ライセンス:CC BY- 3.0 albumfotos.com Abstract Floral Green
Creating a Radial Menu in CSS マウスのホバーで、「扇形のツールチップ」がアニメーションで表示されます。 続いて、二つ目のデモ。上記にインスパイアされたもので、動きが絶妙ですごいです! Circular Tooltip こちらはクリックで、「扇形に広がるツールチップ」がアニメーションで表示されます。 実装はデモページにも掲載されていますが、下記のようになっています。 HTML !-- content to be placed inside <body>…</body> --> <a class='button ctrl' href='#' tabindex='1'>★</a> <ul class='tip ctrl'> <li class='slice'><a href='#'>✦</a></li> <li class='slice'><a href='#'>✿
Webデザインの分野では、2012年半ばより、フラットデザイン化の流れが止まらない。 Webデザインにおける2013年のトレンドは?と聞かれれば、間違いなく多くのデザイナーが「フラットデザイン」と答えるでしょう。 Windows8におけるメトロUIが、代表的なフラットデザインとなっていますが、 iOS 7ではUIとアイコンデザインを一新? "フラット化"が進む - 海外報道でもふれられている通り、Appleまでもがフラット化の道をたどっているのではないかという噂まであります。 そんなわけで今回はトレンド「フラットデザイン」についておさらいして行きましょう。 フラットデザインとは? 一応定義があるわけではないのですが、指標のようなものはあります。 従来のように影や装飾などで、立体的なWebデザインを行うものと対照的に、装飾や影などを極限まで省き、平面デザインにすることです。 ポイントはいくつ
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く