Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
アニメ『【推しの子】』公式サイト
「この芸能界において嘘は武器だ」赤坂アカ×横槍メンゴの豪華タッグが全く新しい切り口で”芸能界”を描く衝撃作、ついにアニメ化決定！
新しいプロジェクトですぐに利用できるようシンプルなHTMLとCSSで実装された、17+種類のWebサイトのヘッダを実装するテンプレートを紹介します。 ヘッダはロゴ、ナビゲーション、検索フォームのシンプルな構成ながら、バリエーションは豊富で、実装コードだけでなく、デザインのアイデアとしても便利です。 headers.css headers.css -GitHub テンプレートは、以下に基づいて実装されています。 シンプルな実装 レスポンシブに完全対応 簡単に編集できるようにSassを使用 アクセシブル オープンソースのプロジェクトで、商用でも無料で利用できます。 2020年9月現在、17種類のヘッダがあり、今後さらに増やす予定とのことです。
2021年12月14日 CSS, Webサイト制作 BootstrapでおなじみのCSSフレームワークでは、各要素に決められたクラス名を指定してスタイルを適用していました。ですが最近クラスを指定せず、HTMLを書くだけで整ったスタイルを適用してくれる「クラスなしCSSフレームワーク」が続々と登場しています。headタグ内にCSSファイルを読み込む記述を追加するだけでOK！学習コストもかからずとっても便利です。日本語版のデモも用意したので、どんな表示になるか確認してみてください。 ↑私が10年以上利用している会計ソフト！ デモはちょっと長いので、デモパネルをスクロールするか、パネル右上の「EDIT ON CODEPEN」をクリックして別タブで表示してみてくださいね！ Water.css GitHub｜デモ クラスなしCSSフレームワークとして最初に目立っていたのがこのWater.css。ダー
https://csslayout.io/
CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン蛍光ペンのような線をひいたCSS見出しデザイン HTML<h2 class="heading01">ラインを使ったCSS見出し</h2>CSS.heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); }蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ねた線とCSS見出しデザイン HTML<
ワタミがホワイト企業になれなかった理由は？ 勝手に勤怠「改ざん」システムも（今野晴貴） - エキスパート - Yahoo!ニュース
告発を受けたワタミが、異例の即日「全面」謝罪 ９月15日、ワタミ株式会社に対して、高崎労働基準監督署から残業代未払いに関する労基法37条違反の是正勧告が出された。労基署に申告したＡさんは、「ワタミの宅食」の２つの営業所の所長を兼任しており、月175時間に及ぶという長時間残業によって精神疾患に罹患している。 ９月28日、Ａさんは筆者を通じて実態を告発。下記の記事がヤフーに掲載され、SNS上では大きな反響があった。 参考：「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告 ワタミ側の反応は早かった。ワタミは即日で公式ホームページに「謝罪文」を公開した。「全面的」にＡさんの主張を受け入れるという異例の内容だ。Ａさんのもとにも、現社長の清水邦晃氏からから直筆の謝罪文が速達で送られてきたという。しかし、Ａさんはまだこの謝罪を受け入れていない。ワタミの謝罪には、重要な点
ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。 HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのままでもカスタマイズしても使用できます。もちろん、レスポンシブ対応で、ダークモードもサポートしています。 Neat CSS Neat CSS -GitHub Neat CSSの特徴 Neat CSSの仕様 Neat CSSの使い方 Neat CSSの特徴 Neat CSSは、ミニマルなWebサイトを素早く構築するシンプルなCSSのフレームワークです。CSSは約2Kbの超軽量サイズ（未圧縮）、カスタマイズも簡単です。 MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。 Neat CSS Neat CSSの主な用途 ブログ ジャーナル テクニカルサイト ドキュメン
CSSの新しい機能は主要ブラウザでのサポートが進んでいます。例えば、1年くらい前にサポートされはじめたセレクタの詳細度を0にする:where()も、現在では主要ブラウザのすべてでサポートされています。 CSSの新しい機能を使用した、シンプルで軽量なCSSのリセットを紹介します。 :where()や:not()、allプロパティやunset値やrevert値など、見慣れないCSSがあるかもしれませんが、IE11を除くすべてのブラウザでサポートされています。 The New CSS Reset The New CSS Reset -GitHub The New CSS Resetの特徴 The New CSS Resetは何をリセットするのか？ The New CSS Resetの中身 2021年、モダンブラウザに適したCSSリセットのまとめ The New CSS Resetの特徴 この新し
「地元は好き、でも戻れない」上京した女性たちが長野に帰りたくても帰れないワケ| 長野県の移住総合WEBメディア「SuuHaa（スーハー）」
地方で生まれ育った人は、進学や就職のタイミングで地元を離れる人と地元に残り続ける人に分かれます。首都圏へのアクセスがよい長野県からの上京は、ほかの地域に比べるとハードルが低いともいえるでしょう。しかし、地元を一度離れると彼らの多くは戻ってきません。 上京組とたまに会って話すと「やっぱり地元はいいなぁ」とは言うのに、戻ってこない。その背景には「戻らない」というより「戻れない」事情があるのかもしれません。 なぜ、彼らは地元に戻ってこられないのでしょうか。大学進学を機に上京した3名の長野県出身の女性に、仕事や友だち、恋愛や結婚など、さまざまな観点から「地元に戻れないワケ」語ってもらいました。司会は、同じく地方出身で上京した筆者・佐々木が務めます。 「こんな村、出ていってやる！」上京の理由と都会の生活 写真左から桐山さん、むらやまさん、和光さん 座談会参加者 桐山美菜（26） 筑北村出身。現在は金
フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="flex-demo --start checkbox-input"> <label for="demo"><b>flex-start</b> 複数行の長いテキストでも大丈夫</label> <input type="checkbox" id="demo"> </div> <div class="flex-demo --center checkbox-input"> <label for="demo2"><b>center</b> 複数行の長いテキストでも大丈
RHYMESTER vs THA BLUE HERB、BEEFと和解の記録 | SAPPORO POSSE
「決して譲れないぜこの美学」、あるいは「どっちも正義だが政治じゃない」。 RHYMESTERとTHA BLUE HERBが繰り広げたBEEFと、和解の記録。 RHYMESTERとTHA BLUE HERB。90年代から現在に至るまで、日本のヒップホップシーンの最前線、そして中核にあり続け、二十数年のキャリアを経てなお現在も、まさしく読んで字のごとく、まごう方なき「現役」であり続けている二組のヒップホップアーティストです。 彼らの間にBEEFが巻き起こっていた事実は、日本のヒップホップのリスナーの間では一種の常識とされています。 しかしそのBEEFの知名度に比べると、楽曲を通じて行われたやりとり自体は決して多くありません。ではなぜこのBEEFが有名なのかというと、おそらく彼らが対極ともいうべき個性を持った二組だったからに他ならないでしょう。 というわけで、まずはそれぞれ極めてヒップホップ的で
Parts. - パーツ別Webデザイン集
メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。主にSaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザインの参考にどうぞ。
目を惹かれる良質なデザインのYouTubeサムネイルを集めたギャラリーサイト。思わずクリックしてしまうような事例をデザイナー目線で紹介しています。サムネイルに興味を持つ人すべてに、クリエイティブな刺激を与えられますように。
これはすごい便利！ HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders
HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。
Hi and welcome to User Inyerface, a challenging exploration of user interactions and design patterns. To play the game, simply fill in the form as fast and accurate as possible.
バイトコードって言葉をよく目にするけど一体何なんだろう？（JJUG CCC 2022 Spring 発表資料）NTT DATA Technology & Innovation739 views•79 slides
私たちは、もっと自由に挑戦できる未来を叶えるため、投資をはじめとするさまざまなアクションを実行していく。 この国は、独創性とチャレンジ精神を原動力に世界と渡り合ってきた。しかし近年、その魅力を失いかけているように見える。 失敗を恐れては、革新は望めない。安定を求めては、停滞しか生まれない。 任天堂中興の祖、山内溥の意志を受け継ぎ、日本がもう一度、挑戦に満ちた国へと生まれ変わるために。 先見性とユーザー目線の思考を持ちながら、私たちは社会に貢献し続ける。 Japan was once globally renowned for its people’s quality of unique creativity teamed with a pioneering mindset. Their innovation and inventions changed the world. But tha
パッケージ、MV、スタイリング、ビジュアルデザインなど全方位に高品質なK-POPクリエイティブにおいても軽視されがちなのがウェブ分野だが、その中でも数少ない事例を紹介。 （コミュニティアプリ・ライブ配信・ビハインドなども広義の意味ではウェブコンテンツだが、ここではいわゆる特設サイトについてのみ触れる） ＊ ＊ ＊ NewJeans.krNewJeansの公式サイトはニュースの役割を持たず、カムバックごとに特化した内容にリニューアルされる。特徴的なのは毎回実装される独自のデザインを生成できるジェネレーターで、しかしそのアプローチは常に異なる。 ウェブサイトに限らず、バッグ形態のパッケージデザインやデコ前提のシンプルなペンライトのように、各々のカスタム性を追求することによって逆に連帯感を演出する新しい大衆性がある（学校指定の鞄にキーホルダーで個性を出すやつを、メンバーとファンの間でやってるみた
SmartHR Design System
だれでも・効率よく・迷わずに。SmartHR Design Systemは、すべての人によりよい体験を届けるためのデザインシステムです。SmartHRに関わる人はどなたでも利用・参加できます。 デザインシステムとは？
豚骨100％のラーメンスープを作ってみよう ラーメン作りを趣味にしているのだが、なんといっても楽しいのはスープ（ダシ）に入れる材料の組み合わせを試すことだ。 豚骨や鶏ガラといった動物系、鰹節や煮干しといった魚介、昆布や椎茸などの乾物、ネギやニンニクなどの香味野菜、新鮮な魚のアラ（骨）や貝類も魅力的。 その組み合わせはまさに無限大、お店では絶対出てこないオリジナルのラーメンも作り放題である。一生楽しめる趣味がここにあるのだ。 人生で初めて作ったラーメン用スープには、鶏ガラ、豚ガラ、昆布、椎茸、野菜類などたくさん入っていた。足せば足すほど複雑でおいしくなると信じていた頃。 こうして一期一会なスープを多数作って自己満足してきたが、素人が手を出したらダメだと思っていた「豚骨ラーメン」に挑んでみたところ、まったく別の方向性で新たな挑戦が待っていたのだ。 それは引き算の楽しさ。当初は豚骨スープなら必須
2019年9月16、17日、日本最大のPythonの祭典である「PyCon JP 2019」が開催されました。「Python New Era」をキャッチコピーに、日本だけでなく世界各地からPythonエンジニアたちが一堂に会し、さまざまな知見を共有します。プレゼンテーション「Python開発を円滑に進めるためのツール設定」に登壇したのは、Atsushi Odagiri氏。講演資料はこちら 開発を効率的に進めるためのツール設定 Atsushi Odagiri氏：この時間はビギナーセッションで、内容はPythonでの開発を効率的に進めるためのツール設定です。 まず「ツール設定」という趣旨の説明と、あとは今日説明するツールがflake8、black、mypy、pytest、toxなどがあります。そしてそれぞれを使うためにエディタ設定をするという流れになっております。 先に自己紹介させていただきま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペで簡単！ヘッダを実装するシンプルなHTMLとCSSの17種類のテンプレート -headers.css
CSSファイルを読み込むだけ！クラスなしCSSフレームワークいろいろ
CSS見出しデザイン21選。現場ですぐ使える見出しデザインをご紹介 | BUILD Journal
プレーンなHTMLで、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワーク -Neat CSS
新しいCSSリセットはシンプルで軽量！CSSの新しい機能を使用したCSSリセット -The New CSS Reset
このCSSなら簡単！フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置
SAMUNE｜良質なデザインのサムネイルを集めたギャラリーサイト
User Inyerface - A worst-practice UI experiment
Pythonでの開発を効率的に進めるためのツール設定
Yamauchi No.10 Family Office
K-POPのデザイン16: ウェブにナラティブを取り戻す｜Simon says
豚骨をひたすら煮るだけ…！家庭で簡単にできる「超シンプル豚骨ラーメン」のレシピ - ぐるなび みんなのごはん
Python開発を円滑に進めるためのツール設定 Part.1