jQueryを利用したものしか作ったことがなくて、今後、使いそうな機運があったので、今さら感は半端ないですけどCSSだけで実装するドロップダウンメニューを作ってみました。 こういうのは使い回しすることが多いので、自分用にHTMLとCSSのコードを載せておきます。使いたい方がいらっしゃいましたら、ご自由にお使いください。 作ったのは、普通のドロップダウンメニュー(シングル)、多階層、メガドロップダウンメニューの3種類で、1つのグローバルナビに全てを詰め込んでいます。1種類だけ使いたいという場合もあると思うので、コード自体は種類によって個別に記載しています。そのために、非常に冗長となっていますがご了承ください。 デモと共通の部分 このドロップダウンメニューのデモは以下のリンクから見れます。 DEMO ドロップダウンメニュー自体は、ul要素でマークアップしています。 各種(シングル・多階層・メガ

こんにちは！ ベトナム料理普及家のKi Yamamotoです。 家でできるアジアご飯のレシピや調味料、食文化に関する情報を発信している僕が今日紹介するの…

▲「いくつ読めますか？」お店に入ると早くも難読漢字の読み取りテストが挑んでくる 明石で「明石焼き」は禁句？ メシ通リポーターの吉村智樹です。 今回訪れたのは魚業が盛んな街、兵庫県の明石市。 明石漁港から水揚げされたフレッシュな魚介類は、大漁旗がたなびく「魚の棚（うおんたな）商店街」の店頭にたちまち並びます。 ▲「魚の棚」と書いて「うおんたな」と呼ぶ難読な商店街 ▲大漁旗がたなびく「魚の棚商店街」。近海の魚介が昼網漁で揚がり、フレッシュな海鮮がたちまち商店街に並ぶ ▲明石の名物といえばやはり「たこ」。商店街の照明までたこをデザイン 明石の名物といえば、やはり「明石焼き」。 明石海峡の激しい潮流にもみにもまれて育った近海のたこは、身がぎゅっと引き締まり、その身は甘い。 そんな海のブランド「明石だこ」が、たまごたっぷりのやわらかな生地をまとい、球体に。あっつあつの上品なおだしにひたし、粗熱をわず

インターネット上で著作物の利用を拡大する改正著作権法が18日、参院本会議で可決、成立した。著作権者の許諾なしに書籍の全文を電子データ化し、特定のキーワードを含む書籍をネットで検索できるようにする規制緩和などを盛り込んだ。一部を除き来年1月1日に施行する。 著作物の全文データ化は、原則として著作権者の許諾が必要だった。本文中のキーワードで検索が可能になれば、欲しい書籍を探したり、論文などに盗用がないか確認したりしやすくなる。 著作者の権利保護のため、検索結果として表示できる範囲は、書籍のタイトルや本文の一部などに限定する。

消費支出に占める食料費の割合を示す「エンゲル係数」。戦後長く生活水準の指標とされ、低いほど水準が高いと説明されてきた。過去１０年以上、上昇傾向にあったが、ライフスタイルが変わる中、生活水準の低下を意味するのか。 納豆に牛丼、業務用ビール――。この春、食品の値上げのニュースが相次いだ。家計への影響を見る指標の一つが「エンゲル係数」。家計の食料費の調査を元に算出される。担当する総務省のサイトには、「一般に低いほど生活水準が高いとされる」とある。 日本では、終戦直後は６０％を超えたが、高度成長を経て、１９７０年代後半には２０％台後半に。その後も下がり続けたが、２００５年の２２・９％（２人以上の世帯）を底に上昇に転じ、１６年は２５・８％となってその伸びが話題に。２月発表の１７年の数値は２５・７％と微減したが、定義通りに解釈すれば、この１０年ほどで生活水準は悪化したことになる。 この点が議論になった

ホーム インタビュー 『箱庭えくすぷろーらもあ』 すき氏インタビュー。Valveをも困らせるセクシーなドット絵は「みんなの欲望」から生まれた 美麗なドット絵で彩られたクォータービューのマップ。縦横無尽に敵を叩き斬る爽快感のあるアクション。そして、自由度の高いプレイを特徴とするフリーゲーム『箱庭えくすぷろーら』。それに追加要素を加えて英語版にも対応した『箱庭えくすぷろーらもあ』がBitSummit Vol.6に出展された。価格は税込み980円で、近日中にPLAYISMおよびSteamからリリースされる。今回は、その『箱庭えくすぷろーらもあ』の制作者であるすき氏にインタビューをおこなった。ゲームでは、美麗なグラフィックとは裏腹に、シモネタがオンパレードで、女の子モンスターもきわどい格好で登場する。そんなけしからん表現のルーツについてもすき氏から語ってもらった。 『箱庭えくすぷろーら』のはじまり

アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに依存はなく、React、VueJS、Angular、jQueryなどと一緒に利用することもできます。 ユニバーサル スライダー、ポップアップ、アコーディオン、メニュー、パララックス、ジャスチャーなど、さまざまなUIパターンを簡単に実装できます。 ピュアHTML HTMLのdata属性を使用して、インターフェイスをレイアウトし、インタラクションを定義します。 互換性 React、VueJS、Angu

132.8億光年先にある銀河「MACS1149-JD1」。UCL提供（撮影日不明）。(c)AFP PHOTO / ALMA (ESO/NAOJ/NRAO), NASA/ESA 【5月17日 AFP】天文学者チームは16日、地球から132.8億光年の距離にある非常に遠方の銀河を観測したと発表した。宇宙で最初の星々が輝き始めた「宇宙の夜明け」にこれまでで最も近づいた成果だという。 宇宙に存在する酸素や炭素、その他の元素を生み出した星形成の時期を正確に特定することは、すべてのものの始まりを追究している天文学者らの至上目標の一つとなっている。 今回、どちらも南米チリにあるアルマ電波望遠鏡（ALMA）と欧州南天天文台（ESO）の超大型望遠鏡VLT（Very Large Telescope）で得られた観測データにより、研究チームは目標に一歩近づくことができた。 国際研究チームが英科学誌ネイチャー（Na

数万年前のサウジアラビアは、カバなどの動物が歩き回る青々とした草原地帯だった。（PHOTOGRAPH COURTESY SAUDI PRESS AGENCY (SPA), MINISTRY OF CULTURE AND INFORMATION, SAUDI ARABIA） 太古の人類はやはり、定説より早くアフリカを出たのかもしれない。 サウジアラビアを調査していた考古学者グループが、同国北西部の町タブークで人類の足跡化石を発見した。8万5000年前ごろのものとみられる。同国文化情報省から入手した資料によると、かつて湖の底だった場所から、別々の方向を向いた複数の足跡が見つかったという。（参考記事：「古代の超巨大噴火、人類はこうして生き延びた」） 一帯で発掘調査を行っている考古学者のヒュー・グルーカット氏によると、足跡の分析はまだ続いており、今後数カ月で論文を発表する予定という。 足跡が人類拡

日本人のものと見られる、延べ２億件のメールアドレスとパスワードが闇サイトで販売されていたことがわかりました。過去に漏えいしたデータを集めたものと見られ、調査に当たったセキュリティー企業は、日本を狙ったサイバー攻撃のきっかけになるおそれがあるとして注意を呼びかけています。 この中には企業や中央省庁のもののほか、個人の携帯電話のメールやフリーメールなどが含まれ、何者かが過去に国内の通販サイトやオンラインゲームなどから漏えいしたデータを集めて販売していると見られています。 ファイア・アイによりますと、日本人に関するこれほどの規模のデータが闇サイトで取り引きされるのは例がないということで、日本を狙ったサイバー攻撃のきっかけになるおそれがあるとして、漏えいが確認された省庁や企業に注意を呼びかけています。 岩間優仁副社長は「パスワードを使い回していたりすると危険にさらされてしまうおそれがあるので、パス

エジプト考古学博物館の観光です。世界中から観光客が集まっている博物館でした。 今回は、1階の年代別エリアのご紹介です。 4000年以上も前の遺品が、数々と展示されていました。 入場券 入場券と写真撮影のチケットです。ツタンカーメンの黄金のマスク等の特別展示室、ミイラ室では、撮影禁止でした。 マップ と 建設中「大エジプト博物館」 「エジプト考古学博物館」は、3大ピラミッドや 、現在建設中の「大エジプト博物館」から30分くらいのところにあります。 旅行中、建設中の「大エジプト博物館」の前を、何度となく通りました。とても大きな博物館になるそうです。まだ公開はされていませんでした。 今後は、「エジプト考古学博物館」から展示品を移動し、部分的に、公開を始めていくそうです。 もう、移動されてしまった展示品もありました。 ツタンカーメンの戦車も移動されてしまっていて、ケースが、空になっていました...

『季刊民族学』とウェブ上のアカデミックジャーナル「SYNODOS」とのコラボレーションが実現しました。本特集記事「モンゴル仏教と化身ラマ――あるいは生まれ変わりの人類学」のうち3 編が誌面を飛び出して「SYNODOS」に登場します。ウェブ媒体と紙媒体のマリアージュをどうぞ。 遠くを見つめるガチェンラマ寺院の僧院長　撮影：島村 一平 モンゴル国中西部、ザヴハン県。聖なる山・オトゴンテンゲル山が鎮座するこの県には、かつて多くの化身ラマたちの大名跡（みょうせき）があった。その南部に位置するバヤンホンゴル県にも外モンゴルで序列第3位の化身ラマの大名跡があったことで知られる。 現在、この地域では、化身ラマの転生者が次々と現れているという。社会主義時代の宗教弾圧を乗り越えて人びとはいかに信仰を守ったのか。そして現在、どのようにして化身ラマが選ばれているのか。2016年9月、筆者は「化身ラマたちの故郷」

京都大学の立て看板（タテカン）をギャラリーで展示。京都市立芸大で企画展「Re/place」開催京都市が制定した景観条例にもとづき、京都大学が撤去した立て看板（タテカン）。ネット上でも賛否を呼んでいるこのタテカンをテーマにした展覧会「Re/place」が、京都市立芸術大学内の芸大ギャラリーで開催される。会期は5月19日、20日の2日間のみ。 「立て看板」（通称タテカン）は、おもに大学において部活の部員勧誘や、催事の宣伝、あるいは学生運動のスローガンの主張など、様々な役割を持つものとして広く知られている。そのタテカンが、5月13日をもって京都大学から撤去されたことがネット上で様々な賛否を呼んでいる。 京都大学の立て看板は、大学がある京都・百万遍の風物詩として、あるいは京都大学のアイコン的存在として、長年その姿をとどめてきた。しかしながら、京都市は立て看板が市条例に違反するとして、大学を文書で行

ドラキュラ紀元一八八八 作者: キム・ニューマン,鍛治靖子出版社/メーカー: 書苑新社発売日: 2018/05/11メディア: 単行本（ソフトカバー）この商品を含むブログ (3件) を見るキム・ニューマン『ドラキュラ紀元一八八八』は東京創元社の『ドラキュラ紀元』の増補&改訳版。映画シナリオや世界観を補完する短篇が収録され、完全版といえる出来。もともと読んだことがなく値段が4000円近くする本なのでおもしろくあってくれ！　と祈りながら読んだのだけど、これがもうめちゃくちゃおもしろい！　台詞の一つ一つが痺れるほどにカッコよく、無尽蔵に投入されるフィクション&歴史上のキャラクタが織りなす1888年の改変世界はどこに目をやっても魅力が横溢している。 原典たる『吸血鬼ドラキュラ』では、吸血鬼であるドラキュラをヴァン・ヘルシングが追い詰め殺してしまうわけだが、この『ドラキュラ紀元一八八八』世界では逆に

ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では、NetscapeとIEのブラウザ戦争に決着がついた後の、IE6が全盛期となった2000年代のウェブサイト制作を振り返ります。懐かさに浸たり、現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / spacer.gif XHTML・CSSが普及するまではテーブルレイアウトが一般的でした。テーブルレイアウトとはtableタグを使い、格子状にレイアウトしていく手法です。テーブルレイアウトは、デザインファイル（Image ReadyやFireworks）から画像を切り出す「スライス機能」と相性のいい方法でした。 <table border="0" cellspacing="0" cellp

観劇日：2018年4月6日 ロザリンド・フランクリンと作品の背景 アナ・ジーグラ作『PHOTOGRAPH 51』は、DNAの構造解明につながる研究を行ったユダヤ系イギリス人の女性結晶学者ロザリンド・フランクリンの生涯を扱った芝居だ。もとの台本は2008年に書かれ、アメリカなどで数回上演されたのち、2015年にマイケル・グランデージ演出、ニコール・キッドマン主演でロンドンのノエル・カワード劇場にて上演され、大きな話題となった。日本語初演は2018年4月6日から22日まで東京芸術劇場シアターウエストにて実施され、その後4月25日から26日まで梅田芸術劇場シアター・ドラマシティでも上演された。演出はサラナ・ラパインが担当した。 ロザリンド・フランクリン（1920-1958） (Wikimedia Commonsより) https://commons.wikimedia.org/wiki/File

政府は17日、2019年5月1日の新天皇即位に伴う新元号の公表時期について、同日の改元の1カ月前と想定して準備を始める方針を決めた。17日に開かれた関係府省庁連絡会議で申し合わせた。各府省庁の情報システムの移行期間を1カ月として改修を完了。国内の混乱回避に万全を期すため、民間企業や地方自治体に準備を要請する。新元号への円滑な移行に向けて官民双方で対応を本格化させる。 新元号公表について、政府が一定の時期を公にするのは初めて。公表は「システム改修を円滑に進めるための作業上の便宜」であり、具体的な時期は未定と説明している。

平均的なセックスの初体験は10代後半とされるが、ジョセフさん（仮名）はそうではなかった。現在60歳で寡夫の彼は、童貞であることが非常に恥ずかしく、いら立ちを感じていたという。ジョセフさんが自分の体験を語ってくれた。