平社員ネコ

Web会社ではたらく平社員ネコです。チュールください。

[平社員ネコ @g_designer_]

「Webデザイン」をまとめました。 https://t.co/3FVgpDPn8n

[cyocun @cyocun]

Web用のカーニングツール作ったよー。

見ながらイラレライクに調整できてデザイナーもエンジニアも使いやすいはず。

気が付かれないけどデザインが好きなら絶対に大切で疎かにすべきじゃない部分だから使いやすく分かりやすくつくったよん

デモ触ってみてね ( ᐛ👐)ﾊﾟｧ https://t.co/K7G8J0qdG5

[池田 泰延 @clockmaker]

CSSで弾みを加えると
ウェブのUIが軽快になります

[平社員ネコ @g_designer_]

各種SNSのシェアボタン設置用URLまとめ！サンプルコードも https://t.co/sliBgQNhgm #web #webdesign via @TrendWebDesign

[町山 @darumeshi1000]

これやばい。
流通額8兆円を超えるGoogleが公開した動画広告の理論。

もちろん、ショート動画も近い理論なのでアカウント運用にも有効。最近時間かけてリストアップしたTikTokアフィリストと照らしてみると「なるほど…」となった。

気づいたら5000字読み通してた…

リンク先はリプ欄に。

[ジェリー / web デザイナー × イラストレーター @jeiri_design16]

秘密だよ？ジェリーが鬼愛用しているイラストツール「Openpeeps」を知っていますか？無料でPNG・SVG・XDファイル・Figmaファイルデータをダウンロードできて、オリジナルイラストを作成できます。すごくないですか？

URLはリプ欄に飛んでね↓

[もち | 経営・デザイン・AI @mochitaro_de]

Figmaでテキストを斜体っぽくする方法🌟
使用プラグイン：SkewDat
https://t.co/rB0a4FgruI

[もち | 経営・デザイン・AI @mochitaro_de]

Figmaでつくるちょっと可愛い見出し５連発💘✨

[Yusuke Endo @ysk_en]

イラストを1000パターンくらい生成できるFigma Pluginを公開しました

誰でも簡単にイラストを使えるように今後もアップデート予定です。使ってみてのフィードバックやProプランでの応援お願いします
https://t.co/wu4r7JEAr9

↓使い方や今後の展開を続きに書きます

[宇都宮 勝晃 / KEI inc. @kUtsunomiya]

そういえば、こちらのサイトどなたが制作されたんだろうとずっと気になってます
https://t.co/UVhr0rl09E
「バリエーションの多様さ」の商品特性と共に、ブランドのらしさと合致する「親しみやすさ、可愛らしさ」が引き立つ配色とカラフルなイラストが成す唯一性。上手いなあと事あるごと参照してます

[ミヤマ @mmmiyama_D]

【無料＆商用OKなイラスト素材サイト】こちら、数は少なめでPNG画像なんですが、イラストのクオリティが超超超～高いんです！画像を見てわかるとおり、１つ配置して適当に英語置くだけで（笑）サマになるくらい。高品質なイラストはデザインが超絶にラクになります。ぜひリプ欄からおむかえを😊

[タマケン | デザイン @DesignSpot_Jap]

「生成塗りつぶし」は文字加工にも便利です👍

#Photoshop生成AIチャレンジ 開催中なので、ぜひこの機会に使ってみて下さい！
#PR
https://t.co/oXIZkRBFv6

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

JavaScript無しにリッチなスクロールが作れるCSS三人衆🍜 全ブラウザ対応です

■scroll-behavior:smooth;🦹‍♂️
スムーススクロールできます

■scroll-margin-top: 80px;👨‍✈️
アンカーリンクのときに、80pxズラして止まれます。スムーススクロール時に固定ヘッダーが被る問題を解決できます

■ scroll-snap-type: y mandatory;👨‍🚀
手動スクロール時、scroll-snap-alignを指定した要素の先頭や中心でピタッと止まれます。横スクロールのカルーセル等にも便利です

デモ
https://t.co/oxu4fWXQX5

#cssnite #脱IE時代のモダンCSS

[コリス🍡🍭 @colisscom]

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator

https://t.co/UEfTrD3G7J

[𝖢𝗁𝗂𝗍𝗈𝗌𝖾 𝖪𝖺𝗍𝗈｜𝖡𝖨𝖲𝖢𝖮𝖬, 𝗂𝗇𝖼. @ChitoseWatanabe]

画像を1枚作るときの思考。
#webデザイン

[タマケン | デザイン @DesignSpot_Jap]

リンクルツールを使えば、「水面の反射」を表現出来ます！
Youtubeで詳しく解説してます🙌
#illustrator

[平社員ネコ @g_designer_]

視聴します😺

https://t.co/QD9PyZrHkX #イマドキCSS via @cssnite

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

明日のCSS NiteでCSS Gridの手法をいくつか紹介するが、初めてGridを使う向けの導入スライドを作った。

私は開発現場だと
・Grid 9割
・Flexbox 1割
くらいの割合で使っている。

Gridはいいぞ…

https://t.co/UK6eOBybkG

#cssnite #脱IE時代のモダンCSS

[かずなり | 生成AI活用術 @MacopeninSUTABA]

これは凄い✨

エンジニアだけでなくデザイナーも使える「動くWebデザインアイディア帳」。Webで頻出のアニメーションが網羅的にまとまっている。解説も丁寧で学習教材としても使える。

こちら👇
https://t.co/E4frt1Uzft

[ingectar-e : インジェクターイー @ingectar_design]

【Z世代向けデザインに！NEWのアイデア】

デジタルネイティブ世代に向けた
文字あしらい8選！

デジタル×アナログといった
ニューレトロな世界観が今っぽい🪐

[樋口泰行／イラレおじさん @higuchidesign]

その後色々アピアランス検証した結果、1つの図形でカット部分とグループ化しパスファインダーを使うことで1つのオブジェクトで線だけカット方法が分かりました。当時はパスのオフセットで太らせていたんですが、この方法ではパスのオフセットを使わず線幅で指定できるようになりました。#イラレ知恵袋