タグ

kanonicaのブックマーク (2,298)

  • Webデザインのセオリーを学ぼう

    2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。Read less

    Webデザインのセオリーを学ぼう
  • “西田敏行さんの年表”を刷新してみた - Qiita

    はじめに 10月17日、俳優の西田敏行さんが逝去されたという残念なニュースが流れてきました。 筆者は同じ作品を何度も観ることはないのですが、VHSの開発の裏で活躍した名も無き技術者たちの姿を描いた「陽はまた昇る」は5回以上観ました。 「“西田敏行さんの年表”「もう更新ないのか…」死去受けネットでも悲しみ広がる」 筆者も「西田敏行の年表」って今回のことで初めて知りました。西田さんがドラマや映画で演じた歴史上の人物を並べて日史の年表のようにした面白ネタとのことです。 一例では「美濃国主の西田敏行と尾張の西田敏行が同盟を結ぶ」となっており、このくらい有名な事例なら理解できますが歴史に詳しくないとなんのこっちゃとなりますね。 MarkDownによるリンクタイトル表記 一応、Qiitaは技術系ブログなので、分かりやすくするのはどうすればいいのか考えました。 "西田敏行"のところにマウスを当てること

    “西田敏行さんの年表”を刷新してみた - Qiita
  • 出版書誌データベース

    書名・副題 書名・副題 書名・副題のキーワードを入力してください。 ISBNコード、JANコード ISBNコード、JANコード ISBNコード、JANコードを入力してください。 シリーズ名・レーベル名 シリーズ名・レーベル名 シリーズ名・レーベル名を入力してください。 著者名 著者名 著者名を入力してください。 出版社名 出版社名 出版社名を入力してください。 発行(予定)年月 発行年数 開始年 開始年を西暦で入力してください。 年 開始月 開始月を入力してください。 月~ 終了年 終了年を西暦で入力してください。 年 終了月 終了月を入力してください。 月

  • THE SHINMONZEN

  • Entô(エントウ) |隠岐ユネスコ世界ジオパーク 泊まれる拠点

    Scenery so captivating it will make you stop and forget time. Rocks so vivid in color like a perfectly painted picture. Massive cliffs you would think were from another planet. Towering trees with mighty trunks that look like They could come alive at any moment, whispering words of wisdom. Everything you will encounter on these islands radiates with Earth’s life energy that has both conserved And

    Entô(エントウ) |隠岐ユネスコ世界ジオパーク 泊まれる拠点
  • 彬子女王殿下 | 和樂web 美の国ニッポンをもっと知る!

    1981年12月20日寬仁親王殿下の第一女子として誕生。学習院大学を卒業後、オックスフォード大学マートン・コレッジに留学。日美術史を専攻し、海外に流出した日美術に関する調査・研究を行い、2010年に博士号を取得。女性皇族として博士号は史上初。現在、京都産業大学日文化研究所特別教授、京都市立芸術大学客員教授。子どもたちに日文化を伝えるための「心游舎」を創設し、全国で活動中。

    彬子女王殿下 | 和樂web 美の国ニッポンをもっと知る!
  • ゆい酒店 | 公式オンラインストア

    「ゆい酒店」は元NMB48高野祐衣の「日酒の美味しさ・奥深さを伝え、日酒を通して”感動を提供する場所”を作りたい」という想いから生まれました。女性杜氏、若手杜氏の蔵を中心に​​多様な銘柄を取り揃え、日酒の堅苦しいイメージを払拭し、より身近に感じていただくことを目指しております。

    ゆい酒店 | 公式オンラインストア
  • 名古屋港水族館ライブ supported by ctc

    名古屋港水族館のイルカや魚たちをリアルタイムで動画配信するアクアリウムアパートメントへようこそ! マイワシの華麗な舞いや幻想的なサンゴ礁、イルカのパフォーマンスなど、いろんな部屋が見られるよ。どんどん上にあがっていってね!

    名古屋港水族館ライブ supported by ctc
  • トップページ

    西日最高峰の石鎚山を有し「うちぬき」と呼ばれる自噴井から清らかな水が湧き出る愛媛県西条市。ITOMACHI HOTEL 0 は、水の都といわれるこの西条の地に創られた日初のゼロエネルギーホテルです。 水がめぐり自然の恩恵を受けることで人の多様な営みが生まれてきたように、ゼロエネルギーにはじまる環境への取組を実践することで新しい循環を生み出すホテルから、西条ひいては愛媛が持つ豊かさをおたのしみください。

    トップページ
  • 【公式】TOTOシーウィンド淡路|自然と調和するアートなリゾート

    Architecture建築について 淡路島東部の大阪湾に沿い、約100mの高低差を持つ約45度の急斜面に建つ、安藤忠雄氏設計によるリゾートハウスです。 個性的なデザインの当館では、至るところで海を感じることができます。まるで壁一面に広がる絵画のように、自然の景色をインテリアの一部として取り入れ風景との一体感を目指した空間は、安藤建築の特徴を強く表しています。 Cuisineお料理 の宝庫ともいえる淡路島の海の幸や山の幸を取り入れた創作和会席をお愉しみいただけます。旬の素材が料理長の伎で目にも鮮やかな会席料理に生まれ変わります。旬の材とともに、淡路の四季をお愉しみ下さい。 Guest Rooms客室 洋室、和室、メゾネットタイプまで、多彩なタイプのお部屋をご用意しております。もちろん、全ての客室の水回りにはTOTO社製のものを採用し、デザインと機能性の拘った居心地の良い空間を演出して

  • CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

    最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。

    CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
  • 顔まわりがキュッとしてくる「舌トレ」を続けてみてどうなったか?→舌の位置は正面はもちろん、横からの変化がすごかったよ「やってみたい」「顎ラインがすっきりする」

    いしかわひろこ📖限界ズボラゆるトレ大全発売中! @kumainunews 【再掲・アゴ下がキュッ⤴️舌トレ】(1/2) 連休に美味しいものた〜くさんべたら顔まわりがモタついてる⁉️ そんな時にちょこちょこ試したいのがこの舌トレ👅普段使わないアゴ下の筋肉が動くから顔まわりがキュッとしてくるんです✨ぜひお試しあーれ! pic.twitter.com/0pmOWaO5fA

    顔まわりがキュッとしてくる「舌トレ」を続けてみてどうなったか?→舌の位置は正面はもちろん、横からの変化がすごかったよ「やってみたい」「顎ラインがすっきりする」
  • エンジニアにも知って欲しいChatGPT基本テクニック - Qiita

    はじめに ChatGPTブームがひと段落した感がありますが、周りのエンジニアChatGPTを活用している姿をあまり見みません。 基的なテクニックを理解すれば、エンジニアこそChatGPTを活用できると思うので、普段使用しているテクニックをいくつかピックアップして紹介します。 プロンプトの記載方法 Markdown記法で指示する 色々なところで紹介されていますが、回答や処理の精度を上げる方法としてChatGPTへの指示にMarkdown記法を使用することがオススメされています。 例えば下記のような文章による指示を行おうとした場合

    エンジニアにも知って欲しいChatGPT基本テクニック - Qiita
  • 関西ミュージアム巡り

    関西に限ってみるぜ! 行ったことがある中で、特に印象に残ったところ(あるいは定期的に足を運んでるところ)をリストアップ。増田は今は阪神間在住なので行きやすいところがどうしても多くなる。 京都府京都国立博物館企画展もいいし、コレクションとしても優品たくさん持ってるんだけど、いかんせん明治古都館の耐震工事の目処が立たないので常設展と企画展どっちかしか開催できないのが痛い。近世の歴史的遺構(方広寺)の上に近代の歴史的建築(明治古都館)建てるんじゃないよ全く。京都市京セラ美術館ここもMUCA展とかキュビスム展みたいにいい企画展がどんどん回ってくるけど、やっぱりコレクションも見たいので、コレクション展やってないとちょっと落胆する。年パスがコスパよくて、ミュージアムズ・フォーが割引になるのも嬉しい(特に向かいのMoMAK)。京都国立近代美術館ここもコレクションがいい。でもMoMATみたいなところかと思

    関西ミュージアム巡り
  • MIKU FUKAMITSU powered by BASE

    Blossom pierces (SV925 / RD)【SPRING SPOT COLLECTION】【イヤリングのみ】

    MIKU FUKAMITSU powered by BASE
  • 令和のHTML / CSS / JavaScriptの書き方50選

    Web制作技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい!」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

    令和のHTML / CSS / JavaScriptの書き方50選
  • デザインスキルを上げるならこれを読むべし!基本の人間工学記事 3選|東芝 UIデザイン

    こんにちは!東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか?ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか? そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と

    デザインスキルを上げるならこれを読むべし!基本の人間工学記事 3選|東芝 UIデザイン
  • 紙っぽいかわいいWebサイト作りたい - Qiita

    かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き! 思いついたら追加する 「版ズレ」風 版ズレ = 印刷の際に、色の版がズレて出力されてしまう現象。(アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます) 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする (疑似要素でやりたかったけど乗算上手くいかなかった・・) ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

    紙っぽいかわいいWebサイト作りたい - Qiita
  • HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA

    見出しなどのテキストを目立たせたいときに便利なフキダシ(吹き出し)。 この記事では、HTMLCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before = 選択した要素の最初の子要素として疑似要素を生成 ::after = 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加

    HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
  • 【もう鮭はそのまま焼かない!】タサン志麻さん「超美味しくなる!最高の食べ方」ご飯何杯でもおかわり!? | ヨムーノ

    【もう鮭はそのまま焼かない!】タサン志麻さん「超美味しくなる!最高のべ方」ご飯何杯でもおかわり!? 2024年04月20日公開 こんにちは、美味しくて手軽に作れるレシピを常に探している、ヨムーノライターの宮崎シュウです。 みなさんは、鮭があったらどのような使い方をしていますか? 塩焼きやムニエル、おにぎりの具材など、レシピが偏りがちになる方も多いと思います。 そこで今回は、テレビで話題になった超簡単なうえに少ない具材で作れる鮭料理をご紹介します。 ご飯がなくなること間違いなしの、絶品おかずを実際に作っていきます。 フライパンで蒸すだけ!鮭の絶品料理テレビ系列「沸騰ワード10(2022年4月8日放送)」で紹介された、タサン志麻さんの「ネギと鮭の蒸し焼き」。 使用する材はネギ、塩鮭、味噌の3種類と超シンプル。 べ慣れた組み合わせなだけに、そこまで美味しくなるの?と心配になりますが、

    【もう鮭はそのまま焼かない!】タサン志麻さん「超美味しくなる!最高の食べ方」ご飯何杯でもおかわり!? | ヨムーノ