HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されているとは思えない、シンプルながら効果的なテクニックが多数ランクインしていた2020年。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 94位 Animated clip-path slider Concept 画面を縦半分に二分割した画像スライダーで、画像にマウスホバ

JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた

ICOR(イコ)は、自然や人にとってかけがえのない「水」に着目したホリスティックビューティーブランドです。北海道ニセコの雪解け湧き水と、その水に育まれた自然の恵み、それらをふんだんに取り入れることで身体の内側から肌・身体・心をケア。 ICORは、あなたの中に眠る輝きを呼び覚まします。 ABOUT US PURE INGREDIENTS FROM HOKKAIDO NATURAL BEAUTY FROM WITHIN

2022年4月27日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません！やったね！少し工夫すればダークモードにも対応できますよ！さっそくみていきましょう！ ↑私が10年以上利用している会計ソフト！ SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと

昨日TwitterでPMF(プロダクトマーケットフィット)に大切さについて書いたので、それについて、PMFがあるとどういう状況になるかという具体例、PMFのはかり方と見つけ方、を加えてNoteにします。この記事を書く理由は、PMFの大切さを伝えたい、多くの起業家にPMFを見つけてほしい(すなわち成功してほしい)からです。 1) 米国ではシリーズAの絶対条件がPMFでPMFがないとどんなにピカピカ優秀な経営陣でも無理。なぜならPMFが事業成功の唯一の必要条件で会社が潰れる最大の理由もPMF. PMFがあるかどうかは人に説明するものではなく、数値を見れば誰の目にも明らかなもの。Y conの教えを一言で言うとPMF見つけろ、です https://t.co/FsKxk7242d — Kenichiro Hara| DCM Ventures (原健一郎) (@kenichiro_hara) Janu

どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などで便利に使える機能をAPIで提供しているサービスを厳選してみたのでご紹介いたします。 画像系、ストレージ、CMS、認証系、APIモック…など、さまざまな用途に使えるサービスの特徴や基本的な使い方も合わせて解説しています。いずれも無料で使えるものばかりなので、ご興味ある方はぜひ参考にしてみてください！ ■イラスト風のアバター画像を取得できるAPI 【 Joe Schmoe 】 Webサイト、ブログ、SNSなどに利用可能なアバター画像を取得できるAPIです。 イラスト風の人物画像を取得できるのが特徴で、Webサイトのチームページにアバターとして利用できるほか、自分のプロフィール画像やブログに挿入する画像など無料で利用できます。 使い方は簡単で、以下のような構成のエンドポイントを実行するだけです。 https:/

こんにちは、いけあつです！ 先日、こんな記事をみつけました。 内閣府はクールジャパンで何をしようとしているのか。知的財産戦略推進事務局による2018年6月12日の資料「知的財産戦略ビジョン」が酷すぎるので紹介したい。 何が言いたいのか非常に難解で意味不明。 ネットギークさんの記事「クールジャパンの資料がぐちゃぐちゃの意味不明で狂うジャパン」より引用 こちらがひどすぎると酷評されている資料の１ページ。 たしかに、ぱっと見わかりにくい資料かもしれません、、、。 せっかく時間をかけて考えた内容が資料の見た目だけで、わるい印象になってしまっている気がします。 ということで、もう少し伝わりやすくなるようにリデザインしてみました！ (※オリジナルの情報量は変えずに、いけあつの解釈で見せ方を再構築したものです。内閣府の意図と異なる場合がありますので、その点はご了承ください) この記事では、伝わりやすくな

AQUA LABEL AQUA WELLNESS SERIES 新しい健やかさへの提案を、かたちに。

『Qiitaユーザーが選ぶ、2019年に読んで良かった技術書』アンケート結果発表 こんにちは。Qiita Zine 編集部です。 2019年も残りわずかとなりました。 年末年始休暇には、読書をされる方も多いのではないでしょうか。 この記事では、先日Qiitaメルマガで行った『Qiitaユーザーが選ぶ、2019年に読んで良かった技術書』アンケートの結果を、選出理由を交えて紹介します。 ぜひ、ご自身へのクリスマスプレゼントや、年末年始の読書のお供の参考にしてください💁‍♀️

What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';

Facebookで投稿や写真などをチェックできます。

Kecanduan judi online merupakan masalah bagi kehidupan pecandunya maupun orang-orang di sekitarnya. Perkembangan teknologi saat […]

Havet omfavner deg, og gjennom restauranten vår vil du utforske det med alle sansene dine. Book et bord   Gavekort Havet omfavner deg, og gjennom restauranten vår vil du utforske det med alle sansene dine. Book et bord   Gavekort Havet omfavner deg, og gjennom restauranten vår vil du utforske det med alle sansene dine. Det er havet som bestemmer hva som ender opp på tallerkenen din og hva du ser u

桑澤洋子の理念を守り、 これからの50年、100年後も 長く愛される説得力のある形へ。 東京造形大学は50周年を過ぎ、新たな時代へと突き進んでいくためにロゴを一新しました。開発に関わったのは、客員教授の葛西薫氏、書体デザイナーの小林章氏、東京造形大学教員の福田秀之氏、髙田唯氏。単に目新しいものを作るのではなく、これまでに築き上げたものと新しいものとを融合させて東京造形大学らしいイメージを追求しました。新しいデザインに込めた想いをご紹介します。 バウハウス時代の書体 Erbar（エアバー）からヒントを得た “TOKYO ZOKEI” オリジナルフォントの開発。 1966年に桑澤洋子により設立された東京造形大学は、造形芸術の総合学校「バウハウス」の影響を強く受けています。機能性や合理性を追求したデザインの思想を大切にした「バウハウス」時代に作られたErbar(エアバー)という書体があるのをご存

Create a logo with the perfect font, icon, and color scheme for your business or personal brand. Use Logo Maker’s unique design wizard to select styles and our software will generate thousands of different designs — presenting you with high-quality, custom logos. Need inspiration? Browse our library of professionally designed logos to help spark up some ideas. Our free logo maker can create unique

ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA（シングルページアプリケーション）の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。設計思想や機能の種類、学習コストなどの観点で、プロダクト・プロジェクトチームへの適性を検討するのがセオリーです。幸いにも、それぞれを比較した記事がウェブに数多くあり、選定のヒントを簡単に得ることができます。 一方、機能面の比較ばかりが取り上げられ、性能面で紹介されている記事が少ないように見受けられます。記事『サービスにおいて速さこそが神である｜深津 貴之』でも紹介されているように、昨今のウェブはスピードが求められる時代でもあり、ライブラリの性能評価の記事があってもよいのではないで