コハム

Webクリエイターのコハムが提供する、Web制作に役立つ情報をまとめたブログです。

2024-07-01から1ヶ月間の記事一覧

"あの"スクエニがAIの使い方を大公開!【スクウェア・エニックスのAI】

※本記事はアフィリエイトリンクが含まれています。 あのスクエニはAIをゲーム作りにどう活かしているのか? その秘密を惜しみなく公開した一冊が発売されました。 スクウェア・エニックスのAI作者:スクウェア・エニックスボーンデジタルAmazon 「スクウェア…

レスポンシブデザインには欠かせない!CSSだけで作るハンバーガーメニュー10+1選

css

10+ Hamburger Menu Examples [CSS Only] 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 レスポンシブデザイン、モバイル、あるいはナビゲーション要素にもっと多くのコンテンツを収めたい場合、CSSレ…

まだ使ってない人は急いで!:hasセレクタの実践的な使い方6選

CSS

6 practical uses of the CSS :has selector 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ開発の絶えず進化する領域において、CSSは私たちがウェブページをスタイリングする方法を簡素化する…

1クリックで驚きの効果を!タイポグラフィを進化させるテキストエフェクトPhotoshopのアクション15選

Elevate Your Typography with Creative Lettering Photoshop Actions 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 タイポグラフィーは常に視覚的コミュニケーションの要となってきました。セリフ体…

まだ!importantで消耗してるの?@scopeによる詳細度管理で脱!important

CSS

The New !important 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 とある人気のWordPressテーマで使用されているこんなCSSを見つけました: .wp-block-theme-button .button:not(.specificity):not(.…

CSSだけで作る!クールなノイズアニメーション

CSS

Make some hacky noise with CSS gradients 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 偶然見つけたエフェクトで、かなりクールだと思いました。繰り返しの放射状グラデーションのリングのサイズ…

CSSだけでスクリーンサイズを取得する裏ワザ

CSS

Get The Screen Width & Height Without JavaScript 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Javascriptを使わずCSSだけでスクリーンサイズを取得する方法です。 @propertyと三角関数を使用しま…

CSSの常識を覆す!:has()セレクタで実現する6つのトリッキーなテクニック6選

CSS

承知しました。HTMLタグをエスケープし、コード部分はそのまま保持した文章を作成します。以下がエスケープ処理を施した文章です: 6 practical uses of the CSS :has selector 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可…

Adobe貧乏からの脱出:Affinityで手に入れる自由とクリエイティビティ

※本記事はアフィリエイトリンクが含まれています。 今注目のデザインスイートであるAffinityがなんと6ヶ月間の無料トライアル! 試用期間中は一切の制限がなくAffinity Designer、Affinity Photo、Affinity Publisherを使うことができます。 更に購入する場…

動画や実行ファイルもこれでOK!Amazon S3に大容量ファイルを分割してアップロードする方法

AWS

​​How to Upload Large Files Efficiently with AWS S3 Multipart Upload 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ユーザーが大容量の高画質動画をアップロードするメディアストリーミングプラ…

こんなことできるって知ってた?JavaScriptの配列を極めるプロ直伝のトリック

Mastering JavaScript: Deep Dive into Array Tooling. 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 はじめに JavaScript配列は言語の強力な機能であり、多数の組み込みメソッドと独自のメソッドを…

たった1行で!業務でも役立つJavascirptワンライナー10+1選

Top 10+1 JavaScript one-liners I love to use 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 今日は、私のプロジェクト作成に大いに役立った、最も有用でシンプルなJavaScriptのワンライナーをいく…

アニメーションCSSをもっと簡単に!@starting-styleとtransition-behaviorの実践テクニック

CSS

Using @starting-style and transition-behavior for enter and exit stage effects 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 @starting-styleを使って遊んでいたら、transition-behaviorと組み…

@scopeマスターへの道:1日で習得するCSSの次世代テクニック

CSS

Understanding new CSS at-rule @scope 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 テンプレートを作成する際、開発者は特異性と柔軟性のバランスを取るのに苦労することがよくあります。一方では…

CSSのネストがネイティブになった今、Sassはまだ使うべきか?Sassを使うメリットとデメリット

Do You Still Need Sass? 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 2006年にSassがリリースされて以来、ネイティブCSSは長い道のりを歩んできました。Sassを置き去りにするほど十分に進化したの…

高校生が学ぶ『情報I』はITエンジニアにとっても必須科目!【藤原進之介の ゼロから始める情報I】

※本記事はアフィリエイトリンクが含まれています。 「情報I」の内容 1. 情報と社会 2. 情報の表現と処理 3. プログラミング 4. 情報の活用 5. 情報システムとネットワーク 6. メディアと表現 2022年度より高校生は「情報I」が必修科目となりました。 この科…

もうPhotoshopは必要ない?背景に使えるオンラインパターンジェネレータ10+1選

10+ Online CSS Pattern Generators For Background 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 背景画像で使えるパターンを生成するジェネレーターを10+1選ご紹介します。 生成したパターンは画像…

©コハム