ヒウィッヒヒーへ、ようこそ！ ここは、2006年にTwitterが誕生し、2008年に日本語版が登場した頃の雰囲気を大切に再現した、当時のTwitter文化を振り返る非公式のオマージュサイトです。 あの頃のTwitterには、ただ何気なく「つぶやく」だけで楽しくなれる、素朴な魅力がありました。肩の力を抜いて、ふとした瞬間を気軽にシェアする── そんな原点の楽しさを、もう一度感じてもらえたら嬉しいです。 ユーザー登録は不要！ 面倒な手続きなしで、すぐに投稿して楽しめます。どうぞ、あの日のインターネットの空気を感じながら、「ヒウィッヒヒー」 の世界をお楽しみください。 はてブにブックマーク / 𝕏にシェア この説明を閉じる
古い記事は直感的に古いことがわかると良い。この雑記では古い記事かどうかは日付を読めばわかるようになっていたが、それ以外には知る方法がない。古くなるにつれ文字がだんだん薄くなり、そのうち読めなくなるというような試みをしていたブログを見かけた記憶があるが、読めないのも良くないだろう(試みとしてはすごく好きだ)。かといって「古い記事です！」という注意書きを載せると、「日付も読めないと思っているのか、けしからん！」と怒られそうな気がしないでもない。それはともかく注意書きの類は嫌いなので、何が何でも載せたくない。 ウェブページで古い記事に遭遇すると、すごい昔風のまま公開され続けているか、CSSの適用がうまくいかずにぐちゃぐちゃか、CSSが読めなくなってすっぴんか、に大別される。昔風のまま公開するにはCSSをバージョニングして、HTMLはそのままにしておけば良い。しかし、このウェブサイトでは何かしら気
垂直方向に複数の段落と画像が並ぶとき、間隔を均一にしたければ、それぞれ同じ大きさのmarginプロパティを適用するだろう。 <p><!-- ... --></p> <p><!-- ... --></p> <figure><!-- ... --></figure> <p><!-- ... --></p> :root { --space-default: 1rlh; } p { margin-block-start: var(--space-default); margin-block-end: 0; } figure { margin-block-start: var(--space-default); margin-block-end: 0; } See the Pen Untitled by Yuhei Yasuda (@yuheiy) on CodePen. しかし実際には、このように
このウェブサイトをリニューアルした。これまでも何度かリニューアルを重ねてきており、今回でバージョン6ということになる。サイトとしては今年で7年目。 ブログを組み込んだのはひとつ前のバージョン5からだ。それ以前は、1ページしかないただのリンク集のようななにかでしかなくて、ブログを書くときには外部のブログサービスを使っていた。その方が、考えないといけないことが少なくて済む。でも、ずっとやってるとそれに飽きてきた。やはりブログも自分で作った方が楽しいと思ったので、こうして丸ごとサイトに含めることにした。 そして、それから2年弱くらいこのサイトを運用してきて、そろそろ作り直したい気持ちになってきた。前回リニューアルしたときから少し僕の考え方が変わっているし、技術的にもいろいろ試したいものが出てきたので、ちょうどまとまった時間が取れたこの連休でリニューアルした。 まず、サイト全体としてかなり質素なス
約3年ぶりにこのウェブサイトをリデザインした。Gitの履歴が整理されていないうえ記憶も定かではないが、おそらく9代目のテーマのはず。書体選定やタイポグラフィとグリッドの設計、文書構造などについて解説してみたい。 本文書体は筑紫明朝のLBで、キャプションや小見出しは筑紫ゴシック。明朝体は横画が細いため、書体によってはスクリーンでかすれて読みづらくなってしまうことがある。とくにスマホやタブレットではサブピクセル・レンダリングの特性上、その傾向がより顕著だ。しかしこの筑紫明朝のLBというスタイルは全体的にストロークが太めにデザインされていることもあり、スクリーンにおいても可読性が高いと考え、本文書体として採用した。 本文の文字サイズは17.067px、行送り32pxで、これがページを構成するグリッドの基本単位となっている。各要素の文字サイズは本文を中心に調和数列を構成するよう設計していて、タイト
認知症・ウツ・男性更年期・女性更年期鬱・血栓・駆ケ込ミ店！ バランスターＷＺ 循環元(じゅんかんげん)直売店！
2021/02/12 追記 この記事を執筆した当時、Bootstrapがどのサイトでも使われていました。 当時のBootstrapはjQueryと密結合していたり、いろいろと剥がす動機があったのですが、 現在のBootstrapは内部的にもflexboxになっていたりと改良されています。 まずは剥がす前に最新版への更新を検討してみてください。 一方で、TailwindやインラインスタイルCSSなど、Bootstrapを採用しづらい場面も増えてきています。 その場合にはやや記述は古いのですが本記事が役に立つ場面もあるでしょう。 ポイントは、腹をくくってFlexboxのプロパティについて真剣に学ぶことです。 追記終わり Bootstrapは便利ですし、デフォルトのスタイルもフラットでかっこいいですね。 デザイナーでなくてもそれなりに整った画面が作れるということで、大変便利なBootstrapで
Japanese | English The 46th Tokyo Motor Show 2019 YAMAHA 人に寄り添い、人の温もりと向き合ってきたこと。 人が主役で、人が自己実現できるモビリティを開発してきたこと。 たとえ「100年に一度のモビリティ革命」が起きようと、 ヤマハが歩んできた足跡をたどれば、 モビリティの正しい未来がしっかりと描けるはずだ。 だから、自信を持って言いたい、真のモビリティ革命とは、 交通システムとしての利便性や効率性とは次元を異にした、 「人が人らしさを取り戻す」ための革命であることを。 ART for Human Possibilities. 人の能力を拡大させるアーティスティックなテクノロジーで、 様々な社会課題が解決していけば。多種多様な自己実現が可能になれば。 人はもっと心が豊かになるはずだ。もっと幸せになれるはずだ。 ヤマハが描く、モビリティの
お知らせ これは見てみタイ！大塚屋の実店舗に、タイの布地が大量入荷。 大塚屋、イタリアへ行く。【2025春夏編】 【期間限定買取イベント】大須のKOMEHYO、大塚屋車道本店にやってくる。0307-0312 【次回3月15日】リボンマート「リボンアクセサリー・ワークショップ」車道本店 入園入学レッスンバッグ&シューズ入れ講習会 車道本店2Fミシン売場0318 刺しゅう枠を使って作る「フラワーリース」 車道本店4Fクラフト売場0319 リバティプリントで作る「サイドリボンの巾着バッグ」 車道本店2Fミシン売場0415 リバティプリントで作る「サイドリボンの巾着バッグ」 車道本店2Fミシン売場0513 リバティプリントで作る「サイドリボンの巾着バッグ」 車道本店2Fミシン売場0617 人気のクリエイター＆イラストレーターさんの布地が、続々登場。「大塚屋クリエイタープロジェクト」 お知らせをもっ
昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。 HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt
今流行のフラットデザインと相性が良いゴーストボタンを使って雰囲気を高めているWebサイトの紹介です。ゴーストボタンは、ボタンを派手に目立たせたい時に使うよりも、サイトの雰囲気を壊すことなくボタンを置きたい時に使うのが効果的です。”ゴーストボタン（Ghost buttons）”とは、背景色を透過にし、囲み線だけで表現されるボタンです。 流行り始めてから日が浅いためにまだ正式名称は決まっていませんが、幽霊のようにサイトの中に溶け込むことから”ゴーストボタン”と言われることが多いです。 ”ゴーストボタン”を使っているサイトとして、最もメジャーなサイトはTwitter Bootstrapでしょうか。 2013年頃から流行しているフラットデザインとの相性が良いために、”ゴーストボタン”を使うサイトが最近増えてきています。 ”ゴーストボタン”は、ボタンを派手に目立たせたい時に使うよりも、サイトの雰囲気
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから（例：Amazon）。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。「財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す」というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く