CSSのみでアコーディオン・2パターン
Result 今更感半端ないですが、CSSのみでアコーディオン 全部開けられるやつと1つ開けると他が自動で閉まるやつの2パターンあります 両方ともinput要素と:checkedを使います 違いはcheckboxかradioか、なので基本的には同じコードで動きます cssinput {/*input要素自体は非表示にしておく*/ position: absolute; opacity: 0; z-index: -1; } /*アコーディオンのスタイリング*/ .tabs { border-radius: 8px; overflow: hidden; border:1px solid #ddd; border-top:none; } .tab { width: 100%; color: white; overflow: hidden; } .tab-label { display: flex
【ADHD】メール返信の3つのポイント 即レス・パターン化・最適化 - ピコシムのブログ
こんにちは、ピコシムです。 久々のADHD（注意欠陥多動性障害）シリーズです。 メールの返信って面倒なときありますよね。 ついつい、後回しにすると結果忘れてしまったり、先方から催促の連絡が来て色々問題が発生します。 非常に面倒なことになると、ますます動き出しにエネルギーが必要です。 ではどうするか。 ADHDの私がやって成功しているポイントは、 『即レス』と『パターン化』『最適化』です。 １．メール返信は即レスが基本 ADHDの人の場合、99%先延ばしします。なぜなら、やる気の脳内物質のノルアドレナリンの量が少ないからです。 自分の大好きな1%のこと以外は、めちゃくちゃレスポンスが悪くなるのが特徴です。 しかも、時間管理機能が壊れていて、相手の気持を想像するのも得意ではありません。ということは、メールの返信がどんどん遅くなる条件が全てそろっています。 ではどうすればいいか。 メールは即レス
Photoshopでシームレスなパターンテクスチャ素材を作る方法【芝生、木目、レンガなど】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの姐さんです。 今回はPhotoshopの機能を使って、シームレスパターンを作成する方法をご紹介します。 ※この記事は2022年3月に編集部が情報を更新しました 芝生 1. 正方形の新規ファイルを作る 今回は300px×300pxの正方形にしました。 2. 写真を配置する カンバスいっぱいになるように写真を配置します。 3. カンバスサイズで写真を切り抜く 全てを選択（ctrl+A）→選択範囲をカット（Ctrl+X）→編集→特殊ペースト→同じ位置にペースト（Ctrl+Shift＋V）で芝生の写真をカンバスサイズで切り抜きます。 この手順をやっておかないと次の手順の「スクロール」がうまくいかないので、必ずやっておいてください。 4. 「スクロール」フィルタで写真を移動する 次に、先ほど切り抜いたレイヤーを選択した状態で、「フィルタ」→「その他」→「スクロール」を選択しま
結婚式に使いたい、フォント・飾り枠・テクスチャなどオススメのフリー素材 | tipsBear
ウェディングにぴったりのありがたいフリー素材をご紹介。ペーパーアイテムやウェルカムボード、ビデオ等を手作りしたい方からウェディング系のウェブサイト制作まで幅広い用途で使えます。 ちょこっとですが自分の結婚式の時に作ったものも最後に紹介していますので、ペーパーアイテムを手作りしたい方・Web招待状を作りたい方の参考になればと思います。 結婚式のペーパーアイテム・ビデオ制作・ウェディングサイト制作に大活躍のフリー素材 注釈がないものは商用利用も可能な素材ですが、ご使用の際はライセンスの詳細を各リンク先にてご確認ください。 フォント 結婚式にぴったりのフォントといえばカリグラフィー！ この手の筆記体フォント好きなのですが、普段はあまり使う機会がないので、ここぞとばかりに使いました。すごく楽しかったです。
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
全部商用利用無料！ピクセルベースのかわいい柄やノート地のパターン素材のまとめ
ピクセルベースでデザインされた、かわいい柄やノート地、ドット、ヘキサゴン、波線などのパターン素材を紹介します。 最後には雪やツリー、プレゼントなどのかわいいクリスマス柄のパターン素材も！
無料でここまでできる→日本語を書くのに役立つサイト２０選まとめ
（例文／コーパス） ◯KOTONOHA「現代日本語書き言葉均衡コーパス」 少納言 www.kotonoha.gr.jp/shonagon/search_form 現代の日本語の書き言葉の全体像を把握できるように集められた約１億語収録の『現代日本語書き言葉均衡コーパス』をジャンルを指定したり、前後にくる言葉を指定した上で検索できる。用例を探したいときはまずここを当たる。 ◯コーパス検索ツールNINJAL-LWP for BCCWJ (NLB) nlb.ninjal.ac.jp/ 『現代日本語書き言葉均衡コーパス』を検索するために、国語研とLago言語研究所が共同開発したオンライン検索システム。上の少納言との違いは、名詞や動詞などの内容語の共起関係や文法的振る舞いを網羅的に表示できるところ。 たとえば「タバコ」を検索すると、用例が「タバコ＋助詞＋動詞」や「動詞＋タバコ」＋「タバコ＋助詞＋形容詞
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
ディテールの強化に効くピクセルベースのPhotoshopのパターン素材
年末に紹介したのとは異なるデザインを用意した、ピクセルベースのPhotoshopのパターン素材を紹介します。
50+ Pattern Sets To Spice Up Your Website’s Background
Have you ever felt bored with the plain colored background on your website? When a plain colored background can’t create the mood you want to present in your design, maybe you should try to improve your design by using a tiled pattern for your background. Though repetitive patterns often remind us of the old-fashioned era, sometimes a pattern can also be the answer to your confusion in taking your
商用でも無料で使えるパターンギャラリーサイト『DinPattern』 – creamu
かっこいいパターンを探している。 そんなあなたにおすすめなのが、『DinPattern』。商用でも無料で使えるパターンギャラリーサイトだ。 『DinPattern』では、↑のようなパターンがたくさん紹介されている。 All patterns available here are free to use. … You may use these patterns for any personal or commercial use. If used, please link back to DinPattern and credit would be appreciated. とのことで、すべてのパターンを無料で使用でき、個人利用でも商用でも問題ない。使う場合はDinPatternにリンクバックとクレジット表記をしてくれるとうれしい、とのことだ。 商用でも無料で使えるパターンギャラリーサイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料、日本の伝統的な色使いが美しい和柄のパターン素材やテクスチャ素材のまとめ
Photoshop Vip » 味わいのあるPhotoshop用グランジストライプパターン6枚セット「Grungy Stripes Pattern」
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事