👍

https://ertdfgcvb.xyz

#inspiration

@CSSTricks

👁🖥👁

codepen.io/steveg3003/pen/vRdxZy

#demo #svg #slider

@CSSTricks

چند روز پیش داشتم یه مطلبی میخوندم که داستان بوجود اومدن وردپرس رو توضیح میداد خیلی مختصر:

یکی بود یکی نبود...

در سال 2003 یه پسر جوون 19 ساله ی تازه کار در برنامه نویسی به نام Matt Mullenweg یک پستی توی بلاگش می نویسه که این جمله توش بوده:

"نرم افزاری که ازش برای بلاگ نویسی استفاده میکنم چند ماهه که آپدیت نشده و توسعه دهنده اصلیش ناپدید شده و من فقط میتونم امیدوار باشم که حالش خوب باشه"

اون نرم افزار b2 نام داشته که در سال 2001 توسط Michel Valdrighi ساخته شده که متن باز هم بوده. و حالا به هر دلیل شخصی این فرد ادامه به توسعه این نرم افزار نمیده

اون پستی که Matt Mullenweg می نویسه فقط یک کامنت زیرش میاد که اونم یک برنامه نویس دیگه ای بوده به نام Mike Little، که می نویسه:

"اگر واقعا مصمم به فرک گرفتن این پروژه هستی و میخوای توسعش بدی من می تونم کمکت کنم"

از همون سال که 2003 باشه این دو نفر روی اون پروژه کار میکنن و یکی از رفیقای مت اسم وردپرس رو میزاره روی این پروژه.

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

وردپرس تنها فرکه گرفته شده از b2 نبود و گویا فرک های معروفتری مثل ++b2 و b2evolution هم بودن، یک کار خفنی که مت کرد این بود که با توسعه دهنده های این دو پروژه تماس گرفت و ازشون خواست کدشون رو با وردپرس ادغام کنن که b2evolution این پیشنهاد رو رد کرد ولی ++b2 قبول کرد!

سال 2004 سازنده b2 که ناپدید شده بود سروکلش پیدا شد و وردپرس رو به عنوان فرک اصلی پروژه b2 اعلام کرد و حتی صفحه اون پروژه به صفحه اصلی وردپرس ریدایرکت میشد!

توی این مدت یک سال، این پروژه خیلی ها رو جذب کرد که در توسعش همکاری کنند و یکی از ایده هایی که خیلی کمک کرد که وردپرس اینی بشه که الان شده، ایده هوک ها بود که همون filterها و actionهایی اند که هنوز هم هستند و ما استفاده می کنیم. این ایده رو یکی داد به نام Ryan Boren. که با این ایده ساخت پلاگین ها و استفاده ازشون فوق العاده ساده شده بود و کاربرها و توسعه دهنده ها رو خیلی جذب وردپرس کرد.

در کل خیلی جالبه که دو نفر که شبیه به هم فکر میکردند به هم رسیدن و با یک همکاری خفن همچین پروژه ای رو بوجود آوردن!

مت الان 34 هستش و مایک 55 سال داره.

https://en.wikipedia.org/wiki/Matt_Mullenweg

https://en.wikipedia.org/wiki/Mike_Little

#historyoftheweb #wordpress

@CSSTricks

https://connoratherton.com/loaders

#tool #loader

@CSSTricks

اگه یه مبدل خوب آنلاین لازم داشتید:

https://www.media.io

#tool #converter

@CSSTricks

https://blog.prototypr.io/ui-toggles-to-turn-you-on-83de3ef91e21


آموزش پایه ای ساخت:

https://css-tricks.ir/?p=431


#toggle #checkbox

@CSSTricks

https://codepen.io/Reklino/pen/wawopV

#demo #slider

@CSSTricks

آموزش تصویری بوتسترپ ۴

https://medium.freecodecamp.org/want-to-learn-bootstrap-4-heres-our-free-10-part-course-happy-easter-35c004dc45a4

#course #bootstrap #tutorial

@CSSTricks

👌👌👌

https://tympanus.net/Development/DistortionHoverEffect

#demo #webgl

@CSSTricks

👁🖥👁

واسه اونایی که در حال یادگیری طراحی وب هستن:

یکی از کارای لذت بخشی ک میتونید انجام بدید اینکه ک دیتا و محتوای دمویی رو ک میسازین از یک سیستم واقعی بگیرید، یعنی مثلاً از api اینستاگرام و یا هر سایت و سرویسی ک میشه کمک بگیرید.

مثلاً این دو تا نمونه رو ببینید، یکیشون داره از سایت imdb میگیره اطلاعات رو، اون یکی به سایت unsplash وصل شده.

من این کارو میکردم یه زمانی واقعا یادگیری رو لذت بخش تر میکنه


https://codepen.io/hexagoncircle/pen/RMrQPX


https://duotone.shapefactory.co

(فیلترشکن ها تون رو آتیش کنید)

#tip

@CSSTricks

من خیلی با تلویزیون و برنامه‌هاش سروکار ندارم، الان اسمارت تلویزیون ها نمیکنن این کارا رو!؟ خیلی باحاله 😄😍


https://letterfuel.com/media/image_items/70137795-99d0-48bd-8394-e9717ac922a9.gif

#fun #ux

👌👌👌

https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e

#js #article

@CSSTricks

💡 آقا من امروز یه نکته یادگرفتم

اکثر ما با گیت کار میکنیم، و کامیت کردن خیلی مهمه دیگه درسته؟ خب قطعا پیامی که می نویسید باید مرتب و گویا باشه، هم برای خودتون که بعدا نیاز دارید برگردید به اون نقطه از کار و هم برای بقیه تیم که متوجه بشن شما چکار کردید.

تاحالا براتون سوال پیش اومده که چرا وقتی کامیت های بقیه رو میبینید بصورت امری نوشته میشه:


مثلا می نویسن:

Fix the output of Blah function

یا:

Remove deprecated methods


ولی اکثر ما معمولا توضیحی می نویسیم کامیت هامون رو، مثل:

Fixed the output of...

یا:

Removed deprecated ...

یا:

changing the color of header

یک دلیلی که باید امری نوشت اینه که خود گیت هم دستوراتش امری هستش مثل:

Merge branch 'myfeature'

Revert "Add the thing with the stuff"

پس ماهم بهتره همین رویه رو دنبال کنیم.



دوم این که وقتی داری کامیت های قبلی رو می خونی، باید توی ذهنت اینطوری باشن:

If applied, this commit will "refactor subsystem X for readability"

If applied, this commit will "remove deprecated methods"

ولی اگر توضیحی بنویسیم در ساختار انگلیسی به این نحو نمیگنجه.




این مطلب رو بخونید:

https://chris.beams.io/posts/git-commit



#tip #git #article

@CSSTricks

یه کتابخونه برای نمایش انواع چارت‌ها پیاده سازی شده با react


http://nivo.rocks


https://github.com/plouc/nivo


#tool #chart #react

@CSSTricks

یه عالمه تم برای ویرایشگر ها و ide‌های مختلف


https://rainglow.io

به آخر این پست هم در سایت اضافه شد

https://css-tricks.ir/?p=3390

#tool #editor #theme

@CSSTricks

👌👌👌

codepen.io/chrisgannon/pen/rvBMmM

#demo #slider

@CSSTricks

http://wangchujiang.com/hotkeys

#tool #js #library

@CSSTricks

برای بررسی سرفصلها و پروژه ای ک قراره کار بشه به مطلب زیر مراجعه کنید


https://css-tricks.ir/?p=6133


برای تخفیف دانشجویی با ایمیل زیر تماس بگیرید

hi@css-tricks.ir

یه کاربرد برای متغیرها

blog.prototypr.io/stutnning-hover-effects-with-css-variables-f855e7b95330


کار با متغیرها:

css-tricks.ir/reference/css-variables


#article #variables #hover

@CSSTricks