Kategoriler
Kodlama

CSS ile tam ekran modu nasıl tespit edilir?

Geçenlerde bir web uygulamasının tam ekran modunda gösterildiğinde tasarımsal değişikliklere ihtiyacı olduğunu gördüm, değiştirmek istediğim tek şey tam ekran modundayken bazı şeyleri gizlemekti ve bu konuda araştırma yaptım. Sonuçta bunun kolayca mümkün olduğunu gördüm.

Kategoriler
Kodlama

Web tasarımcıları için erişilebilirlik kaynakları

Erişilebilirlik, temelde web sitesini ziyaret eden kullanıcının, özellikle engelli kullanıcıların siteye ulaşabilmesi, kullanabilmesi ve anlayabilmesidir diyebiliriz. Web erişilebilirliği görme, işitme, fiziksel, konuşma, algılama ve sinirsel engellilerin de dahil olduğu herkesi içermektedir.

Kategoriler
Kodlama

JavaScript öğrenmek için 10 site [ÜCRETSİZ]

Bir önceki yazımda developerlar için takip edilesi 35+ Youtube kanalını paylaşmıştım, bu yazımda da Javascript öğrenmek veya kendini daha da geliştirmek isteyenler için ücretsiz eğitim, kurs ve sertifikalar sağlayan web sitelerini paylaştım. JavaScript günümüzde web’in vazgeçilmezidir bunu önceki yazılarımızda değerlendirmiştim.

Liste:

  1. w3schools
  2. Learn JavaScript
  3. JavaScript Info
  4. Developer Mozilla
  5. Learn-JS.org
  6. Tutorial Republic
  7. FreeCodeCamp
  8. JavaScript30
  9. Team Treehouse – JS basics
  10. JS Basics – JS for Cats
Kategoriler
Kodlama

Takip edilesi 35 developer Youtube kanalı

Bu yazımızda web devloperlar için Youtube’da takip edilmesi gereken harika kanalları derledik, her kanal için kısa bir bilgilendirme ekledim böylece kanalın ne hakkında olduğunu anlamak daha kolay oldu. 35 Youtube kanalına ek 3 bonus kanal da ekledik 😉

Kategoriler
Kodlama

Web geliştiricileri için en iyi 15+ Chrome uzantısı

Daily.dev – bu eklenti ile Chrome’a yeni sekmede en iyi, yeni ve harika develper haberleri, makaleleri takip edebilirsiniz.

WhatRuns: bir web sitesini açtığınızda o sitede hangi uygulamaların çalıştığını tek tek gösteren bir uzantı.

Kategoriler
Kodlama

CSS mask-image kullanımı

 

Bir öğenin bir bölümüne veya tümüne bir efekt vermek istiyorsanız CSS’de mask-image tam size göre. Bu gönderide mask-image nasıl çalışır bakıp örnekleri sunacağız.

Kategoriler
Kodlama

Text Fragments ile sayfa içerisine link

Text Fragments 28 August 2020 tarihinde standart hale getirilmiş bir fonksiyon, yaptığı şey bir web sayfası içerisindeki herhangi bir metne link vermek.

Kategoriler
Kodlama

Dünya Yazılımcılar Günü kutlu olsun

2007 yılından beri dünyada yılın 256. günü Dünya Yazılımcılar(Programcılar) Günü olarak kutlanmaya başlandı. Bugün yılın 256. günü ve tüm meslektaşlarımın Dünya Yazılımcılar Günün’nü kutlarım.

Kategoriler
Kodlama

Firefox eklentisi nasıl yapılır?

Bir önceki yazımda Chrome eklentisi nasıl yapılır başlığı ile Chrome eklentisi yazmak ve Google Chrome Web Mağazasında yayınlamayı anlatmıştım. Şimdi de basitçe Firefox için eklenti yazmak ve Firefox eklentiler sitesine yüklemeyi anlatacağız.

Kategoriler
Kodlama

30 farklı dilde Hello, World!

Bangladeş’den Muhimen isimli bir öğrenci, klasik “Merhaba Dünya”(Hello World) yazısını 30 farklı programlama dilinde basit ve net şekilde ortaya koymuş. Eğlenceli ve küçük makaleyi paylaşmak istedim.

Kategoriler
Kodlama

HTML <head> içerisine yazılabilecek her şey

Bir web sitesinin HTML’inde en üst kısımda bulunan ve mete etiketleri içeren header elamanı(<head>) içerisine eklenebilen tüm etiketleri @joshbuchea github’da listelemiş.

Kategoriler
Kodlama

Bilmediğiniz 12 HTML etiketi

HTML(Hypertext Markup Language) Web sayfalarını tasarlamak için kullanılan bir programlama dilidir.

Bu yazıda, HTML kullanılarak yapılabilecek bazı harika şeylere göz atacağız. Bazı html etiketlerine bakalım, muhtemelen varlığından bile haberdar olmadığınız bazı html etiketlerine bakalım.

Kategoriler
Kodlama

Basitçe bir sayfayı PHP ile Cache almak

Bir php dosyanız var ve içerisinde birçok kod veya Mysql sorgusu çalışıyor, dolayısıyla açılırken yavaş açılmakta. Bunu çözmek sayfayı hızlılandırmak için PHP önbellek uygulamasını kullanmak son derece faydalı olacaktır.

Kategoriler
Kodlama

JavaScript ile dark mode sorgulamak

Javascipt ile siteyi ziyaret eden cihazın karanlık modu(dark mode) kullanıp kullanmadığını sorgulamak çok basit. Aşağıya ilgili if kodunu koyacağım ayrıca CSS içerisinde de koyu moda göre sitiller eklenebiliyor.

Kategoriler
Kodlama

Javascript ile cookie kontrolü

Javascripr ile cookie kontrol etmek çok basit, bunu yapıp siteye ilk defa gelmiş ziyaretçiye farklı bir CSS class daha önce ziyaret etmiş kullanıcı için ise farklı class kullanarak görünümde farklılıklar oluşturacağım.