タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA 担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキング』と他にはない分類ですが意外と使いやすいです。制作の裏側記事もあってWebデザインの参考だけではなく読み物としても楽しめます。 URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集 紹介文 URAGAWAは、クリエイティブカンパニーの情報を蓄積していくこと
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ＆ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。 Eagle – 効率的に画像を保存する 専用アプリのダウンロードはこち
IE終了後にWeb制作の現場で使えるHTML&CSSコード14選！おさえておきたいコードを集めてみた | Pulp Note
マイクロソフトから正式にInternet Explorer 11 デスクトップアプリケーションのサポートを終了する発表がありました。期限は2022年6月15日です。Webサイト制作者としては歓喜の出来事ですね。 ただ、IEを気にしなくてもいいという事は、IE対応をしてきたコードの見直しも必要となります。そこで今回は、IE未対応で泣く泣くスルーしてきた即戦力なHTMLやCSSコードを14個紹介します。2022年6月以降のために今から知識を蓄えておいてはいかがでしょうか。 ちなみに、『Windows10 LTSC』や『Windows Server上のInternet Explorer11 デスクトップアプリケーション』といった一部のIE11には影響はないとの事ですが、一般ユーザーが利用する『Windows10のInternet Explorer』はサポート対象外となりますので、これはIE終了と
はじめに こんにちは！ 私は業務で、数理最適化を活用したシステム開発、および導入支援に従事しています。 本記事は、私の妻が担当した 雑務（部署の懇親会のグループ分け） を題材として、それを数理最適化問題に落とし込み、条件を満たすようなグループ分けを求める簡易的なアプリをPythonで実装してみました。 「とりあえず動くものを作る」という意識で取り組んだため、もし特に数理最適化周りについて、より効率的なアプローチをご存じの方、また思いついた方は、ぜひご指摘いただけると幸いです。 具体的に・・・ 「部署の懇親会のグループ分け」の背景や概要は以下の通りとのことでした。 部署全体の人数は 100人程度、またその部署内にいくつかのチームが存在する。 この部署には、特に若手について、別チームの社員との親交が薄いという課題があった。 そこで、別チームの若手同士や、若手と年次が上の社員の親睦を深めるために
2ヶ月前にMacbook Proを購入した際、以前の設定移行ではなく、一から設定し直しました。そのおかげでストレージの無駄がなくなり、スッキリとした状態でPCワークできています。 今回Chrome拡張機能も見直しをおこない、2ヶ月が経過しました。現在利用しているChrome拡張機能について紹介します。 1Password – パスワード保管庫 パスワード管理ができる1Password。Chromeのパスワードマネージャーもいいのですが、ここ2ヶ月ほど便利に使えているのでこちらをメインに。 Touch IDで解除できるのはとてもラク。レビューは酷いですが、私は満足しています。
Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。 Toby for Chrome Chromeを利用しているとかならず出てくるタブ開きすぎ問題。パソコンが重くなる原因の一つで、タブは開きすぎない方が良いです。その問題を解消するのがChrome拡張機能 Toby for Chrome。ついつい増えがちなタブを一括で管理することができます。 私は、案件ごとにSPACESを用意し、関連ページや参考ページをタブで開いてまとめてブクマしています。ドラッグ&ドロップで並べかえができたり、SPACES内に複数のフォルダを用意できるので、タブ管理
CSSだけでも表現できるデザインが増えてきまして、疑似要素::beforeや::afterなどを駆使することでボタンやテキストリンクへさまざまな装飾することができるようになりました。今回は全部で19パターンのデザインをCSSのみで実装する方法をご紹介します。あなたの現場でぜひご利用ください。 CSSボタンのスタイル CSSボタンは11パターンあります。すべてのデザインに共通したCSSがありますので以下のコードをコピペした後に、実装したいボタンのCSSをコピペしてください。 CSSボタンの共通スタイル .btn a { display: flex; justify-content: center; align-items: center; position: relative; width: 300px; height: 60px; color: #333; font-size: 18px;
よくある質問でよく利用するアコーディオン機能をCSSアニメーションとHTMLで実装する方法です。JavaScriptは不要。IEのみ非対応なのですがPolyfillを使って機能させることができます。
見出しに使えるfit-contentを解説してみる | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
コンテンツの幅に合わせたサイズを指定できるfit-content。無駄なタグを省くことができて、便利に使えるこのコードを私は見出しデザインで使用しています。今回はfit-contentについて実例つきで紹介していきます。 fit-contentで背景色 fit-contentでコンテンツ幅に背景色 中央位置に配置した見出しに背景色をつけるスタイル。<h2>や<h3>などの見出しタグを親要素の中央の位置に配置しつつ、背景色をつけるためには横幅を指定しなければいけません。 fit-contentを使用しないと見出しごとに横幅を指定する必要がある また、見出しの横幅を指定しないと親要素の幅いっぱいに広がってしまいます。 h2やh3などの見出しにdisplay: inline-blockを使用すればコンテンツ幅に背景色をつけることができます。 しかし、中央配置ができないため、見出しタグの中に<sp
Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132
いざという時に必要な写真やイラスト、アイコン素材。汎用性が高く使いやすい無料の素材配布サイトを集めてみました。ブログなど個人運用のサイトは無料のもので済ませておきたいもの。ぜひ一通り確認してみてください。 写真
テキストを強調させるCSSコード | Pulp Note
テキストを強調させる方法として太文字や下線text-decoration: underlineはよく使われますが、実は他にも強調させるコードがたくさんあります。今回は11パターン紹介しますのでデザインに合わせてご利用ください。 テキストを強調させるCSSコード
2025年1月4日、5日に幕張メッセ国際展示場で初めて行われる洋楽フェス「rockin’on sonic」にヘッドライナーで出演することが決定したパルプ（PULP）。1998年以来となる来日公演を行う彼らの歴史を改めてご紹介。 また、この公演を記念した予習プレイリストが公開となっている（Apple Music / Spotify / YouTube）。 ＜関連記事＞ ・90年代大特集：グランジからブリット・ポップ、R&Bやヒップホップの台頭まで ・忘れられた90年代バンド10組：再評価すべき忘れられたアーティストたち ・1994年に発売されたアルバム・ベスト69 パルプについては、艶やかな魅力やパンク的な感性を備えたオルタナティヴ・ロック・バンドだとか、個性的なアート集団だといった評価がなされてきた。だが実際のところ、多ジャンルの要素を取り込んだ素晴らしいポップ・グループだということを前提
マーケター視点、不動産業界に特化している、ツールを使用して作成された、スマートフォンのみ、など目的ごとにWebデザインを閲覧することができるギャラリーサイトを７サイト紹介します。 Choicely マーケター視点で選ばれたwebデザインを集められているギャラリーサイト。 コミュニケーション設計に優れたWebサイトをまとめているとの事で、たしかに使いやすさを感じるサイトが多く紹介されています。他にもマーケティング企業やマーケティングツール、メディアサイト、Webサービス、と用途によって分けてまとめられているのもおもしろい。マーケターがチェックしたいギャラリーサイトです。 Webデザインギャラリー | Choicely REAL ESTATE DESIGN GALLERY. 国内の不動産業界のWebデザインを紹介しているギャラリーサイト。 他のギャラリーサイトでも不動産カテゴリーでまとめられて
#目次 1.はじめに 2.シフト作成時の条件 3.実行環境 4.完成シフトイメージ 5.pythonのコード 6.エクセルへの出力 7.考察 8.課題 9.参考サイト #1. はじめに 業務でシフト表の作成がかなりの時間をかけて行う仕事となっており、 Pythonのプログラムで自動作成による仕事の効率化を図りたいと思いました。 目標としては、Google Colabでシフト表を自動で割り振り、作成したシフトをExcelに出力するというところにおきたいと思います。 #2. シフト作成時の条件 ４種類の勤務時間(０：休み、 １：午前、 ２：午後、 ３：フル） 従業員数３１名 実際のカレンダーを使用する 土日祝日を抜いた平日のみの勤務とする（営業日） 希望休を反映させる 1日の勤務時間、一人一人の月間勤務時間を平均的にする #3. 実行環境 Google Colaboratory MacBook
文章はwrapの中におさめつつ、写真だけ画面横サイズいっぱいに広げたい時のCSSテクニックを紹介します。テキスト用のwrapと写真用のwrapの２つを用意しなくても、同じ親要素内にまとめても写真だけサイズを変更できるので便利。写真を印象的に表現したいページに使えます。 まずはデモを用意したのでご覧ください。文章はPC画面で600px、スマホ画面で80%内におさまっていて、写真だけ横幅いっぱいに広がっています。 See the Pen Calc Margin by Kobayashi (@Pulp_Kobayashi) on CodePen. 写真も本来はPC画面で600px、スマホ画面で80%表示されるはずなのですが、写真にだけcalc()で指定することで全画面表示にすることができます。 これはテキスト部分の外側にある余白の値を計算して、写真をその分左右に広げることにより親要素の横幅を無視
【時事】ODA情報整理｜PULP 🐈⬛
「総理大臣が海外にばらまき」というトピックを目にされた事がある方は多いと思います。予備知識がないと「日本人が働いて稼いだお金を、ええかっこしいしたいがために海外にプレゼント」みたいな構図で考えている方が多そうです。ニュースを見なくて時事問題に疎い方ならともかく、X上で日頃から政治談議を行っている方ですら派手に勘違いしていたり、かくいう私も調べてみたら「わからない点が見えてきた」とか「こんな事があるの知らなかった」が頻発。なので、もしかしたら説明不足や誤りもあるかもです。その際は遠慮なくご指摘ください。ブラッシュアップして参ります。 先に私の結論を述べさせていただくと「問題ない事を騒ぎすぎ。これは単なる政権批判の道具になっているだけ」です。日本が政府として海外に支援を行う事には「ちゃんと意味、メリットがある」を確認していきましょう。 ※堅苦しい内容なので、今回のヘッダーは面白い画像にしてみま
【時事】百田尚樹 情報整理｜PULP 🐈⬛
X（旧twitter）で話題の日本保守党ですが、やはり賛否両論渦巻いています。まあ、良くも悪くも注目を集める存在なので、話題になるのは必然ではあります。その政党（というか政党要件をまだ満たしていないので政治団体）は信用に足るのかの検証をしていきたいと思います。政治団体の代表の言動を確認するのは公益になるとは思いますので、このタイミングを待っていたｗ 私見は私見としてわかるように致しますね。また、トピックごとの賛否は読む方にお任せします。下記の点には注して記述していこうと思います。 私見は述べますが、人格否定、誹謗中傷はしない 正誤があるトピックは事実検証も極力します 有料動画の掲載は避けます 本人発言を元に構築 ※内容が殺伐とする感じなので、ヘッダーだけ爽やかにしました。 01.「殉愛」裁判敗訴この本はやしきたかじんさんと献身的な愛情を注いだ奥さんの愛情を描いた作品です。が、実在の人物の物
RAU DEF - Pulp Phiction feat. PUNPEE Streaming link https://linkco.re/uSYvdpf3 Written by RAU DEF & PUNPEE Produced by PUNPEE Guitar by Benedict Quinn Starring: Sofia Director: Shintaro Kunieda EDIT & VFX: SKOLOR Director of Photography: Takuya Takeuchi Art Department: Haruka Niizeki, Takahiro Osuga, Tomohiro Yanagi, Jun Honda Lighting: Yutaro Yamamoto 1st Lighting Assistant: Sousuke Takahashi
2021年3月11日からスタートしたPulp Noteは47記事を更新し、Googleで上位をキープできていることもあるからか、多くの方に読んでいただけるブログとなりました。一年を振り返るという意味で記事の年間ランキングを公開したいと思います。読み逃している記事がありましたら、年末年始の間でぜひお楽しみください！ 1位 CSSのみで実装するボタンデザイン30選 Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。 81,877pv CSSのみのボタンデザイン – 私が現場で使ってきたボタンアイデア30選 ２位 CSS見出しデザイン21選 CSSのみで実
私のTwitterアカウント（@pulpxstyle ）では、サイト制作の現場で使えるTipsやアイデアを発信しています。2021年3月の間で人気があったツイートをまとめてみました。ブクマに埋もれてしまって探すのが大変という方はこちらからチェックしてみてください。 私が資料を作成する際に鉄板にしているフォント私が資料を作成する際に鉄板にしているフォント pic.twitter.com/6U1TQX8ojM — 小林 I Web Designer (@pulpxstyle) March 11, 2021 私が資料を作成する際に使う”明朝体”や”セリフ”フォント私が資料を作成する際に使う "明朝体" や "セリフ" フォント pic.twitter.com/56N4AuYWzi — 小林 I Web Designer (@pulpxstyle) March 17, 2021 背景に使える”やわ
トラップ・ミュージックとは？〜Lil'Yukichi｜TRILL DYNASTY｜Pulp Kが語る日本のトラップ・ヒストリー - サンレコ 〜音楽制作と音響のすべてを届けるメディア
皆さんは“トラップ・ミュージック”と聞いて、まず何を思い浮かべるだろうか？ あまりピンと来ない方でも、カーディ・B、ミーゴス、ポスト・マローン、トラヴィス・スコット、XXXテンタシオン、リル・パンプと言えば大体どんな音楽なのかイメージできるかもしれない。ROLANDが生んだリズム・マシンTR-808のドラム・キットを軸にしたトラップ・サウンドは、昨今のヒット・チャートで“聴かない日は無い”と言ってもいいくらいだろう。国内でもその余波は大きく、KOHHやBAD HOP、JP THE WAVY、YENTOWNなどのアーティストが話題を集めている。本特集では、このようなアーティストのサウンドを担うビート・メイカーを“トラップ・メイカー”と称し、彼らの制作ツールはもちろんのこと、トラップ・ミュージック独自の制作スタイルやマインドなどものぞいてみよう。 Text：Susumu Nakagawa Ph
【時事】まとめのまとめ｜PULP 🐈⬛
twitterで話題になったアレコレの情報整理を行いました。過去にやったものはここにまとめて参ります。公開順、記事が増えたらここの記事も適宜増やしていきます。 誤字脱字、事実誤認、ソースのリンク切れなどがございましたら、お気軽にご指摘ください。ブラッシュアップしていきます。 01. コオロギ食の情報整理これは事実誤認情報の跋扈があまりにもひどく、民間企業に被害が出ているのが看過できなくて書きました。河野大臣にRTしていただき一定の広がりを見せたので、少しは「誤解を解く」のに貢献できたのではないかと思っております。また、生産者側（メーカーさん）複数からのご賛同を頂きました。 書いた甲斐があったなぁ。
【時事】川口クルド人問題 情報整理｜PULP 🐈⬛
「やけに揉めてるなぁ」という感じで遠巻きに見ていたんですが、あまり情報拾わないのもよろしくないですし、この機会にまとめちゃいましょう。ただ、クルド人そのものの歴史的背景は膨大になるので割愛、解決法も現在の進捗時点での記述になるかと思います。うかつな事が書けないので冷や汗… 「排斥か擁護か」という二択に流れがちなのですが、私はどちらでもないです。合法的にやってるクルド人（に限らず外国人）は日本で働いてくれてありがとうと思いますし、そうでない場合はお帰り下さいと考えております。Xでポストしたのですが「擁護も優遇もしない、一方で憎しみも差別もしない」が私のスタンスです。 私見だと「クルド人はトルコの政情的なところでの被害者」であり、他の安全な国から日本にやってくる人とは一線を画すもの。トルコ政府とクルド人の言い分は真っ向対立しているのですが、これも「どっちも自陣営に都合のいい言説」のプロパガンダ
【時事】有本香 情報整理｜PULP 🐈⬛
さて、百田尚樹まとめの次は勿論有本香氏です。 私見は私見としてわかるように致しますね。また、トピックごとの賛否は読む方にお任せします。下記の点には注して記述していこうと思います。 私見は述べますが、人格否定、誹謗中傷はしない 正誤があるトピックは事実検証も極力します 有料動画の掲載は避けます 本人発言を元に構築 ※内容が殺伐とする感じなので、これもヘッダーだけ爽やかにしました。 01.外国勢に買われた山まずは有名なこれ。 外国勢に買われた山の上に来ています。風が強くて夏服では寒いぐらいです。ここからの眺望には安全保障上重要と思われる施設が含まれるため、またもや暗い気分になりましたが、カラ元気を出そうとしている私たちです。 pic.twitter.com/VhnQ0kdHb8 — 有本 香 Kaori Arimoto (@arimoto_kaori) August 9, 2021 文章の解釈
import pulp #最適化問題のインスタンスを作成します。 problem = pulp.LpProblem("MyOptimizationProblem", pulp.LpMinimize) #変数を作成します。変数は問題の中で最適化される値を表します。 x = pulp.LpVariable('x', lowBound=0) y = pulp.LpVariable('y', lowBound=0) #目的関数を定義します。目的関数は最小化または最大化したい式です。 problem += 2*x + 3*y #制約条件を追加します。 problem += x + y <= 10 problem += x - y >= 1 #最適化問題を解きます。 problem.solve() #解を取得します。 print("Optimization status:", pulp.LpStatu
コンテンツの幅に合わせたサイズを指定できるfit-content。無駄なタグを省くことができて、便利に使えるこのコードを私は見出しデザインで使用しています。今回はfit-contentについて実例つきで紹介していきます。 fit-contentで背景色 fit-contentでコンテンツ幅に背景色 中央位置に配置した見出しに背景色をつけるスタイル。<h2>や<h3>などの見出しタグを親要素の中央の位置に配置しつつ、背景色をつけるためには横幅を指定しなければいけません。 fit-contentを使用しないと見出しごとに横幅を指定する必要がある また、見出しの横幅を指定しないと親要素の幅いっぱいに広がってしまいます。 h2やh3などの見出しにdisplay: inline-blockを使用すればコンテンツ幅に背景色をつけることができます。 しかし、中央配置ができないため、見出しタグの中に<sp
CSSで写真を装飾する | Pulp Note
CSSのみで写真に装飾を施す方法を紹介します。過度な装飾は避けたいのでできるかぎりシンプルなものを用意しました。デザインに合うものがありましたらご利用ください。 共通のHTMLHTMLは共通して以下のものを使用します。 .image { position: relative; } .image::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); border-image-source: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(0 0 0 / 0) 0, rgba(0 0 0 /
【時事】上海電力 事実検証｜PULP 🐈⬛
昨年からワイワイ騒がれている上海電力。論点が散らかりすぎて、デマの嵐になっていますので、一回まとめておこうと思っておりました。私見は最後に書きます。 01. 時系列 / 位置関係01-01. 時系列筆者作成01-02. 位置関係02. 事実確認02-01. 落札業者は太陽光発電実績なし？問題ありません。そもそも土地の賃借契約です。 ※入札の実施要項は02に掲載します。 追記：実績ありました。 情報提供まさとさん（上海電力関係に非常に詳しいお方） 02-02. 入札参加資格を満たしていた？問題ありません。入札参加資格は「納税に滞納がない事」です。 02-03. 予定価格が公開されていたのは？土地の賃借は適正賃料算出のため、コンサルなどが前もって地価から算出して公示するのは特段珍しい事でもありません。予定価格+1円というのも同様です。 02-04. 入札そのものが非公開？北村弁護士のツイート参
はじめに 数理計画法 (mathematical programming) とは、目的関数と呼ばれる目標値を、ある制約の下で最大化（最小化）する手法です。その中でも、線形計画法 (linear programming; LP) は、目的関数と制約式が変数に関する一次式（$\sum_ia_ix_i + b$ という形の式）で表せるものを言います。線形計画法は、数理計画法の中でも単純なものの 1 つですが、それゆえにソルバーやモデリング用のライブラリが充実しており、利用しやすい環境が整っています。特に、企業においては、利益やコストといった金銭的な指標を目的関数として、生産量や輸送量といった制御可能な変数を最適化することが多いかと思います。 本記事では、数理最適化のモデリング技法についてまとめられた以下の書籍から、演習問題を 1 つ取り出して実際に定式化し、Python のモデリング言語である
チーム内の業務割当てをPython + PuLPで最適化 - 昭和生まれ30代経理マンが令和に始めたBlog
Pythonのオンライン学習サービスであるPyQの「数理的アプローチによる問題解決」という教材を少し学習してみました。 blog.pyq.jp グラフ理論を実装するnetworkxというライブラリや、PuLPという線形最適化のライブラリなどについて学ぶことができます。具体的なコース内容はまた別の機会に紹介できればと思いますが、特にPuLPを使うと簡単に最適化が実行できて役に立ちそうでしたので、試しに業務割当てを最適化するプログラムを作ってみました。 なお私自身はあくまで経理マンであり、プログラミングは初心者ですので、プログラムが冗長で洗練されていない点はご了承ください。お気付きの点がありましたら、ご指摘いただけると助かります。 解きたい問題は何か？ Python + PuLPによる実装 準備 線形最適化モデルの作成 目的関数の設定 制約条件の設定 作成したモデルの確認 ソルバーの実行と実行
Webサイトに動画を設置する機会は多くなり、メインビジュアルの背景でループさせているサイトをよく見かけます。その際高画質で見せたいところなのですが、モバイルを考慮するとどうしてもサイズを小さくしないといけなくなり画質が悪くなります。その時にドットフィルターをかけると画質の粗さを目立たなくなるのでよく実装しています。今回はCSSのみでドットフィルターを実装する方法を紹介します。 .movie { position: relative; width: 100%; height: 100vh; overflow: hidden; } .movie::after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100vh; background-color: rgba(
PULP来日
知らない人にコモンピープルが…ファイアレーベルで…イエモン吉井が…なんて言っても仕方ないので、分かるように言えばハリポタの炎のゴブレットで魔法使いのバンド出てきたじゃん。あれのボーカル役がパルプのフロントマンでさぁ。JKローリングもこのバンドのファンなんだよ…って、虎の衣を借るみたいでアレだけども。さくらももこもたまを映画に抜擢してたし、サブカルクソ女って音楽のセンスいいよなぁ… で、1月6日、フェスのついでの単独公演。仕事初めなので絶対に休めないが…4・5に東京のフェスに行くのは絶対無理なんで、正月の連勤で埋め合わせて有休取得。 スタンディングは辛いので二階席。 当日券もあるとのこと、あぁ予約埋まらなかったか、オッサンばっかだろうな、と思いながらも。 こういうのっていい意味で期待を裏切られたく、ガッカリするのも嫌なので期待しないようにしてるんだけど 風呂での鼻唄が無意識にdisco200
ノートのような罫線をCSSのみで実装します。昔は線の画像を使っておりましたが、background-image: linear-gradientを駆使すれば表現することができます。 CSSでテキストにノートのような罫線をつけることができます。これからは画像を用意しなくても大丈夫ですよ。行数が増えてもCSSが自動で罫線を引いてくれるので便利ですね。 .text { padding-right: 1.5em; padding-left: 1.5em; line-height: 3em; background-image: linear-gradient(transparent 0, transparent 97%, #ddd 100%); background-size: 100% 3em; } background-image: linear-gradientで罫線を実装します。transp
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインの参考になるギャラリーサイト11選 | Pulp Note
Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note
妻の雑務を最適化したい（Streamlit＋PuLPでグループ分け最適化アプリ） - Qiita
便利なChrome拡張機能を見直してみた | Pulp Note
2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note
CSSのみで実装するボタン、テキストリンク、hoverスタイル19選 | Pulp Note
アコーディオンをCSSアニメーションとHTMLで実装する | Pulp Note
Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
チェックしておきたい無料素材サイト – 写真 , イラスト , アイコン | Pulp Note
パルプ/PULPの歴史：インディーバンドから、英ポップカルチャーの担い手へと上り詰めたバンド
目的毎に探せる！テーマに特化したWebデザインギャラリーサイト7選 | Pulp Note
シフト表の自動作成を Python・Pulpで挑戦してみた。 - Qiita
写真だけ画面横いっぱいに広げるCSSテクニック | Pulp Note
RAU DEF - Pulp Phiction feat. PUNPEE
2021年を振り返る！Web制作関連の人気記事をあつめてみた | Pulp Note
Twitterで人気があったツイートまとめ – 2021年3月 | Pulp Note
【Python】PuLPの最適化問題備忘録 - Qiita
見出しに使えるfit-contentを解説してみる | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
線形計画法を用いた生産計画の最適化 (Python + PuLP) - Qiita
動画にかけるドットフィルターをCSSのみで実装する | Pulp Note
CSSのみでノートのような罫線を実装する | Pulp Note
symbl.cc
symbl.cc
anond.hatelabo.jp
do-ga.eroterest.net
symbl.cc
www.nier.go.jp