Basis Documents
Typography Heading h1. heading Small text h2. heading Small text h3. heading Small text h4. heading Small text h5. heading Small text h6. heading Small text Body text Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula. Cum sociis natoque penatibus et magnis dis partur
Flexboxベースの軽量レスポンシブCSSフレームワークBasisをつくりました。
Flexbox ベースの軽量レスポンシブ CSS フレームワーク Basis を公開しました。もともと Bootstrap が好きでよく使っていたのですが、いろいろ「ん？」となることがあって、別のフレームワークを探してみたりもしたのですがなかなか条件にあうものが無く、それならいっそ作ってしまえ！ということで作りました。 導入方法・マニュアルは下記をご参照ください。 ということで、既存のフレームワークの何が不満だったのかということも交えつつ、Basis の特徴など。 Basis の特徴 Flexible box ( Flexbox ) ベースのグリッドシステム Basis はグリッドシステムが float ベースではなく、Flexible box ( Flexbox ) ベースとなっています。今でこそ Flexbox ベースのグリッドシステムが使えるフレームワークがいくつかでてきていますが、
城好き1000人が選んだ日本のお城ランキング【みんなのベストキャッスル】 | 攻城団（日本全国のお城情報サイト）
推薦コメント 子どもの頃からずっと見てたのと（天守内に入った記憶はほとんどないけど）、平成の大改修の期間中も何度も訪問して工事現場も見学させてもらったり、フォトコンテストをはじめ攻城団に当初から協力してくださっていたので特別なお城です。 現存している天守・櫓・門・土塀など、質・量とも別格の存在感！この城域を見て歩いたおかげで、建造物がなくなった他の城跡に行っても想像力を働かせることができるようになった。 幼稚園の遠足以来なんだかんだで一番多く観光で来たことがある城。現存天守にして世界遺産、御殿を除けば城のパーツが全て残っているほぼパーフェクトの城。 なんといっても国宝で世界遺産。姫路駅に着けば自然とテンションアップ間違いなし。 H30に世界遺産登録25周年記念で復刻版の観覧券をもらえてlucky♪。絵師の酒井抱一の酒井家が城主だったのも興味深いお城 平成の大修理で素屋根のなかから3回見学出
ブランドのデジタルシフトを起こす動画メディア | FICCナレッジブログ | FICC
※本記事はDIGIDAYに寄稿したコラムを転載しています。 デジタルでブランディングは可能か？ 「デジタルでブランディングは可能か？」この質問は何度か耳にしたことがありますが、明快な答えを聞いたことはありません。「ブランディング」だけでは少し曖昧なので、先ずはデイビッド・アーカー氏の言葉を借りて定義しましょう。ブランディングは、以下の指標を向上させることを意味します。 ①アウェアネス：ブランドの認知度 ②アソシエーション：特定の属性からブランドが連想される度合い（例：高級車→ベンツ） ③ロイヤルティ：ブランドに対する愛着度 これらの指標を定量化し、あらかじめ計測をしておけば、数値の上昇から施策毎、メディア毎のブランディング効果を測ることができます。 過去の調査から、デジタル広告のブランディング効果は、そのフォーマットに左右されることがわかっています。バナー広告などの静止画像には、伝達速度の
WordPressブログをプラグインを使って30分でAMP化する方法
[レベル: 上級] この記事では、Wordpressブログを手っ取り早くAMP対応させる方法を説明します。 AMP (Accelerated Mobile Pages) に対応したモバイル検索が一般公開されました。 Google Japanの公式ブログで発表されたこともあり、僕たちほどにはSEOと密接にかかわっていない人たちにもニュースになりました。 GoogleがAMPを強く推していることもあり、自分のサイトをAMP対応させてみようかと考えている人も多いのではないでしょうか。 そこで、「“とりあえず”AMP対応して、どんなだか様子を見てみたい」という人のために簡単にできるAMP化を解説することにします。 ただし、Wordpressでサイトを運営していることが条件です。 3つのプラグインを使います。 AMP Facebook Instant Articles & Google AMP Pa
僕がネイティブなCSS変数にわくわくする理由
数週間前、CSS変数（より正確にはCSSカスタム・プロパティ）が、Chrome Canaryの「試験運用版のウェブ プラットフォームの機能」フラグ1を有効にすることで利用できるようになりました。 Chromeのエンジニアであるアディ・オスマーニがそのリリースについてはじめてツイートしたとき、多くの否定的で、敵対的で、懐疑的な声が寄せられました。その量は驚くべきものでした。少なくともCSS変数にわくわくしいてる僕にとっては。 これらの反応をざっと見渡したところ、苦情の99%は次の2つの点についてのものだとわかりました。 構文が汚くて冗長。 Sassの変数がすでにあるじゃん。興味なし。 もちろん僕もあの構文は好きじゃありません。それは認めます。でも、あれがいい加減に決定されたものではないってことは理解しておくべきです。CSSワーキング・グループのメンバーは、CSSの文法と互換性があり、かつ将来
NHKキュン活ほっとらいん〜受信からはじまる恋〜｜NHKオンライン
このサイトは6月30日をもって 公開を終了いたしました。 みなさんイケメゾンに 遊びに来ていただき ありがとうございました。
バリスタとお客さまの境目がないコーヒー店。 - TINTO COFFEE
表参道駅B1出口 5分 / 渋谷駅15出口 7分 東京都渋谷区渋谷2-8-10 Tel / Fax : 03-6873-7427 月〜金 9:30〜16:30 土 11:00〜16:30 定休日 日・祝
LDKWARE POP-UP STORE & SITE
ゆったり VS カッチリ問題。 井出 いちおう今回、参考のために、 デザイン画を描いてみたんです。 井出 カフェでコーヒーを入れにきてくれる人とか、 ホテルのおそうじしてる人とか、 そういうユニフォーム的なものだと、 作業しやすくて気合いも入るのかなぁと思って、 そういうイメージです。 岡尾 なんかフランスの人みたい。 冷水 かわいい。 井出 でも、どっちがいいんでしょう？ らくで動きやすいほうがいいのか、 気合いを入れるために、カッチリしたほうがいいのか。 岡尾 カッチリした服装で家事をすると、 たぶん動きもきれいになるし、 「やろう！」っていう気分にもなるけど‥‥。 黒田 いっぽう、自らモップ化するという人もいて（笑）。 菅野 そうですね、だいぶ開きがありますよね（笑）。 井出 こういうカッチリした方向じゃないとすると、 作家さんたちが着てたアトリエ服みたいなのも、
LDKWARE POP-UP STORE & SITE
みなさん、家で何を着ていますか？ そのままパジャマにもなるような、 らくちんスタイルでずっといられればいいですが、 そういうわけにもいきません。 料理、そうじ、洗濯、庭いじりなど、 家にかかわる仕事はけっこう多いし、 スーパーやコンビニに出かけたり、 ときにはお客さまが来られることだってあります。 そういうさまざまに対応した、べんりでおしゃれな “ホームのユニフォーム”をつくるため、 ６人の勇者が立ち上がりました。 これは、LDKWAREが生まれるまでのメイキング記録です。 撮影：関 めぐみ イラスト：高橋 愛 協力：YAECA HOME SOTRE 長田 佳子 （菓子研究家） 井出 恭子 （YAECAデザイナー） 冷水 希三子 （料理家） 黒田 益朗 （グラフィックデザイナー） 岡尾 美代子 （スタイリスト） 菅野 綾子 （ほぼ日乗組員） やる気エプロンと 人
Makuake｜究極のコーヒー体験を。THE COFFEESHOP新店舗が4月オープンします！｜Makuake（マクアケ）
皆様のサポートのおかげで、 Makuakeで目標金額100万円を無事達成することができました！ 本当にありがとうございました！ まず逗子店の... 先日、ある不動産サイトを見ていたら、JR逗子駅徒歩1分の好立地に、 THE COFFEESHOP代官山と同じ空気を感じさせる極小テナントを発見しました。 ちょっと角地にたった5坪の戸建て・・・大好きな街、逗子・・・ というわけで、THE COFFEESHOP 逗子のオープンを決めました！ 逗子海岸（現地より徒歩15分） サービスは代官山店同様、 自家焙煎したスペシャルティコーヒー豆を中心に、 コーヒードリンク、グッズやギフトの販売を行います。 （また、THE COFFEESHOP初の試みでLIQUOR BAR（夜）営業も企てています！※時期未定） これまで培ったノウハウとサービスで、逗子の皆様に最高のコーヒー体験を提供し、逗子のコーヒーシーンを
【速報】山手線全29駅、一日で食べ歩きすると死ぬほど疲れる事が判明
【広告】 【2月某日】 編集担当：杉山 「ヨッピーさん」 ライター：ヨッピー 「なに？ スマホのゲームやるので忙しいんだけど」 「あ、すみません……。実はYahoo!検索からPR企画の依頼が来てまして……」 「たとえばこんな風に、「池袋 ラーメン」など地名＋食べ物の名前でYahoo!検索で検索すると、テレビなどで話題になっているお店をランキング形式で表示される機能があるんですよ。なので、この機能をPRするためにこれを使いながら食べ歩きしていただけないかと……」 「ふーん。僕、ダイエット中やからやめとくわ」 「えー。じゃあ、太らないように、徒歩で山手線一周しながら食べ歩くとかはどうですか？ 良い運動になりそうです」 「嫌だ」 「嫌だぁぁああああああああああああああああああああ!!!! ぁぁあああああああああああああああああああああああああああああ!!!!」 「ちょっと！ なんで逃げるんですか
間違ったUXデザイン:UX Days Tokyo 2016
ビジネスとUX ユーザーエクスペリエンス（UX)が世界的に注目されるキーワードになって暫く経ちますがその言葉の重みが広がっているように感じます。 「ユーザーエクスペリエンス＝ユーザー体験」は、人が感じた体験を意味しますが、現在のビジネスに置いて、ユーザー視点で、ユーザーの行動を見ることは非常に重要な役割をはたしています。 ビジネスを行う上で「売上」はつき物です。そのためにはセールスが必要ですが、単純に売ろうとするセールスは成り立たなくなっています。 （引用：アマゾン ドラッカー） 1940年代にドラッカーがマーケティングを考案しました。社会的なポジションニングを作るという考え方で、社会・組織の中の印という観点から論じられています。 ドラッカーの名言の中にも、「マーケティングの目的とは、顧客を理解し、製品とサービスを顧客に合わせ、おのずから売れるようにすることである。」とあるように、人を見て
【公式】レミパンプラス
発売からもうすぐ25年。「おいしくてかんたん」を胸に、皆さんと歩んできたレミパンシリーズ。「鍋」と「フライパン」をひとつにした万能性能は、これまで数百万世帯の家庭料理を支えてきました。そんなレミパンのオリジナル・モデルに、うれしい機能をプラスしたのが、レミパンプラスです。 調理中、お玉やヘラの置き場所に困ったことはありませんか？レミパンの “とって” には磁石が入っていて、６種の調理ツールがピタり。お玉置きがなくても、キッチンカウンターはいつも清潔に。掃除の手間が減る上に、鍋のフチでツールを焦がすことがなくなったと、たいへんご好評いただいています。
表参道・原宿のローカルメディア : OMOHARAREAL
NEWS REVIEW11/08/2024 「サロモンストア 東京 渋谷」が移転リニューアルオープン！ 内覧会をレポート 「サロモン（Salomon）ストア 東京 渋谷」がリニューアル。自然と都市がクロスオーバーする、ブランドの魅力を体現した新店舗は売り場面積もおよそ二倍に。さらにコラボアイテムやエクスクルーシブラインまで取り扱う。内覧会の様子をレポート。
AMCSS - Attribute Modules for CSS
Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes for styling elements. In doing so, each attribute effectively declares a separate namespace for encapsulating style information, resulting in more readable and maintainable HTML & CSS. It's not a framework or a library, it's a style that better describes the components you're building. For an intro
「カクヨム」が正式オープンしました - カクヨムからのお知らせ
KADOKAWAとはてなが共同で開発をしてまいりました「カクヨム」が本日、正式にオープンいたしました。これに際し、両社の代表取締役から利用者の皆さまに、メッセージをお届けさせていただきます。 昨年より、はてなさんと共同開発して参りました新・小説投稿サイト「カクヨム」が、本日遂にオープン致しました。我々の予想を上回る数の作品が集まり、大変嬉しく思います。 また、プロ作家の作品掲載も予定されており、本好き、読書好きのみなさんにさまざまな物語をお届け出来ると思います。 インターネットの発展により誕生した新たな創作活動の場「カクヨム」を通じてKADOKAWAは、新たなコンテンツの誕生を全力で支援いたします。 株式会社KADOKAWA 代表取締役専務執行役員 井上伸一郎 プロジェクトメンバーがリリースに向けて一丸となって開発を進めてきた「カクヨム」を本日ついにオープンしました！皆さんに最高のサービス
天皇陛下、Ａ型インフルと診断 ３８度熱、公務取りやめ：朝日新聞デジタル
宮内庁は２９日、天皇陛下がＡ型インフルエンザと診断されたと発表した。２７日夕に発熱が確認され、２８日夜の検査で判明した。３８度前後の熱のほか、のどの痛みや軽いせきの症状があり、お住まいの皇居・御所で安静にしているという。２９日の公務はすべて取りやめ、明日以降は症状をみながら判断するという。
Google、AMPページ対応はランキングシグナルとして使用せず ::SEM R (#SEMR)
Google、AMPページ対応はランキングシグナルとして使用せず グーグルが、AMPウェブページをランキングシグナルとして（少なくとも今は）扱っていないことを明言。AMPに対応したサイトを作っても検索順位で有利になることは、現時点ではない。 公開日時：2016年02月27日 18:12 米Google・John Mueller（ジョン・ミューラー）氏は2016年2月26日（米国時間）に開始されたウェブマスター向けのオンラインQ&Aセッションにおいて、現時点で AMP(Accelerated Mobile Pages)対応の有無はランキングシグナル（検索順位を決定するためのてがかり）として利用していないことを明らかにした。 オンラインで定期的に開催されている Google Webmaster Central office-hours hangout に登場したミューラー氏がウェブマスターから
原発立地対策費 約１０００億円の税収不足 NHKニュース
すべての電気利用者が納めている税金で原発などの立地自治体に交付金などを出す国の「立地対策」が原発事故の影響で費用が膨らみ、昨年度からの３年間で１０００億円近く税収不足になっていることが関係省庁への取材で分かりました。国は不足分を補うため積立金などを取り崩していますが、その残高も１年分程度しかなく、専門家は立地対策の在り方を見直す時期だと指摘しています。 こうした立地対策の財政状況について、特別会計の分析や関係省庁への取材を基にまとめたところ、昨年度の決算から来年度の予算案までの３年間に各年度４３３億円から２６３億円税収が不足し、その総額が９９２億円に上ることが分かりました。 国は、不足分を財源に余裕があった時代に積み立てるなどした１２００億円余りの資金を取り崩すなどして補っていますが、残高は１年分程度の２７５億円しかないことが明らかになり、立地対策の厳しい財政事情が浮かび上がりました。 こ
抗生物質使用量把握システム 全国に登録呼びかけ NHKニュース
抗生物質の使い過ぎなどが原因で薬の効かない耐性菌のまん延が世界的に問題になるなか、三重大学の研究グループは抗生物質の使用量を把握するシステムを作り、全国の医療機関に登録を呼びかけています。 抗生物質は使用量が多いほど薬の効かない耐性菌が現れやすいと言われていますが、これまで国内では使用量を把握するシステムがありませんでした。 このため研究グループは、医療機関が入院患者に対して使った抗生物質の量を種類ごとに月別に入力し、登録するシステムを作りました。登録すれば、病院での使用状況が確認できるほか、今後はほかの医療機関と比較できるデータも提供されるということです。 研究グループは全国の医療機関に登録を呼びかけていて、これまでにおよそ５００の医療機関が参加したということです。 村木さんは「抗生物質を使い過ぎていないか検証し、感染対策に役立ててもらいたい。耐性菌がまん延しない態勢作りの材料の１つにな
オープンソースのエディタ「Visual Studio Code」がChromeブラウザのデバッガプロトコルに対応。エディタから直接デバッグ可能に
オープンソースのエディタ「Visual Studio Code」がChromeブラウザのデバッガプロトコルに対応。エディタから直接デバッグ可能に マイクロソフトがオープンソースで公開している「Visual Studio Code」が、Chromeブラウザのデバッガプロトコルに対応したことが発表されました。 Visual Studio Codeのエディタ画面から、Chromeブラウザで実行しているJavaScriptのブレークポイントの設定と実行と停止、変数の参照などが可能になります。 JavaScriptのSoruce Map機能も働くため、圧縮済みのコードを実行しても自動的にVisual Studio Code上の圧縮前のJavaScriptコードに対応してそのままデバッグ可能。また同様の仕組みのおかげでTypeScriptのコードもVisual Studio Code上でそのままデバッ
GoによるWebアプリ開発のキホン
Webアプリケーションにおいて、マルチテナント型、つまり複数のユーザー組織がアプリケーションとデータベースを共有する構成にすることがあります。この構成の持つリスクとして、万が一バグにより他テナントの情報が見えてしまうとそれは情報漏洩となり、重大なインシデントとなってしまうことがあります。この重要性を考えると、「気を付けて実装する」だけではなく、仕組みで漏洩を防ぐような対策には価値があります。 そこで、今回はPostgresSQLの行レベルセキュリティと、SpringAOPによる処理を組み合わせて、ログインしているテナントのデータにしかアクセスできなくする仕組みを実現しました。 導入にあたり考慮した複数の選択肢、乗り越えたいくつかの壁についてご紹介します。 同様の課題を抱えている方の参考にしていただけるような情報をお伝えしたいと思います。
夜19時からの時間割、どうしてる？働くママの、暮らしと仕事のアイデア
HOME / 特集 / 【BRAND NOTE・LEXUS編】第2話：「夜19時からの時間割」をどうしてる？快適な暮らしは “スイッチ” を作ることから。 子育てと仕事の両立に奮闘する二人のワーキングママと編集者一田さんのお話のなかには、働くママや夫婦の家事スケジュールや、子供との濃密時間の過ごし方、リラックス方法などが登場します。また、CRAFTED FOR LEXUSでそれぞれが気になった、ライトやカーオーガナイザーなどもご紹介します。この記事では「わたしの、暮らしと仕事」というテーマで、南青山にあるカフェ＆ラウンジ「INTERSECT BY LEXUS – TOKYO（インターセクト・バイ・レクサス・トーキョー）」でトークイベントを開催した様子をお届けします。 編集スタッフ 長谷川 写真 平本泰淳 全3話でBRAND NOTE「LEXUS（レクサス）」編をお届けしています。 本連載で
WordPressをAMPプラグインでAMP対応し、Googleアナリティクスで計測できるようにする方法
WordPressをAMPプラグインでAMP対応し、Googleアナリティクスで計測できるようにする方法 WordPressをAMPプラグインでAMP対応し、Googleアナリティクスで計測できるようにする方法です。 Googleの検索結果を高速表示させる「AMP」が話題になっていますね。2月23日に一般公開され一部ページがAMP対応していると上位表示されやすくなっています。 早速対応させたいところですが、javascriptが動かないなど仕様に制限があるためすぐにAMP対応させるというのが難しいなと思っている方も多いのではないでしょうか？ 簡易的にですが、WordPressのプラグインを使いAMP対応させることが出来ます。 こちらは、WordPressを作っているAutomattic社が作っているプラグインです。 AMP — WordPress Plugins ただ、WordPressの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CRISP SALAD WORKS│クリスプサラダワークス
日本全国花粉飛散マップ Pollen Map in Japan - ICS
ヌードを封印した『PLAYBOY』のエディトリアル・デザイン
株式会社 西粟倉・森の学校
ろくろ舎 / ROKUROSHA
160125-10 | イラスト制作・漫画制作の株式会社フーモア
7 Web Design Trends For 2024
復興補助：企業４分の１超が辞退 人手不足で 岩手・宮城 | 毎日新聞
TOKYO FM+ エラー
スケールアウト再考
地方へ移る人を増やすには - 日本経済新聞