見逃さない、集まりやすい Facebook や GitHub と連携すると、友達がイベントを公開したり参加したときに、connpass がお知らせ。 興味のあるイベントを、もう見逃すことはありません。
病気ではないけどつらい「肩こり」。 世帯員の健康状態を調べた国民生活基礎調査(平成30年度)では、自覚のある症状として女性では肩こりが1位、男性では2位という結果が。 この傾向は年々増えていて、しかも低年齢化が進んでいると言われています。 では、肩こりを悪化させないためにはどうすれば良いのでしょうか。 そこで、肩こりの原因を探ったうえで、肩こりをわずか10秒で解消する超簡単な方法「さとう式リンパマッサージ」をご紹介します。 「どうして?」と疑いたくなるほど超簡単なこの方法で、肩こり知らずのハッピーな生活を送りましょう♪ 肩こりの原因 肩こりには大きく分けて、「病気が原因の肩こり」と「病気が原因ではない肩こり」があります。 病気が原因の場合、変形性頚椎症や頚部椎間板ヘルニア以外にも内臓疾患やうつ病などから肩こりになることもあり、この場合、医師による診察が必要。 病気ではない肩こりには、無理な
17 Flexible Grid Tools and Frameworks for Responsive Websites Today’s websites are no more nifty looking websites rather they have been evolved and improved. Different new technologies and innovations in the web industry have changed the whole criteria of web development. Today we have responsive websites that are interactive enough that they engage the visitors for relatively longer period of tim
Nowadays, it's not only important to develop your clients' websites to look good on all browsers, and on PC and MAC, it's also a must that websites are viewable on tablets and mobile devices. A lot of people opt for making one version of their site for desktop and another for mobile. Others choose Responsive Design, a mix of fluid grids and layouts, flexible images and an intelligent use of CSS me
1.マクスウェル・サックハイムの三原則マクスウェル・サックハイムは1900年代前半に活躍した敏腕広告マンだ。広告業界、コピーライティング業界に大きな影響を与え、マクスウェル・サックハイム賞という賞も出来ている。受賞者には、例えば「滑り台効果」で有名なジョー・シュガーマンがいる。 さて、マクスウェル・サックハイムの三原則とは以下のようなものだ。 この三原則は、広告/コピーの業界にいる人間なら、誰もが知っているほど有名なものだ。そして、優れた文章には、この三原則を乗り越える力がある。 それでは、この三原則を乗り越える文章を書くには、どうすれば良いのか?一つずつご紹介する。 1−1.Not Read(見ない)を乗り越える方法Not Readを乗り越えるためには、一目で中身を読み進めたいと思ってもらえるようなキャッチコピーが必要だ。ここでいうキャッチコピーとは、ブログならブログタイトル、メールなら
読み書きできないエチオピアの子供たちにAndroidタブレットを与えたら...彼らは5ヶ月でハックした2012.11.07 12:005,035 mayumine 読み書きが出来ないエチオピアの子供たちにAndroidのタブレットを置いてきました。そしたらどうなったと思いますか? 何と彼らはタブレットを使いこなした上にハックまでしたのです。 「One Laptop Per Child(OLPC、1人の子供に1つのラップトップ)」プロジェクトの一環として、発展途上国の子供たちにMotorola Xoomsのタブレットを与えました。 MIT Technology Reviewに、OLPCの設立者であるニコラス・ネグロポンテ(Nicholas Negroponte)氏がこのプロジェクトがどれだけ彼らにインパクトを与えたのかを語っています。 「村に箱を置いてきた。包装された状態でなんの説明も書かれ
Thank you for being patient. We are doing some work on the site and will be back shortly.
最近またちょいちょい メールの書き方指南系のエントリーが出てますが、正直 現場で役に立たない一般論だったり、ただの心構えみたいなのか多かったので、もちっとメール効率化を本気で考える人のために実践的なのを書いてみようかと思います。 「受信者に何をさせるために送るメールか?」を明確に決めないで書いちゃダメ 嘘のような話ですが、これを決めないでメール送ってくる人本当に多いです。そのメールを受け取った受信者に対し、何をやってもらうのか?をシンプルに伝えるためのツールがメールなんですから、ここをぼかさないように徹底します。 思いついた内容や気になった内容を、思いついた順そのままに書くのではなく「このメールは、○○さんに△△してもらうために送るんだ」と自分の中で唱えるくらいでいいんですが、ちゃんと決めてから書き始めます。 タイトルは「全文の見出し」としてつける。可能であればタイトルで名乗る これまた多
2014年8月17日 CSS, Webサイト制作 CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ!今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その7 目標:CSSでレイアウトが組める・基本的な装飾ができる 必要なもの:Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル:CSSの基礎知識がある・基本的なCSSが手打ちで書ける 目次
私がWordPressを使用してサイトを構築するとき、 必ずといって良いほど使用するプラグインについてご紹介します。 ※基本的なSEO系プラグインなどは除外しています。 目次 Advanced Custom Fields Category Order Breadcrumb NavXT PS Disable Auto Formatting TinyMCE Advanced オマケ ■Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ カスタムフィールドを拡張してくれるプラグインです。 カスタムフィールドの設定が容易 カテゴリーやタグにもカスタムフィールドが追加できる 設定できるフィールドが多彩! 1.カスタムフィールドの設定が容易 カスタムフィールドの追加がかなり容易です。 他の
CSSスプライトの利用について スマートフォンの普及に伴って、ネットへのアクセスは自宅のPCでのアクセスから出先の無線通信環境下でのアクセスへと移行している傾向が少なからずあるかと思います。 ウェブサイト等を快適に閲覧するための条件の一つに、より少ないサーバーへのリクエスト数が挙げられます。 複数の画像を集約した1枚の画像にまとめるCSSスプライトを活用することでリクエスト数を減らすことができます。 キャッシュに格納されたスプライト画像はページ遷移の際の高速通信につながりますので、 各ページで汎用的に使用されるアイコンなどをCSSスプライト化するとよいでしょう。 それらをRetina Displayのような高解像度ディスプレイに対応する方法を合わせて取り上げたいと思います。 方法 1.画像を用意する 非Retina Display用とRetina Display用の画像を2枚用意します。
※この記事は、2012/03/04に最初に公開し、2012/11/07-09に大幅に改訂しました。 ブログエンジン/CMSとして高いシェアを持つオープンソースソフトウェアWordPress(ライセンスは、GPL2またはそれ以降)。これに標準添付されているこの表示用のスタイルテンプレートであるWordPressテーマが、本体と同じライセンスが適用されるのか、ということで長らく話題になっていました。 結論だけ書くと、「WordPressテーマの PHP コードは、**すべて(改変版も新規開発も)**がGPL(GPL2またはそれ以降) でなければならないが、画像や CSS は GPL でもそうでなくてもよい」。 WordPressのテンプレートタグを使ったテーマは、GPL(GPL2またはそれ以降) でなければなりません。ただし、対象になるのはテーマのコード(PHP)だけ。画像やCSS・JSファイ
Firefox 16、Opera 12.10、そしてInternet Explorer 10がリリースされました(Windows 7のIE 10はまだですが)。 その中で、CSSのベンダー接頭辞が外れたものをまとめてみます。 CSS Gradientsliner-gradient(), repeating-linear-gradient(), radial-gradient(), repeating-radial-gradient()の4つ。 IE 10から。標準構文。IE 9以下はCSSグラデーションに対応していない。Firefox 16から。標準構文。-moz-付きのは古い構文扱い。Opera 12.10から。標準構文。-o-付きのは古い構文扱い。Chrome、Safari は-webkit-が必要。古い構文。CSS Transformstransform, transform-sty
はじめまして、ベージュです。ババシャツ色って呼ばないでくださいね! さて、このサイトを読んでいる皆さんは、WordPress がオープンソースのソフトであることはよく知っていると思います。でも、その意味を単に「だれでも無料でダウンロードできる」ことだと思っていませんか? 「WordPress のライセンスについてクライアントさんに詳しく突っ込まれるとよく分からないし、間違っちゃうと怖いし…」と思っていませんか? そこで、今回は GPL ライセンスのことを正しく理解して、自信を持って説明できるようになれる情報をご紹介します。さらに、WordPress がなぜ GPL を採用しているのかを知ることで、このソフトウェアを作る人たちの理念まで分かるというおまけつき。 WordPress はなぜ GPL ライセンス? まずはぜひ、この字幕付き動画をご覧ください(右下の「CC」と書かれたところをクリッ
Open-Source Icon Libraries Open-source icon libraries offer a range of high-quality free icon sets for designers and developers to use in their UI projects. These libraries are community-driven and provide flexibility in customization. Linear & Bold Iconsans (660 Icons, SVG, Vue & React Packages) Mage Stroke, Fill & Brand Icons (1089 Icons, SVG, Figma & React Package) Atlas Icons (2,701 Icons, SVG
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account. Creating a truly responsive image gallery can be a very tricky and difficult thing. There are so many factors to consider like the layout and the features, and so many choices to make when it comes to delivering
ウェブサイトを大きな成功に導きたいなら、コンテンツに力を入れる必要がある。コンテンツは、ビジターがウェブサイトにアクセスする理由そのものであり、また、質が高い場合、ビジターはサイトに留まってくれる。さらに、グーグルはユーザーに適切なコンテンツに与えるためにコンテンツを探しまわっているため、SEOの面でもコンテンツはとても重要である。 つまり、早く、良いコンテンツを書くことが出来れば、定期的に訪問してくれるユーザーをより早く手に入れることが出来るようになり、また、グーグルはさらにトラフィックをウェブサイトにもたらしてくれるようになるのだ。 もともと文章を書くスキルを持っていない人にライティングを教えるのは容易ではない。しかし、早く文章を綴る作業に関して、非常に役に立つテクニックが幾つか存在する。今回は、コンテンツの量を2倍に増やし、時間を半分に短縮する上で効果があるテクニックを幾つか提供して
定義がいまだ曖昧 何を指して「レスポンシブ」なのかと。 モバイルファーストという考え方は素晴らしいです。レスポンシブとするならば、やはり制限のあるスマホでの閲覧は考えるべきで、そこにどうアプローチできるかは優先的に考慮しなければ、そもそもRWDを取り入れる必要性は無いわけですから。 いや、スマホでのアクセス見込みは切り捨てで、おまけ程度で見せたいからRWD採用って手も無くは無いか・・・ 極端な話、こういったサイト、プロジェクトならばPC閲覧時のデザイン、装飾は極限までにそぎ落とし、スマホ閲覧時にどれだけ快適にできるか、つまりPCサイト(PC表示時)はシンプルで良いんじゃないかなと思います。(この時のポイントは企画段階時のRWD導入の見極めかなと思います) しかし、PC閲覧の最適化が後回しになり、最終的にPC閲覧時、特にまだまだ使用率の高い解像度1024、1280(共に横)などでの閲
NetFront® Browser NX v2.1 Mozilla/5.0 (Nintendo WiiU) AppleWebKit/534.52 (KHTML, like Gecko) NX/*** NintendoBrowser/***.JP ※***にはバージョン情報が記載されます。 HTTP1.0/HTTP1.1/SSL3.0/TLS1.0/TLS1.1/TLS1.2 HTML4.01/HTML5/XHTML1.1/CSS1/CSS2.1/CSS3 の一部 DOM1-3/ECMAScript/XMLHttpRequest/canvas/Video/Web Storageの一部 Web Messaging/Server-Sent Events/Device Orientation/WOFF/SVG bmp/gif/ico/jpeg/png/svg ※ただし一部表示できない画像があります
田中文科相が着任して早々に新設大学に不認可の結論を下したことが物議を醸している(と書いていたら、一転して認可したらしい)。唐突だという声もあるものの、多くの人は何かするんじゃないかと思っていただろう。 本人もこのように振る舞えば、どのような反応がくるかは予想できていたはずだ。政治的に何かの意図があり行なったとも考えられるが、彼女のこのような行動様式を紐解く鍵は「自己愛」にもあるかもしれない。 ー*ー*ー*ー*ー*ー 自己愛と聞いた場合、どのようなことを想像するだろうか。 鏡に映った着飾った自分の姿に見とれるような人を想像する人もいるだろう。私もそうだった。いわゆる「ナルシスト」と呼ばれるような人が思い浮かんだ。だが、自己愛とはそう単純なものでもないようだ。 何故、この「自己愛な人たち」を購入したのか覚えていないが、おそらく帯にあった「あなたを(じわじわ)苦しめる微妙に困った人」という言葉に
手軽で良かったのでご紹介。レスポ ンシブWebデザイン対応のサイト構築 のレイアウト確認用のjQueryプラグ インです。開発補助用になりますね。 同じツールも沢山ありますけど。。 最近ご紹介したResponsivatorを使うのでなくてもいいっちゃいいんですけど、これはこれで良かったので。 表示されているWebサイトはiframeで呼び出しているものです。上部のバーでその場でiframeをリサイズ→レスポンシブなWebサイトの表示を確認出来る、というものです。 サイズを変えた状態。 コード<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="jresize.js"></script>コアとプラグインを読み込みます。 $.jResize({ v
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く