2016 - 02 - 10 骨盤がゆがむ前に！あなたも絶対やっている骨盤がゆがむＮＧ習慣！ 健康 スポンサーリンク 骨盤のゆがみは、カラダ全体に及ぶ！ 骨盤には身体を支える役割があります。支え（骨盤）が歪むと全体（身体）にも影響を及ぼし、反対に他の場所の歪みも支え（骨盤）に影響を及ぼします。 骨盤のゆがみを治すことで痩せやすくなったり、スタイルがよくなったりする嬉しい効果があります。 どのような行為が骨盤をゆがめてしまうのでしょうか？ いつも同じ肩で重いものを持つ（片方に重心をかける） 重いバッグをいつも 、同じ肩にかけていることで歪んでしまいます。 片方の肩だけに、習慣的に重い荷物を持っていると、肩、背中、骨盤の筋肉が萎縮したクセをもつようになり、知らないうちに背骨や骨盤も歪んでいきます。 行きに右側で荷物をもったら、帰りは左で荷物を持つ。片方だけに偏らず、重心の位置を変えたり、真ん

どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか？ Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡単に扱える「JavaScriptライブラリ」を厳選してご紹介しようと思います！ ■多機能な「写真ギャラリー」を組み込めるライブラリ！ ◆1.Viewer.js 複数の画像を表示する際に、オシャレな「ギャラリー風」に変換してくれるライブラリです。 類似のライブラリはいくつか存在しますが、「Viewer.js」は使い方が非常にシンプルで扱いやすいのに、多機能性も備えているスグレモノとなっています。 基本的な使い方としては、HTMLファイルに表示させたい画像を「リスト要素」で指

Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値 height: 任意の値 これだけ。これだけで親要素に対しての上下左右中央寄せを実現できます。 追記： 親要素にはposition: absolute;かposition: relative; を設定してください。body に対してセンター寄せしたい場合はそのままでOKです！ 今までtop とleft の値を50%にとって、要素の高さと幅の分だけマイナスのmarg

2016年1月12日にIEの古いバージョンのサポートが終了し、Windows 7/8はIE11、VistaはIE9がサポートブラウザになりました。Vistaはアレなので、実質IE11を考えてWeb制作をすればよいことになります。IE11を対象した際に、Flexboxの導入を考える制作者も多いと思います。 ※Vistaは2017年にサポート終了（参考: Windows製品のライフサイクル） Flexboxでどういうレイアウトができるのか、各プロパティはどのように挙動するのかが分かるFlexbox playgroundを紹介します。 Flexbox playground Flexbox playgroundはページの埋め込みにも対応しており、Flexboxのコンテナとアイテムの各プロパティがどのような挙動をするかよく分かると思います。 Flexboxの各プロパティの詳しい解説は、下記ページをご

西新宿に店舗を構える「文具雑貨エイトボール」は、デザイン美・機能美に優れた文具がそろう人気ショップ。海外文具の品ぞろえが豊富だ。 店長の森田祥子さんがおススメするのは、「ファティ ハーフサイズナチュラル色鉛筆12色」。木の素材感を感じられる、ナチュラルな5mm芯。ハーフサイズがかわいらしく、大人から子供まで使えるデザインに仕上がっている。「トルコ・イスタンブールの筆記具ブランドです。もともとは鉛筆メーカーだったこともあり、色合い、発色ともにいい味が出ています」 毎日忙しく活躍するビジネスマンには、「インフィエイト TO-DO PAD」。細かくTODO管理ができて、効率的に作業ができる。「すべきことを1ページにまとめる」がコンセプトで、通常のToDoリストとASAP（早急にやらなくてはいけない事柄）を書く欄があり、緊急度合いで書き分けられる。「記入時間または終了する予定時間をチェックするチェ

ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います！ 必要なファイルを準備しよう！ 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d

7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับมิได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่เรามีให้เฉพาะสมา

zen habits：だらしなさと無縁の、きちんとした生活をするにはどうしたらいいのでしょうか。 これは、多くの人にとって難題かもしれませんが、実は、いくつかの簡単なルールに従いさえすればあっという間にできてしまうのです。 目標の代わりにルールを設定するというアイデアについて以前に書いたことがありますが、今日は整理整頓を助けるルールについていくつかのアイデアを共有したいと思います。 散らかり放題で困った状態からミニマリズムへと移行するのは、時間はかかっても得るものの多い旅路だと、私は身をもって知っています。そして今では、周りを見回すたびに、物がない愛すべきスペースがあることに幸せを感じています。 もしあなたがお手上げ状態だと感じているなら、この私が、それを解決するのは決して不可能ではないと証言します。時間をかけて小さなステップを積み重ねていきさえすれば良いのです。 これから紹介するルールを

皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 今日は過去私が数百社という企業のプランニング・運用をしてきた中で実証した、 最も「手早く」「確実に」コンバージョンを伸ばす方法をご紹介します。 それがEFO、つまり「エントリーフォームの最適化」です。 Webサイトをリニューアルしなくとも、LPを作らなくとも、 エントリーフォームを変えるだけでコンバージョンは劇的に変わるのです。 実際の事例をいくつかご紹介しましょう。 Case1：ブライダル系サービスのEFO事例 http://www.primavera-wedding.co.jp Case2:ギャプライズクリックテールサイトのEFO事例 https://contentsquare.gaprise.jp/ Case3:システム系BtoBサービスのEFO事例 これらの事例はいずれも変更したのはエントリーフォームだけです。 特にフォ

Webサイトを背景色まで含めて印刷したいのにプレビューで表示されない場合は下記の内容を確認して下さい。 （１）Firefox 「アピアランス：背景色をプリント」にチェックを入れておく。 （２）chrome CSSで背景まで印刷する指定をしておく。こちらはchromeしかないプロパティのようです。 body { -webkit-print-color-adjust: exact; } （３）印刷したい箇所の背景色指定には!importantをつける !importantを付けない場合上記（１）（２）の設定をしていても表示されないようです。 CSS例 th { background-color: #eee !important; } （３）が分からなくて困っていましたが、important指定をすることで無事に表示されるようになりました。 参考：Background color not sho

レスポンシブ対応、タッチデバイス対応、CSS3アニメーションを使った快適操作が気持ちいいさまざまなフリップコンテンツが実装できる軽量（5kb）のスクリプトを紹介します。 パタパタ、クルクル、ペラペラ、本当に気持ちよく動きます。 jQuery Flipster -GitHub jQuery Flipsterのデモ jQuery Flipsterの使い方 jQuery Flipsterのデモ 対応ブラウザは、Chrome, Safari, iOS Safari, Firefox, IE10+で、IE8/9は一部サポートです。 デスクトップでもスマホでもタブレットでもOKです。

今日のおやつは、抹茶ぜんざい。 抹茶ラテにあんこやお餅を入れた「抹茶ぜんざい」が大好きなので、最近良く作ります。 簡単に作ることができるおやつです。 ～抹茶ぜんざいのレシピ（１人分）～ ・抹茶　　　大さじ１ ・砂糖　　　小さじ２ ・牛乳　　　２００cc ・あんこ、餅、白玉団子など ①抹茶と砂糖を容器に入れ、少量のお湯を入れて溶かします。 ②①に牛乳を加えたら混ぜ、レンジで１分半ほど加熱します。温まったら再度良く混ぜます。 ③抹茶ラテを器に入れたら、あんこ、焼いたお餅や白玉団子をのせます。 抹茶ぜんざいの出来上がり！ もっと簡単に作りたいなら、抹茶ラテの素をお湯で溶いて作っても美味しいです。 今日は白玉団子ですが、こんがり焼いたお餅でも合います！ 抹茶の苦味があんこの甘さと良く合います。 あんこと混ざり合った抹茶ミルクが美味しくて美味しくて、ゴクゴク飲んじゃいます。 暑い時期には冷やし抹茶ぜ

デザイナーのベーコン（@dogdog464646）です！！ プレゼン資料作りにも役立つ、デザイナーがついつい使ってしまうフォント4つを選んで解説しました！ 「フォントにお金を出すのはちょっと…」という方のために無料フォントを紹介します。 いいフォントを使うと明らかにデザインが締まりますので、新しいフォントにチャレンジしてみてくださいね。 １つめ『DSきりぎりす』 (DS-kirigirisu) 「DSきりぎりす」このフォントはすごいです。 ポケモンで言ったらポッチャマ。GLAYで言ったらTERU。ドラゴンボールで言ったらベジータ。つまりスーパーヒーロー！2016年もまだまだ色んな所で使われていますね。 ▼DSきりぎりす (DS-kirigirisu) (¥16,500 ） こんな感じで使われている ●コンビニ各社で使われている ファミマのクッキーエッグタルト。あっちこっちきりぎりすフォント

数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！ 2016年、Webとグラフィックデザインのトレンドと今後の展望 2016年、Web制作業界全体の流れ 2016年、注目されている新しいテクニック・コンセプト 2015年に定義されたレスポンシブWebデザインの8つのトレンド 現在のトレンドから見た良いこと、良くないこと、そしてダメなこと 2016年に学ぶべきプログラミング言語と

たくさんあるWeb制作会社。1,000人以上のプロダクションから、フリーランスのクリエイターまで選択肢は様々です。 数多くある中から、目的にハマッたWeb制作会社をどのように見つければ良いのでしょうか？以下の方法をご紹介します。 1.Web制作会社年鑑を活用する 2.Webクリエイター向けの求人サイトを活用する 3.ポートフォリオサイトを活用する 4.クライアント側に直接聞いてみる 5.メディアやアワード、団体などを参考にする 1.Web制作会社年鑑を活用する http://www.weblab.co.jp より マイナビさんから出版されている『Web制作会社年鑑』では、大小様々なWeb制作会社が100社以上掲載されています。 実績一覧はもちろんのこと、従業員数や、受注額の目安、所在地などもわかりやすく記載されているので、「Web制作会社年鑑で探しています」という方は多いかと思います。 「

野田　先ほど言ったように、構想の初期段階から「狩猟」というキーワードがあったんですね。狩猟というのは、捕まえて肉を食べて、毛皮や骨などを生活用品に利用したり、売ってお金にしたりするまで、すべてくっついているものだと思います。だから料理描写は必然でした。 ——なるほど。アイヌ文化の豊穣さがわかるので、個人的にはアシリパさんの料理シーンはとても楽しみにしています。 野田　アイヌを調べていくうえで、食文化は無視できないおもしろいものでした。食器とかもデザインがいいので、ぜひ細密に描いてみたかったですね。

2016年は、1月12日に古いバージョンのIEのサポートが終了します。 IE8, 9, 10などの古いブラウザへの対応に時間を割く必要がなくなり、今まで躊躇していたCSSやJavaScriptが多くの人に利用されるようになると思います。 これからどんどん取り入れていきたいCSSのテクニック・ライブラリを紹介します。 イラスト: Girls Design Materials 2016年1月12日からIEの対応は実質IE11に レイアウト関連のCSS アニメーション関連のCSS ユーティリティ関連のCSS 2016年1月12日からIEの対応は実質IE11に 2016年1月12日(米国時間)に、IEの古いバージョンのサポートが終了します。 各Windows OSごとの対応バージョンは、下記の通り。 Internet Explorer サポートポリシー変更の重要なお知らせ Vistaユーザーはほぼ

Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show

作成：2016/01/4 更新：2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ

ここ数年、公共図書館で「読書通帳」の導入が進んでいる。銀行ＡＴＭのような専用端末に通帳を通すと、自分が読んだ本のタイトルや貸出日を記録できる仕組みだ。図書館によっては、導入後の児童図書の貸し出しが２倍に増えたところも。通帳に記帳する仕組みを楽しみながら、読書意欲を高めようという取り組みだ。開発したメーカーや図書館に話を聞いた。 通帳の費用は？ ２０１０年、初めて読書通帳の端末を設置した山口県の下関市立中央図書館。これまでに約２万冊を発行し、利用者から「弟に通帳を見せられ、本嫌いの兄が本を読むようになった」「子どもが学校の図書室にも行くようになって回転よくなった」との声が寄せられている。 読書通帳を開発した内田洋行（本社・東京）によると、現在全国の１２市町が機械を導入。図書館システムと連携したＡＴＭ風の専用機に読書通帳を入れると、借りた日や書名、作者名などが印字される仕組みだ。図書の定価も記