クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね！みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のような完成図をイメージされることが多いのではないのでしょ

テントにはピンからキリまで種類があり、快適性と価格の釣り合いが難しいところですが、粗悪なテントではなかなか体を休めることができません。そこでデコボコや傾斜のあるところでも心安らかに休息できるコストパフォーマンスの良いテントを探していたところ、約5000円という低価格で地面に底がつかず、ペグも不要なのでどこでも設営可能な「高床式折りたたみベッドテント」を発見したので、その性能を確かめるべく、まっすぐな場所にテントを張るのが難しいフジロックフェスティバルに持って行って使ってみました。 注文したテントが緑色の袋に入って到着。 中身は下から折りたたみ式ベッド・ポール・テント・説明書。ベッド部分の耐荷重は110kg、材質はアルミニウムおよびスチール製で、サイズは幅193×奥行78×高さ160cmです。 というわけでフジロックに持ってきました。重量は8.7kgとかなり重めなので、折りたたみ式のキャリー

近年、日常茶飯事になりつつある個人情報の漏えい事件。 ベネッセや日本航空の事例などなど、セキュリティ意識の高い大手企業であっても個人情報流出を止められないわけですから、対策にお金をかけられない中小企業や個人商店からの流出は、もはや星の数ほど発生してると考えるのが自然…。 酷いケースだと企業側が流出に気付いていない場合すらあることを考えると、住所、氏名、電話番号、クレジットカード情報といった大切な個人情報は自分自身で守るほかないのかもしれません。 大量の情報漏えい： ニュースになるので気付きやすい＆企業側からの連絡が期待できる 小規模な情報漏えい： 被害者が少ないので気付きにくい＆場合によっては流出したことすら通知すらされない（そもそも企業側が流出を認識できていないことも） では、どうすれば個人情報流出から身を守ることが出来るのか？ 今回は参考までに、自分が登録した個人情報がどこから流出した

2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック

No notifications to show yet You’ll see useful information here soon. Stay tuned!

2014年2月20日〜3月10日まで、星空の撮影を主な目的として南米を旅して来ました。一応卒業旅行です。一番の目的はウユニ塩湖で星空の写真を撮ること。ウユニ塩湖は雨期にいくと塩湖に溜まった雨水が空を反射して、まるで空の中に立っているようになる場所として有名です。Facebookやtwitterで星空の写真をアップしたところかなりの反響があったので、ブログにもアップしてみます。アップついでに、需要がありそうなウユニでの星空の写真の撮り方についても述べてみます。自分はしばらくウユニにはいけないので、これを読んだあなた。どうか良いウユニの写真を撮って来てください。それだけが私の望みです（ひぐらし風） ウユニ塩湖は昼間の「空に中に立っているような風景」が人気ですが（参考： 美しすぎる絶景…世界最大の鏡「ウユニ塩湖」の画像 - NAVER まとめ）今回は、そのウユニ塩湖で星空の写真を撮ってきました。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や

3月も終わり4月が始まるということで、3月中に話題になったWebサービスやアプリを12個ほどご紹介します。 Presso（プレッソ） 先日はてながリリースした、ニュースアプリです。 既存のニュースアプリとの違いは、ユーザーの興味（カテゴリから選択する）にもとづいた情報が配信されるところ。そして1つ1つの記事に、はてなブックマーク経由で投稿されたコメントが表示されるのも特徴的です。デザインもフラットでいい感じです。 Webflow コードを書かなくても、レスポンシブで美しいWebサイトが簡単に作れるサービスが登場しました。しかも無料。 「Build beautiful, responsive websites without code.」 テンプレートもデザインが整っていて、サイトを作成したあとにコードを、画像ファイルも含めて書き出すことができるのには驚きました。ただ単に何かをつくるだけのコ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

古いプラグインを削除して、下記のプラグインを新たに追加しました。 Easy Table of Contents: 記事に目次を自動生成できる SEO SIMPLE PACK: SEO設定を管理できる All-In-One Security: セキュリティ＆ファイアウォールを拡張 Media Cleaner: 不使用の画像ファイルを削除できる WP Rollback: プラグインを以前のバージョンに戻す WordPressとは？ WordPress（ワードプレス）は、オープンソースで開発されたCMS（コンテンツ・マネージメント・システム）です。 初心者でもわかる言葉で説明すると、ブログの作成管理システムです。 記事を時系列順に並べて表示するブログ形式だけでなく、 HTMLで作成したWebサイトを管理することもできます。 WordPressはオープンソースで開発されており、基本機能は誰でも無料

世界中のデニム・インフルエンサーが日本に結集。“定番にして頂点”ブランドの新たな歴史を刻むであろう「ブルータブ」初コレクションをリポートする

STEP0会員登録 ご注文いただく為にはまず会員登録を行っていただきます。会員登録を行うことでご注文や、マイページから過去の履歴等の管理を行うことができます。 こちらのページから会員登録ができます。 商品ページから価格表に進んでいただき、ご希望の商品を選択してください。価格をクリックしていただくと、商品がカートに入り注文のページに進むことができます。 商品ページは3ページ構成となっております。 登録した内容に誤りが無いかご確認いただき、問題なければ利用規約に同意いただき、発注完了となります。

スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に

こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu