#css
Webデザインについて＃1「コンテナという概念」
前回のお話と前置きこのシリーズは「グラフィックデザイナーがWebを学んでみて」というテーマで不定期連載しております。このマガジンに今後もストックされていきます。
初回では
-デザインとは？
-紙とWebの違い
についてまとめました。
今回はWebデザインを行う上での基本的概念の「コンテナ」についてまとめます。これはデザインのみでなくコーディングにも通ずる考え方です。前回の記事で書いたようにWE
jQueryを使わずに実装する開閉切り替え付き複数アコーディオン
下記記事の応用編メモです。
複数のアコーディオンに対応したい場合。
…とは言っても、かなりjsコードもhtml構成も違うのですが。。
HTML
<div class="accordion"> <div class="ac-content"> <label class="toggle" for="ac-cap1"><img name="ac-bt
jQueryを使わずに実装する開閉切り替え付きアコーディオン
アコーディオンといえば、一般的にjQuery+css3で実装するものが広く知られていますが、大抵はシンプルでフラットなデザインのものが多いですよね。でもページのデザインによっては、cssベースのボタンではなく画像ボタンを置きたい！…なんて場合もあるのではないでしょうか？まさしくそんな状況のなか、私が試行錯誤した方法を以下に書き留めておきます。
HTML
<div class="accordio
デザイナーの皆さんポートフォリオつくるならSTUDIOオススメですよという話
STUDIOとはコードを書かずに、Webサイト制作を完結。ということで本当にコードを書かずにレスポンシブなWebサイトも作れてしまいます。
先日1.3億円の資金調達を完了し、更にプロダクトに磨きも掛かりそうです。
ずーっとポートフォリオサイト作りたかったことの始まりは元々TwitterやInstagramで設定できるリンクをLinktreeで済ませていました。が、単純に諸々のSNSリンクを設定で
メンテナンス性の高いCSSコーディングが大切な理由
はじめまして！TAK(@tak_dcxi)と申します。
noteのアカウントを取得して数週間経つのですが、一度も投稿をしていないはずなのにフォロワーが15人もいたのでそろそろ手を出さないとなーと思いながら書いております。
今後もnoteを投稿していこうとは思っておりますが、僕が投稿するnoteは基本的に自分自身への備忘録のつもりで書いています。
今回のnoteもあくまで自分の感想の紹介であり
意外と知らない？HTML/CSSを書く上で便利なデベロッパーツールの機能13選
※こちらの記事が400はてブ以上ついて、総合とテクノロジーの人気エントリーに入りました！
こんにちは。Kazutaka Shimizuです。
フリーランスとしてPM、エンジニアをやっています。
元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してプロダクトを作って起業しました。
最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学し
![Text Crop と SVG arrow [ codepen: css ]](https://assets.st-note.com/production/uploads/images/12431036/rectangle_large_type_2_369dce0a666d18a18c1f5f4052b58bf7.png?width=800)
