HTML+CSSコーディングの言語化 - Qiita
はじめに HTML＋CSSコーディングにおける制作者の思考や判断、アプローチ、コード化に至るまでの流れなどを分解し、コードの状態なども含めてそれぞれを短い言葉で言語化しました。 以下のような効果が期待できます。 HTMLとCSSを使っておこなってきた事を客観視・再認識できる 始原的な動機を把握することで、手法を別の視点で捉えられるようになる 認識合わせや熟練度確認に利用し、制作時のコミュニケーションを円滑にする 場合によっては、ぼんやりと捉えていたことや、詰まりやすかったポイントなどがハッキリと認識できるようになるかもしれません。 言語化の概要 まずは、全体像が分かる概要図を掲載します。 この記事は、以下のステップと各項目について順に説明するものになります。 前提事項・環境について 言語化するにあたって前提となる考え方や環境について記載します。 HTMLとCSSの役割 HTML → データ
Affinity Designerの使い方： 初めて使ったときに戸惑ったことのまとめ
Affinity Designerを初めて使った時に戸惑ったことをまとめてみました。最初の戸惑いをクリアすれば、すごく使いやすくサクサク動くオススメのアプリです。無料試用版 もあるので、ぜひ、お試しください。 2022年11月9日にAffinity Designerのバージョン2が公開されました。この記事の内容はバージョン1の情報です。バージョン2では大幅なUIの刷新（レイヤーパネル周りも結構変わりました！）が行われており、バージョン1とは画面の見た目や機能自体が違うものもありますのでご注意ください。 目次 初心者向けAffinity Designerの使い方シリーズ Affinity Designerがおすすめな理由 使いはじめに戸惑ったこと 1. ツールバーやパネルの表示の調整 2. レイヤーまわりの操作 3. カラーピッカーの使い方 4. ペルソナ（操作モード）の使い方 5. Com
STORESロゴデザイン漂流記 〜完成に辿り着くまでのアイデアと対話の全記録〜｜Takamasa Matsumoto
CoineyとSTORES.jpがheyへと経営統合してから約2年。 それぞれ別々のサービスブランド名で運営していましたが、統合してついにひとつの 「STORES」として始動することになりました。 ブランド統合にあたり、STORES.jpとCoineyのデザイナーによる組織横断メンバーと、外部パートナーで組成されたブランドデザインチームで、新生「STORES」のロゴデザインをつくりました。 「STORES」はどんな世界を目指しているのか。制作プロセスにおける、アイデアや対話のプロセスを通じて、その想いをお伝えできればと思います。 新しいストーリーラインへ まず、新しいロゴの方向性を検討するにあたりチームで行ったことは、2つのブランドが持つストーリーが交差した先にある、新しいストーリーラインはどのようなものかを考えることでした。 その上で具体的に現状のロゴをそもそも大きく変えるべきか、変える
ハンバーガーボタン 何で作ってる？僕なりの作り方を解説してみる。 - Shibajuku
もう年末ですね。 去年の今頃は風邪で鼻水だらだらの記憶がありますが、皆さんは如何お過ごしですか？ どうも、しばおです。 さて、いきなりですが、皆さん ハンバーガーボタン ってどうやって作ってます？ ハンバーガーボタン の作り方をググったりすると、空っぽの span タグ 3個で作ってたり、div タグ や チェックボックスで作ってたりするのをよく見かけます。 でもね。僕的には、button 要素がベストだと思っているんです。 そこで今回は、なぜハンバーガーボタンを button 要素で作った方がいいのかや、僕なりの作り方をできる限り詳しく解説をしてみたいと思います。 ちなみにこの記事は、ある程度、HTMLやCSS、JavaScriptを使った基本的なコーディングを理解している人向けになりますので、CSSって何？って方は先に、基本的なコーディングを学習しておいて下さい。 ハンバーガーボタン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
