https://web.dev/fast

#performance #optimization #google #auditing



@CSSTricks

noscriptator.com

#tool #noscript #animation

@CSSTricks

http://sparkbox.github.io/bouncy-ball


#demo #animation

@CSSTricks

نکته های خوبی داره...

https://thecreativeindependent.com/guides/how-to-balance-full-time-work-with-creative-projects


#article

@CSSTricks

یک کاری ک من خودم بدون اینکه توجه کنم بهش انجام میدادم اینه که اتاقم دو تا لامپ داره، یکیش زرده و اون یکی دیگه سفید

وقت استراحت و کارهای متفرقه زرده روشنه ولی وقتی وارد اتاق میشم می‌خوام کار کنم سفیده یا هر دو رو روشن میکنم.

خیلی سریع میرم توی فاز کار و ...

البته ۹۹ درصد فقط زرده روشنه 😅

https://codepen.io/collection/XkyjLN

#demo #audio #music

@CSSTricks

https://casestudies.okbye.io/tats

#demo #music #gamification

@CSSTricks

👁🖥👁 == Desktop only

👌👌👌

https://github.com/lucagez/Debucsser

Press Ctrl + hover


Demo:
https://codepen.io/lucagez/full/LMEerQ

#tool #debug #layout

@CSSTricks

https://tympanus.net/Development/AmbientCanvasBackgrounds


#demo #canvas #background

@CSSTricks

حتما بخونید

https://bitsofco.de/whats-new-in-html-5-2

#article #html #w3c

@CSSTricks

سایت‌های الهام‌بخش 2018

https://tympanus.net/codrops/2018/12/18/inspirational-websites-from-2018

#inspiration

@CSSTricks

HOW TO IMPROVE UX OF WEB FORMS

https://maxsnitser.com/blog/how-to-improve-ux-of-web-forms

#article #ux #forms

@CSSTricks

عالی... 👌

برای ساخت یک سند جدید توی گوگل
درایو کافیه به آدرس doc.new برید.


Docs: doc.new, docs.new, document.new

Forms: form.new, forms.new
Sheets: sheet.new, sheets.new, spreadsheet.new

Sites: site.new, sites.new, website.new

Slides: slides.new, deck.new, presentation.new


#tip

@CSSTricks

https://github.com/e-oj/Magic-Grid


#tool #layout #grid

@CSSTricks

🎨 این رو فارسی بسازید
🌐 بزارین کدپن codepen.io
📨 لینک بدین hi@css-tricks.ir
🎁 بزاریم توی کانال
💚 بقیه استفاده کنن


@CSSTricks

https://discuss.css-tricks.ir/?p=257

یه وجهی از این سوال توی این دوتا پست هست


smashingmagazine.com/2019/01/how-to-learn-css


https://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-css--webdesign-11906


@CSSTricks

https://www.dimensions.guide

#design

@CSSTricks

😂👌👌👌


https://codepen.io/cobra_winfrey/pen/mapBWW


#demo #form #fun

@CSSTricks

#concept2code


اینم از پیاده سازی طرحی ک گفتیم توسط دوستان عزیز 👌🙏


آرش میلانی:
https://codepen.io/arashmilani/pen/NeePzg

علی امامی:
https://codepen.io/aliemami/pen/Vqqmbm

محمد sh:
https://jsbin.com/famukarolo/edit?html,css,js,output

محمد احسان حسینی:
https://codepen.io/mehoseini/pen/EGGdyB


بررسی کنید، لایک کنید و استفاده کنید ☺

#demo #form

https://www.blobmaker.app

#tool #blob

@CSSTricks