جستجوی سریعتر در بین کدهای آماده وب سایت codepen.io ، از طریق جستجوی گوگل

در وب سایت codepen.io برنامه نویسان مختلف کدهای نوشته شده توسط خود را به اشتراک می گذارند و بنابراین وب سایت مورد نظر می تواند منبعی الهام بخش برای برنامه نویسان باشد :

به عنوان مثال، صفحه مربوط به یک کد را در عکس زیر مشاهده می کنید (هم کدها را می بینید و هم نتیجه اجرای کدها) :

بدیهی است که اگر به دنبال کد برای مورد خاصی باشیم، باید کلمات مربوط به آن را در سایت codepen.io جستجو کنیم، اما جستجو در بخش جستجوی این وب سایت ممکن است کمی زمانبر به نظر آید و بنابراین به دنبال روشی سریعتر باشیم.

برای این منظور می توانیم از جستجوی گوگل استفاده کنیم. گوگل به ما این امکان را می دهد که عبارت مورد نظرمان را تنها در یک وب سایت خاص (نه کل اینترنت) جستجو کنیم ( آموزش شماره 26414 ). به عنوان مثال، اگر کدنویسی یک جدول (Table) در HTML مد نظر ما باشد و بخواهیم نگاهی سریع به جدول های (Table) موجود در سایت codepen.io بیندازیم، می توانیم عبارت زیر را در گوگل جستجو کنیم :

در جستجوی بالا، عبارت site:codepen.io که در ابتدا نوشته شده، به گوگل می گوید که تنها نتایج مربوط به وب سایت با دامنه codepen.io را نمایش دهد و عبارت HTML Table هم آن عبارتی است که می خواهیم در وب سایت codepen.io جستجو شود.

نتیجه جستجو در گوگل به صورت زیر نمایش داده می شود :

اما ما باید همانند خود وب سایت codepen.io که قبل از دیدن کدها، تصویر اجرای آنها را به ما نمایش می دهد، تصویر اجرای کدها را ببینیم، بنابراین در گوگل، بر روی گزینه Images کلیک می کنیم (برای نمایش تصویرها) :

اکنون کدهای موجود در وب سایت codepen.io به صورت تصویر اجرای کدها، در خروجی نتایج گوگل نمایش داده می شود و به راحتی و با اسکرول موس، می توانیم آنها را مشاهده کرده و از ظاهر هر کدام که خوشمان آمد، با کلیک بر روی آن، به صفحه کدهای مورد نظر در وب سایت codepen.io برویم :