Author: MeK

Cyberpunk 2077 1.23 yaması çıktı.

Cyberpunk 2077 için 1.23 yaması çıktı farklı platformlar için farklı boyutlarda olan bu yama ile düzeltilen hatalara birlikte bakalım

Cyberpunk 2077 1.23 yama notları

Görevler ve açık dünya düzeltmeleri

Uzay tuhaflığı

• “Paketi aç” hedefinin konumu değiştirmesine neden olan bir sorun düzeltildi.

Konser: Aile Konuları

• Görevi tamamladıktan sonra Juliet’in arabasının gözden kaybolabilmesi sorunu düzeltildi.
• Juliet’in evindeki bir akış sorunu düzeltildi.
• Oyuncu, Nitelik gereksinimlerinden herhangi birini karşılamadığında Juliet’in evine girmenin mümkün olmamasına neden olan bir sorun düzeltildi.

Soygun

• Jackie’nin camdan geçebileceği bir sorun düzeltildi.
• Bazı korumaların oyuncuya saldırmasını engelleyen bir sorun düzeltildi.
• “Arasaka subayını ara” hedefinin yerine getirildikten sonra etkin kalmasına neden olan bir sorun düzeltildi.
• Makinenin lobide ortaya çıkmaması sorunu düzeltildi.
• Bazı Arasaka muhafızlarının kapıdan içeri girmesine neden olan bir sorun düzeltildi.
• Bazı muhafızların oyuncunun görüşünde ortaya çıkabileceği bir sorun düzeltildi.
• Arasaka subayının vücuduna erişilememesi, oyuncunun parçayı yağmalayamamasına ve ilerlemeyi engellemesine neden olan bir sorun düzeltildi.

• Santo Domingo yarışından sonra oyuncu Claire’den çok erken ayrılırsa ilerlemenin engellenebileceği bir sorun düzeltildi.
• Basilisk’in bazı ağaçların arasından geçmesine neden olan bir sorun düzeltildi.
• Wakako ile konuşurken görevle ilgili diyalog seçeneklerinin olmaması sorunu düzeltildi.
• Basilisk’e binerken duman ve toz artık titremeyecek.

Konser: Elveda, Night City

• Oyuncunun Delamain’i araması durumunda Bruce’u kurtardıktan sonra ilerlemenin engellenmesi sorunu düzeltildi.

Zafer Yolu

• V, varmadan önce iniş noktasında dururlarsa AV’de takılıp kalabilme sorunu düzeltildi.
• Görevin sonunda Dakota’nın garajının kapısını açmanın mümkün olmaması sorunu düzeltildi.
• Iris’in yürümek yerine ışınlanabilmesi sorunu düzeltildi.

Konser: Isınmak…

• Tamircinin arabasının sağa dönmek yerine doğrudan kavşaktan geçmesine neden olan bir sorun düzeltildi.
• 8ug8ear’da soğutucuyu kullanma isteminin fiş takılıyken hala seçilebilmesine neden olan ve animasyonu bozabilen bir sorun düzeltildi.
• 8ug8ear almanın mümkün olmadığı bir sorun düzeltildi.
• NPC’lerin yeraltında ortaya çıkıp ilerlemeyi engellemesine neden olan bir sorun düzeltildi.

Konser: Bir Kedinin Derisini Yüzdürmenin Birçok Yolu

• The Heist sırasında Regina’nın bu konserle ilgili bildirimlerinin görünmesine neden olan sorun çözüldü.
• Minibüsü yok ederek görevde başarısız olduktan sonra, oyuncunun takılıp kalmasına neden olan bilgisayara bağlanmanın mümkün olduğu bir sorun düzeltildi.
• “Revere Kurye Hizmetleri tesislerine git” hedefinde ilerlemenin takılmasına neden olan bir sorun düzeltildi.

Oynanış düzeltmeleri

• Bir NPC’yi öldürdükten ve arabalarını çaldıktan sonra vücutlarının arabada sıkışıp kalmasına neden olan bir sorun düzeltildi.
• Adam Smasher artık saldırı aşamaları arasındaki animasyonlar sırasında hasar almayacak.
• Bir NPC’nin vücudunu bırakmanın çok fazla yıkıma neden olması sorunu düzeltildi.
• Cataresist siber yazılımı artık düzgün çalışıyor
  

Görsel düzeltmeler

• Çeşitli görevlerde Johnny’nin hayalet görünümü düzeltildi.
• NPC’lerin kıyafetlerinde kırpma ile ilgili çeşitli sorunlar düzeltildi.
• Badlands’deki kayaların görünümü düzeltildi.
• Maelstromer’lardan birinin T-poz vermesi sorunu düzeltildi.

Wordlock YDS Yökdil Kelime Ezberleme Uygulaması Google Play de ücretsiz indir

YDS, YÖKDİL, YDT ve TOEFL sınavlarına hazırlanan kişiler için geliştirilmiş bir İngilizce kelime ezber uygulamasıdır. İngilizce kelimeleri görseller yardımıyla kolayca ezberleyebilir, kelime haznenizi kısa sürede genişletebilirsiniz.

Wordlock içerisinde bulunan kelimeler sınavlarda sıklıkla çıkan kelimelerden seçilmiştir. Kelimeler listesi her gün güncellenerek içerisindeki kelime haznesi zenginleştirme çalışması devam etmektedir.

Wordlock ile her yerde kelime ezberleyebilir ve bu kelimeler ile kendinizi test edebilirsiniz.

İçerisinde bulunan kelimelerin yanı sıra kendi kelime listenizi oluşturabilir ve bu liste ile kelime ezberleme çalışması oluşturabilirsiniz.

Testlerde doğru cevapladığınız kelimeler öğrenilen kelimeler listesine kaydolarak öğrendiğiniz kelimeleri takip edebilirsiniz. Aynı şekilde yanlış yaptığınız kelimeleri de yanlış yapılanlar listesinden takip edebilirsiniz.

İstatistik bilgileri sayesinde kaç test çözdüğünüzü toplam kaç puan kazandığınızı doğru kelimeleriniz ve yanlış kelimelerinizi görebilirsiniz.

Haftalık puan sıralaması ile rakiplerinizin ne kadar çalıştığını takip edebilir ve haftanın birincisi, ikincisi ve üçüncüsüne verilen madalyaları kazanmak için rakiplerini takip edebilirsin.

Bir çok yeni özellik ile Wordlock kelime ezberlemede arkadaşınız olmaya hazır.

Geri bildirimleriniz için wordlock@mefox.net mail adresinden bizlere ulaşabilirsiniz.

WordPress websitesi nasıl hızlandırılır.

WordPress en çok tercih edilen web scriptlerin başında gelen oldukca esnek yapısı ile bir sadece blog olmaktan çıkan siteler tasarlamanıza olanak sağlayan açık kaynak kodlu bir yazılımdır. WordPress web sitemize eklentiler sayesinde bir çok yenilik katsakta her eklenti barındırdığımız sunucumuza ek yük getirerek sorgu sayısını artıracaktır. Bu sebepten ötürü web sitemiz açılış süresinde geçikme isteklere geç cevap verme özellikle paylaşımlı bir sunucu kullanıyorsak aşırı CPU kullanımı gibi sorunlarla karşılaşmamız oldukca yüksek bir ihtimaldir. Şimdi kodmek takipçileri için bu sorunları nasıl aşabileceğimize birlikte bakalım.

Opitimize edilmiş Hosting

Birinci öncelik olarak dogru optimize edilmiş hızlı sunucularda wordpress web sayfalarınızı barındırmanız. Optimizesi iyi yapılmış bir sunucu ile wordpress siteniz daha stabil çalışacaktır. Özellikle paylaşımlı bir hosting kullanıyor iseniz CPU oranı oldukca önemlidir. Size verilen CPU oranı yüksek hitli sitelerde yetersiz gelmesi durumunda web siteniz kullanılamaz hale gelecektir. Bir başka önemli nokta paylaşımlı sunucu kullanıyor iseniz sunucunun %100 SSD olmasına dikkat ediniz. Bu sitenizin performansını oldukça artıracaktır.

Cache

WordPress için bir çok Cache eklentisi mevcuttur. Bu eklentiler içerisinde barındırdığınız servis alt yapısı  Lite Speed ise Lite Speed Cahce öneririz eğer değilse  Wp Super Cahce eklentisi ile wordpress sitenizin Cache lerini kontrol edebilir ve site açılış hızını artırabilirsiniz. Ayrıcı bu Cache eklentileri ile sitenizdeki sorguları azaltarak CPU kullanımınızıda düşürebilirsiniz.

Css & Js Optimize

Css + Js + Html olarak sayfayı sıkıştıran Autoptimize eklentisi sayfanızı KB olarak en düşük şekilde sıkıştırılmanızı sağlamaktadır. Sıkıştırlmış kodlar ile web sayfanızın hızlı açılmasını sağlayabilirsiniz.

Resim Optimize

Web siteniz açılırken resim boyutları eğer büyük ise sitenizin açılış hızı bir o kadar yavaşlayacaktır. Bu sebeple web sitenizde kullancığınız resim boyutları ne kadar küçük boyutlarda olursa sitenizin ön yüklenmesi o kadar hızlı olacaktır. Resimlerinizi optimize etmek için Smush Resim Optimize eklentisini kullanabilirsiniz.

Nasıl Front End Developer Olunur?

Front End Developer şu anda en sıcak kariyer seçeneklerinden biridir, ancak Front End Developer nedir? Özetlemek gerekirse, kullanıcıların bir web sitesi veya web uygulamasıyla etkileşime girmesine olanak tanıyan tasarım arayüz (ler) ile ilişkili olan web geliştirmenin bir parçasıdır.

Front End Developer olma yolunu tartışmadan önce, önce web geliştirmeyle ilgili kısa bir anlayış oluşturalım.

Özetle Web Geliştirme
İnternet – web siteleri ve web uygulamaları – iki tarafa sahiptir. Ön uç veya istemci tarafı ve arka uç diğer bir deyişle sunucu tarafı. Arka uç kullanıcılar için görünmez olsa da, bir web sitesi veya web uygulamasıyla aynı etkileşimin gerçekleştirildiği ön uçtur.

Front End Developer, kullanıcıların web sitesi veya web uygulamasıyla etkileşimde bulunabilecekleri arayüzü, ortamı tasarlamak ve uygulamaktan sorumlu profesyonellerdir.

Web geliştirme süreci, bir web sitesinin görünümünü ve tasarımını oluşturan web tasarımcılarıyla başlar. Ardından, bir ön Front End Developer veya full-stack developers, web sitesinin kod, araç ve teknolojilerden yararlanarak çalışmasını sağlar.

Arka uç geliştiriciler(Backend developers) veya full-stack developers, daha sonra veritabanları gibi web sitesini veya web uygulamasını desteklemek için gereken sanal altyapıyı geliştirme sorumluluğunu üstlenir.

Ön uç kodu kullanıcı tarayıcısının içinde çalışırken, arka uç geliştirmeyle ilgili kod web sunucusunda çalışır. Geliştirmenin yanı sıra, bir Front End Developer şunları da sağlar:

Ön uçta hiçbir hata veya hata yok.
Web tasarımı tam olarak olması gerektiği gibi görünür.
Web tasarımı, çeşitli platformlarda ve web tarayıcılarında tutarlı kalır.
Günümüzde, ön uç ve arka uç geliştirme alanları, özellikle ön uç lehine örtüşüyor. Bunun nedeni, geleneksel olarak arka uç geliştirme alanına giren görevlerin çoğunun artık ön uç geliştiriciler tarafından gerçekleştirilmesidir. Bu nedenle, ön uç geliştirme her zamankinden daha önemli hale geliyor.

Front End Developer Neden İhtiyacımız Var?
İnternet bugünlerde benzeri görülmemiş bir hızla büyüyor ve bunun pek çok nedeni var. İnsanlar interneti şu amaçlarla kullanıyor:

İletişim.
Bilgi ve bilgi edinme.
Öğrenmek ve çalışmak.
Faturaları ödemek.
İşletmeleri yürütmek.
Alışveriş vb.
İnternet, herkes için verilerle dolu bir ortam haline geldi; işletmeleri ve müşterileri bir araya getirmek, insanları arkadaşları ve aileleri ile buluşturmak vb.

Her geçen gün daha fazla kullanıcı bundan yararlanmak için internet popülasyonuna katılıyor. Yeni kullanıcılar, daha fazla talep ve dolayısıyla daha fazla web sitesi ve web uygulaması anlamına gelir. Bu, nihayetinde daha fazla front ve back developer gerektirir. Genellikle bir front-end geliştirici şunlardan sorumludur:

Bir web tasarımcısı veya web tasarım ekibi ile birlikte çalışmak ve web sayfası / web uygulaması tasarımına ve yapısına karar vermek.
Kullanıcı deneyimini geliştiren özelliklerle geliyor.
Estetik ve işlevsellik arasında bir denge oluşturmak.
Arayüzün mobil cihazlarda mükemmel çalışmasını sağlamak.
Web sitesi / web uygulaması genelinde marka tutarlılığını korumak.
Üstün ölçeklenebilirlik ve hız için web sayfası optimizasyonu.

Front-End Development Teknolojileri ve Araçları

HTML ve CSS
HTML ve CSS olmadan ön uç geliştirme mümkün değildir. Bu iki teknoloji – Hiper Metin İşaretleme Dili ve Basamaklı Stil Sayfaları – web kodlamasının temel yapı taşları olarak hizmet eder.

CSS ve HTML olmadan web tasarımı, biçimlendirilmiş metin, medya ve hatta basit resimler bile yoktur. En temel web sitelerini bile oluşturmak, iyi bir CSS ve HTML bilgisi gerektirir.

Birinci sınıf bir web geliştiricisi olmayı hedefleyen herhangi bir kişinin sağlam bir CSS ve HTML deneyimi ve sağlam bir anlayışa sahip olması gerekir. Bununla birlikte, aynı şeyi öğrenmenin en iyi yanı, bu iki teknolojinin anlaşılmasının basit olmasıdır. Böylelikle bunlarda çalışma yeteneği sadece birkaç hafta içinde oluşturulabilir.

Programlama Dilleri / JavaScript

Amaç ne olursa olsun, web geliştirme söz konusu olduğunda, ister ön uç ister arka uç olsun, kod önemlidir.

Arka uç geliştirme için birkaç programlama dilinden fazlası mevcut olsa da, web için ön uç geliştirme amaçlandığında JavaScript’ten daha üstün hiçbir şey yoktur. Mobil cihazlara yönelik ön uç geliştirme için C #, Java ve Swift var.

CSS, HTML ve JavaScript’ten yararlanmak, temel ve hatta bazı gelişmiş web uygulamaları geliştirmenize olanak tanır. Yalnızca HTML ve CSS kullanılarak oluşturulmuş temel web sitelerinde JavaScript kullanmak, işlevsellik açısından harikalar yaratabilir.

JavaScript, gerçek zamanlı güncellemeleri destekleyen haritalar eklemekten ve basit oyunların entegrasyonundan bir veya daha fazla kullanıcı arayüzünün kullanılabilirliğini artırmaya kadar her şey için kullanılır.

Not: – JavaScript, “web’in popüler programlama dili” olarak bilinir. Bir web betik dili olmasına rağmen, Node.js gibi teknolojiler JS kullanarak bağımsız uygulamalar geliştirmeye izin verir. En popüler programlama dilleri arasındadır, bu nedenle, kariyer vizyonunuz ne olursa olsun, JavaScript öğrenmek, ister ön uç ister arka uç olsun, her programcı için kârlıdır.

Frontend/JavaScript Frameworks

Frameworks kodlamayı kolaylaştırır ve hızlandırır. Frontend Frameworks, özellikle istemci tarafı geliştirme için tasarlanmıştır. Web sitelerinin çoğu aynı CSS öğeleriyle başlar. Bu nedenle, Frontend Frameworkları size zaman ve emek tasarrufu sağlar. Bootstrap, en popüler Frontend Frameworklarından biridir. Mobil öncelikli yaklaşımla web siteleri oluşturmaya yardımcı olur. Diğer popüler Frontend Framework seçenekleri şunları içerir:

Açısal (JS çerçevesi)
AngularJS (JS çerçevesi)
Svelte
Çoğu Frontend Frameworkları aslında JavaScript Frameworku. Bunlar, işlevselliği geliştirmek için hazır bir JS kodu yapısı sunar. Farklı amaçlara hizmet etmek için düzinelerce JS Frameworkları vardır. En popüler JS Frameworklarının bazıları şunları içerir:

EmberJS
MeteorJS
Vue.js
Ön uç geliştiricileri, çabayı en aza indirmek ve üretkenliği en üst düzeye çıkarmak için Backbone.js, jQuery ve ReactJS gibi JS kitaplıklarıyla birlikte JavaScript çerçevelerini kullanır.

jQuery

jQuery, olay işlemeyi ve DOM ağacında geçişi ve manipülasyonu kolaylaştıran bir JS kitaplığıdır. İlk 10 milyon web sitesinin neredeyse 3 / 4’ü jQuery’den yararlanıyor. JavaScript ile geliştirmeyi hızlandıran bir uzantı ve eklenti koleksiyonudur.

CSS Preprocessors

Ön uç geliştiricileri, CSS kodlamasını hızlandırmak için CSS ön işlemcilerinden yararlanır. Çalışmayı daha kolay ve ölçeklenebilir tutarken CSS koduna ek işlevler eklemeye yardımcı olurlar.

Adından da anlaşılacağı gibi, CSS ön işlemcileri, CSS kodunu web sitesinde yayınlamadan önce işler ve aynı şeyi tarayıcılar arası ve iyi biçimlendirilmiş bir varyanta dönüştürür. CSS ön işlemcileri gelişmiş bir ön uç geliştirme kavramı olduğundan, onu kullanmak için iyi bir beceri seti geliştirmeniz gerekir.

Birkaç CSS ön işlemcisi bulunmasına rağmen, en çok talep gören seçeneklerden ikisi LESS (LEaner Style Sheets) ve SASS (Syntactically Awesome Style Sheets).

RESTful API’ler ve Hizmetler

Ön uç geliştirmeyle ilgili bir başka gelişmiş kavramlar kümesi API’ler ve RESTful hizmetleridir.

Uygulama Programlama Arayüzleri veya API’ler, web sitelerine işlevsellik eklemeye izin verir. Öte yandan REST, web üzerinden ağ iletişimini basitleştirmek için hafif bir mimaridir.

Teknik olarak karmaşık olmasına rağmen, REST kavramı, etkili web hizmeti iletişiminin temelini oluşturan bir dizi kılavuz ve uygulama olarak anlaşılabilir. REST mimarisini izleyen API’ler ve hizmetler, RESTful API’ler ve hizmetler olarak adlandırılır.

Yeni Başlayanlar için Javascript Projeleri ( Javascript Örnekleri)

Giriş
En popüler komut dosyası dillerinden biri olan JavaScript, doğrulama, dinamik içerik oluşturma, etkileşimli grafikler ve haritalar ve çok daha fazlası için tüm web uygulamalarında kullanılır. HTML ve CSS ile birlikte JS, eksiksiz, sağlam web uygulamaları oluşturma gücüne sahiptir. JS sayesinde, kullanıcı bir web sayfasıyla etkileşime girebilir ve sayfadaki tüm ilginç öğeleri görebilir. Projeleri keşfederken, interaktif web sayfaları oluşturmaya yardımcı olan know-how js’ye ulaşacağız. Bundan önce, JS’nin önemli özelliklerini hızlıca gözden geçirelim:

• Etkileşimli web içeriği oluşturmak için hem istemci tarafında hem de sunucu tarafında kullanılır.
• Dinamik işlevsellik sağlayarak kullanıcı deneyimini büyük ölçüde iyileştirir.
• Nesne yönelimli yeteneklere sahip hafif dil.
• Yorumlanmış, açık ve platformlar arası dil.
• Java ve HTML ile sorunsuz entegrasyon.

Neden JavaScript Projeleri?
JS, herhangi bir web uygulamasının kalbidir. İyi bir JavaScript bilgisi size mobil ve masaüstü uygulamaları geliştirmek, sıfırdan dinamik web siteleri oluşturmak, UI / UX tasarımcısı ve hatta tam yığın geliştirici gibi bir dizi zorlu ve ilginç kariyer seçeneği sağlayabilir. JavaScript’in temellerini biliyorsanız, özgeçmişinize yıldız eklemek için bir sonraki adımınız projelerdir. Önceden herhangi bir programlama deneyiminiz yoksa, temel JavaScript kursları alabilir ve ardından bu projelere geri dönebilirsiniz. Biraz HTML ve CSS takip ederseniz, aşağıda bahsedilen projelerin çoğunu anlayacaksınız.

Yeni Başlayanlar İçin En İyi JavaScript Projeleri
JavaScript ile yapabileceğiniz çok şey var, ancak henüz sizi her şeye boğmak istemiyoruz. Özgeçmişinize ve kariyerinize değer katabilecek en iyi JavaScript projelerini listeledik:

1. JavaScript Calculator

Basit HTML, CSS kullanacağız ve tüm bileşenlerin temel JavaScript işlevlerini kullanarak çalışmasını sağlayacağız. Düğmeleri ve sayıları görüntülemek için HTML kullanacağız ve CSS kullanarak onlara biraz güzelleştirme ekleyeceğiz. Düğmelerin ilgili işlevleri gerçekleştirmesini sağlamak için JavaScript kullanacağız. Ana işlev, JS kodlarını çözen global bir JS işlevi olan eval() ‘dir. display() işlevi seçilen sayıyı hesap makinesi ekranında görüntüleyecektir. Programın yalnızca fare olayları için çalışacağını unutmayın. İşte tam kod:

<html>
<body>
<div class = title >My Beautiful JS Calculator</div>
<table border="2">
<tr>
<td><input type="button" value="c" onclick="clr()"/> </td>
<td colspan="3"><input type="text" id="textval"/></td>
</tr>
<tr>
<td><input type="button" value="+" onclick="display('+')"/> </td>
<td><input type="button" value="1" onclick="display('1')"/> </td>
<td><input type="button" value="2" onclick="display('2')"/> </td>
<td><input type="button" value="3" onclick="display('3')"/> </td>
</tr>
<tr>
<td><input type="button" value="-" onclick="display('-')"/> </td>
<td><input type="button" value="4" onclick="display('4')"/> </td>
<td><input type="button" value="5" onclick="display('5')"/> </td>
<td><input type="button" value="6" onclick="display('6')"/> </td>
</tr>
<tr>
<td><input type="button" value="*" onclick="display('*')"/> </td>
<td><input type="button" value="7" onclick="display('7')"/> </td>
<td><input type="button" value="8" onclick="display('8')"/> </td>
<td><input type="button" value="9" onclick="display('9')"/> </td>
</tr>
<tr>
<td><input type="button" value="/" onclick="display('/')"/> </td>
<td><input type="button" value="." onclick="display('.')"/> </td>
<td><input type="button" value="0" onclick="display('0')"/> </td>
<td><input type="button" value="=" onclick="evaluate()"/> </td>
</tr>
</table>
</body>
<script>
function display(val)
{
 document.getElementById("textval").value+=val
 }
function evaluate()
{
 let x = document.getElementById("textval").value
 let y = eval(x)
 document.getElementById("textval").value = y
}
function clr()
{
 document.getElementById("textval").value = ""
}
</script>
<style>
input[type="button"]
{
border-radius: 10px;
background-color:blue;
color: white;
border-color:#black ;
width:100%;
}
input[type="text"]
{
border-radius: 10px;
text-align: right;
background-color:black;
color: white;
border-color: white;
width:100%
}
</style>
</html>

2. Adam Asmaca

Adam asmaca, en sevdiğimiz oyunlardan biridir ve hem çocuklar hem de yetişkinler onu sever. Adam asmanın JavaScript, HTML ve CSS kullanılarak bir anda geliştirilebileceğini bilmek sizi şaşırtacak. Ana işlevselliğin JS kullanılarak tanımlandığını unutmayın. HTML görüntüleme içindir ve CSS, içeriği güzelleştirme işini yapar. Bu kod parçacığının JS’sinde tanımlanmış birçok yöntem olmasına rağmen, biraz karmaşık görünebilir, ancak kodun üzerinden geçtiğinizde bunun basit olduğunu anlayacaksınız. Ayrıca kodu çalıştırabilir ve yürütmeyi satır satır görebilirsiniz. Kodu ve yürütmeyi buradan kontrol edin.

3. Tic Tac Toe Oyunu

Çocukken bu oyunu sonsuza dek kağıt üzerinde oynardık. Ama bu oyunu bilgisayarda geliştirmenin de oldukça kolay olduğunu biliyor muydunuz? JavaScript sayesinde. Bu ayrıntılı kod, dev. daha sonra kendi pratiğiniz ve bilginiz için NxN’ye genişletebileceğiniz 3×3 tic-tac-toe’u adım adım nasıl oluşturacağınızı açıklar. Proje için HTML ve CSS oldukça basit ve düzenli. Buradan kontrol edebilirsiniz.

4. JavaScript Müzik Etkinlikleri

Burada, klavye olaylarına göre hareket edecek olay dinleyicileri ile tanıştırıyoruz. Örneğin, ‘S’ tuşuna basılırsa, olacak olay nedir? Her olayın farklı bir kodu ve eylemi olacaktır. Etkinlik dinleyicilerinin yanı sıra, ses dosyalarının nasıl ekleneceğini ve çalınacağını da öğreneceğiz. Buradaki odak noktası JavaScript olduğundan çok temel CSS eklediğimizi unutmayın. Programın tam olarak çalışması için kendi seslerinizi ve arka plan resminizi içe aktarmanız gerekecektir.

<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>KeyBoard Music</title>
</head>
<body>
  <div class="keys">
    <div data-key="65" class="key">
      <kbd>A</kbd>
    </div>
    <div data-key="83" class="key">
      <kbd>S</kbd>
    </div>
    <div data-key="68" class="key">
      <kbd>D</kbd>
    </div>
    <div data-key="70" class="key">
      <kbd>F</kbd>
    </div>
    <div data-key="71" class="key">
      <kbd>G</kbd>
    </div>
    <div data-key="72" class="key">
      <kbd>H</kbd>
    </div>
    <div data-key="74" class="key">
      <kbd>J</kbd>
    </div>
    <div data-key="75" class="key">
      <kbd>K</kbd>
    </div>
    <div data-key="76" class="key">
      <kbd>L</kbd>
    </div>
  </div>
  <audio data-key="65" src="sounds/clap.wav"></audio>
  <audio data-key="83" src="sounds/chord.wav"></audio>
  <audio data-key="68" src="sounds/ride.wav"></audio>
  <audio data-key="70" src="sounds/openhat.wav"></audio>
  <audio data-key="71" src="sounds/tink.wav"></audio>
  <audio data-key="72" src="sounds/kick.wav"></audio>
  <audio data-key="74" src="sounds/swipe.wav"></audio>
  <audio data-key="75" src="sounds/tom.wav"></audio>
  <audio data-key="76" src="sounds/boom.wav"></audio>
</body>
<script>
function removeTransition(event) {
  if (event.propertyName !== 'transform') return
  event.target.classList.remove('playing')
}
function playSound(event) {
  const audio = document.querySelector(`audio[data-key="${event.keyCode}"]`)
  const key = document.querySelector(`div[data-key="${event.keyCode}"]`)
  if (!audio) return
  key.classList.add('playing')
  audio.currentTime = 0
  audio.play()
}
const keys = Array.from(document.querySelectorAll('.key'))
keys.forEach((key) => key.addEventListener('transitionend', removeTransition))
window.addEventListener('keydown', playSound)
</script>
<style>
html {
  font-size: 12px;
  background: url('drums.jpg') top center;
  background-size: 80%;
}
.keys {
  display: flex;
  flex: 1;
  align-items: top;
  justify-content: center;
}
.key {
  border: 0.4rem solid blue;
  border-radius: 0.5rem;
  margin: 1rem;
  font-size: 2rem;
  padding: 1rem 0.5rem;
  transition: all 0.01s ease;
  width: 5rem;
  text-align: center;
  color: black;
  text-shadow: 0 0 0.5rem yellow;
}
</style>
</html>  

5. JavaScript Form Doğrulaması

Form doğrulama çok yararlı bir özelliktir ve birçok web sitesi tarafından kullanıcı ayrıntılarının, kart ayrıntılarının, adres ayrıntılarının vb. İstemci tarafında doğrulanması için kullanılır. Örneğin, zorunlu bir giriş alanı adı varsa, kullanıcı bir numara yazabilir veya alanı boş bırakın, yalnızca bir harf yazın, vb. Tüm bu doğrulamalar JavaScript kullanılarak kolayca yapılabilir. Basit bir form doğrulama projesi görelim. Her zamanki gibi, projenin HTML öğelerine de ihtiyacı olacaktır. Kapsamlı bir stil yapmadık, sadece HTML’nin kendisine temel öğeleri ekledik. İşte temel doğrulamalara sahip basit bir formun tam kodu:

<html>
   <head>
      <title>Form Validation</title>
         <script type = "text/javascript">
         function validate() {
         var text;
            if( document.myForm.name.value == "" ) {
              text = "Name cannot be empty";
               document.getElementById("demo").innerHTML = text;
               document.myForm.name.focus() ;
               return false;
            }
            if( document.myForm.email.value == "" ) {
              text = "E-mail cannot be empty";
               document.getElementById("demo").innerHTML = text;
               document.myForm.email.focus() ;
               return false;
            }
       var emailID = document.myForm.email.value;
       atposn = emailID.indexOf("@");
       dotposn = emailID.lastIndexOf(".");
       if (atposn < 1 || ( dotposn - atposn < 2 )) {
       text = "Please enter valid email ID";
       document.getElementById("demo").innerHTML = text;
       document.myForm.email.focus() ;
       return false;
     }
            if( document.myForm.phone.value == "" || isNaN( document.myForm.phone.value ) ||
               document.myForm.phone.value.length != 10 ) {
               text = "Please enter a valid 10-digit phone number";
               document.getElementById("demo").innerHTML = text;
               document.myForm.phone.focus() ;
               return false;
            }
            if( document.myForm.subject.value == "0" ) {
               text = "Please provide your area of expertise";
               document.getElementById("demo").innerHTML = text;
               return false;
            }
            return( true );
         }
      </script>
   </head>
   <body>
      <form action = "" name = "myForm" onsubmit = "return(validate());">
        <h1 align="center">USER REGISTRATION</H1>
         <table align="center" cellspacing = "3" cellpadding = "3" border = "3">
            <tr>
               <td align = "right">Name</td>
               <td><input type = "text" name = "name" /></td>
            </tr>
            <tr>
               <td align = "right">E-mail</td>
               <td><input type = "text" name = "email" /></td>
            </tr>
            <tr>
               <td align = "right">Phone Number</td>
               <td><input type = "text" name = "phone" /></td>
            </tr>
            <tr>
               <td align = "right">Subject</td>
               <td>
                  <select name = "subject">
                     <option value = "0" selected>Select</option>
                     <option value = "1">HTML</option>
                     <option value = "2">JavaScript</option>
                     <option value = "3">CSS</option>
                     <option value = "4">JSP</option>
                  </select>
               </td>
            </tr>
         </table>
         <p id="demo" style="color:red; text-align:center"></p>
   <div style="text-align:center"><input type = "submit" value = "Submit" /></div>
      </form>
   </body>
</html>

Evet şimdilik Javascript için projelerimiz bukadar daha fazla içerik için takipte kalınız. Sizlerde destek sağlamak için kodmek dünyasına ücretsiz kayıt olarak içerik ekleyebilirsiniz.

Verilerini Facebook’la Paylaşmayanlar WhatsApp’ı Kullanamayacak

Facebook tarafından satın alınan Whatsapp 8 Şubat 2021 itibarıyla yürürlüğe girecek yeni gizlilik ilkelerini açıkladı. Bu gizlilik ilkesini kabul etmeyenler Whatsapp’ı kullanamayacak. Eğer bu gizlilik ilkesini kabul ederseniz verileriniz yasal olarak Facebook ile paylaşılacağını kabul etmiş oluyorsunuz. WhatsApp’ın yeni koşul ve gizlilik ilkeleri ise Facebook’a karşı olan kullanıcıları, bir hayli kızıdıracak türden diyebiliriz.

WhatsApp, kullanıcıların hangi verilerini toplayabiliyor?

Hesap Bilgileri
Mesajlar
Bağlantılar
Durum Bilgisi
İşlem ve Ödeme Verileri
Müşteri Desteği ve Diğer İletişimler
Kullanım ve Kayıt Bilgileri
Cihaz ve Bağlantı Bilgileri
Konum Bilgileri
Çerezler
Başkalarının Sizin Hakkınızda Sağladığı Bilgiler (Üçüncü taraftan sağlanır.)
Kullanıcı Şikayetleri (Üçüncü taraftan sağlanır.)
WhatsApp’taki İşletmeler (Üçüncü taraftan sağlanır.)
Üçüncü Taraf Hizmet Sağlayıcıları (Üçüncü taraftan sağlanır.)
Üçüncü Taraf Hizmetleri (Üçüncü taraftan sağlanır.)

WhatsApp’ın internet sitesinde yer alan açıklama :

Hizmetlerimizi yürütmemize, sağlamamıza, iyileştirmemize, anlamamıza, özelleştirmemize, desteklememize ve pazarlamamıza yardımcı olmaları için üçüncü taraf hizmet sağlayıcılarıyla ve diğer Facebook Şirketleriyle çalışırız. Teknik altyapı, teslimat ve diğer sistemleri sağlamak, Hizmetlerimizi pazarlamak, anket ve araştırma yaptırmak, kullanıcıların ve başkalarının güvenliğini, emniyetini ve bütünlüğünü korumak ve müşteri hizmetlerine yardımcı olmak gibi Hizmetlerimizi desteklemek için bu şirketlerle birlikte çalışırız. Bu kapsamda üçüncü taraf hizmet sağlayıcılarıyla ve diğer Facebook Şirketleriyle bilgi paylaştığımızda, bu sağlayıcıların sizin bilgilerinizi bizim adımıza, kendi talimat ve koşullarımız uyarınca kullanmasını şart koşarız.

Siz veya başkaları üçüncü taraf hizmetlerini veya Hizmetlerimizle entegre olan diğer Facebook Şirketi Ürünlerini kullandığınızda, bu üçüncü taraf hizmetleri sizin veya başkalarının onlarla paylaştıkları hakkında bilgi alabilir. Örneğin, iCloud veya Google Drive gibi, Hizmetlerimize entegre olan bir veri yedekleme hizmeti kullanırsanız bu hizmetler WhatsApp mesajlarınız gibi kendileriyle paylaştığınız bilgilere sahip olur. Üçüncü taraf bir platformdan içerik oynatmak için uygulama içi oynatıcıyı kullandığınızda olduğu gibi, Hizmetlerimiz aracılığıyla bağlantılı bir üçüncü taraf hizmeti veya başka bir Facebook Şirketi Ürünü ile etkileşimde bulunursanız IP adresiniz ve bir WhatsApp kullanıcısı olduğunuz gibi sizinle ilgili bilgiler, bu tür üçüncü taraflara veya Facebook Şirketi Ürününe sunulabilir. Üçüncü taraf hizmetlerini veya diğer Facebook Şirketi Ürünlerini kullandığınızda, ilgili hizmetleri ve ürünleri kullanmanızın bu hizmetlerin kendi koşullarına ve gizlilik ilkelerine tabi olacağını lütfen unutmayın.​

Facebook Şirketlerinin bir parçası olan WhatsApp, diğer Facebook Şirketlerinden bilgi alır ve bu şirketlerle bilgi paylaşımında bulunur. Hizmetlerimizin ve Facebook Şirketi Ürünleri dahil bu şirketlerin sunduğu olanakların yürütülmesi, sunulması, iyileştirilmesi, anlaşılması, özelleştirilmesi, desteklenmesi ve pazarlanması amacıyla bu şirketlerden aldığımız bilgileri kullanabiliriz ve bu şirketler de bizim onlarla paylaştığımız bilgileri kullanabilirler. Bu amaçlar şunları içerir:

altyapının ve dağıtım sistemlerinin iyileştirilmesine yardımcı olmak,
Hizmetlerimizin veya onların hizmetlerinin nasıl kullanıldığını anlamak,
Facebook Şirketi Ürünleri genelinde emniyeti, güvenliği ve bütünlüğü artırmak; örneğin sistemleri güvence altına almak ve spam, tehditler, kötüye kullanım veya ihlal faaliyetleriyle mücadele etmek,
onların hizmetlerini ve sizin bunları kullanma deneyiminizi iyileştirmek, örneğin sizin için önerilerde bulunmak (ör. arkadaşlar, grup bağlantıları veya ilginç içeriklerle ilgili öneriler), özellikleri ve içeriği kişiselleştirmek, satın alımları ve işlemleri tamamlamanıza yardımcı olmak ve Facebook Şirketi Ürünleri genelinde ilgili teklifler ve reklamlar göstermek ve
WhatsApp deneyimlerinizi diğer Facebook Şirketi Ürünleri ile birleştirmenizi sağlayan entegrasyonlar sağlamak. Örneğin, WhatsApp’ta satın aldıklarınız için ödeme yapmak üzere Facebook Pay hesabınızı bağlamanıza imkan vermek veya WhatsApp hesabınızı bağlayarak arkadaşlarınızla Portal gibi diğer Facebook Şirketi Ürünleri üzerinden sohbet etmenize olanak sağlamak.

Reshaped Leadership Team to Emerge Shop Buyout

Want to know the one thing that every successful digital marketer does first to ensure they get the biggest return on their marketing budget? It’s simple: goal-setting. This is an absolutely essential practice for any digital marketer who knows how to execute their campaigns in a productive, cost-effective way. With a few. With a few simple tips, you can be doing the same in no time! In this blog, we’ll walk you through the first steps every savvy digital marketer takes to ensure that they’re on target to hit all their marketing objectives. Get ready for revenue! 

Remember: even if the channel you’re considering is all the rage right now, it might not fit your brand. Always make informed decisions that directly relate to your company. Otherwise, your message won’t be delivered to its intended audience and you’ll have wasted time, effort and money.

Know Your Digital Goals

The first step is clearly identifying which goals you want to achieve. Get specific. Do you want to increase brand awareness? Are you all about locking in leads? Do you want to establish a strong network of influencers that can help you be discovered? How about pushing engagement on social media?

Get Specific

A useful tool for narrowing down your goals to ensure they’re viable is the SMART mnemonic. It’s important to get specific to understand exactly what you’re working towards, and help you break down the process of hitting your targets. This is exactly what this mnemonic helps you to achieve.

• Does the channel reach my intended audience?
• Is the channel sustainable and affordable within my company’s marketing budget?
• Will I be able to measure the success of the channel?
• Does the channel allow me to express my brand’s intended message?
• Do the channels I’m considering work together to convey my message?

Always Remember Your Goals!

Establishing a solid vision for your business is the first step to planning your digital marketing budget. Always keep your final goals in sight when organising anything for your company. When deciding which steps to take next in your business, ask yourself how they will help you achieve the goals you outlined in Step #1. This will ensure that you stay on track and prevent you from spending your budget on anything that won’t help you achieve.

Cum et essent similique. Inani propriae menandri sed in. Pericula expetendis has no,
quo populo forensibus contentiones et, nibh error in per.

Denis Robinson

As your budget progresses and evolves, continue referring to your SMART objectives. Stay focused and remember your goals – they will always inform what your next step will be!

Design-Nation Publishes ’20 Makers, 20 Objects’

Want to know the one thing that every successful digital marketer does first to ensure they get the biggest return on their marketing budget? It’s simple: goal-setting. This is an absolutely essential practice for any digital marketer who knows how to execute their campaigns in a productive, cost-effective way. With a few. With a few simple tips, you can be doing the same in no time! In this blog, we’ll walk you through the first steps every savvy digital marketer takes to ensure that they’re on target to hit all their marketing objectives. Get ready for revenue! 

Remember: even if the channel you’re considering is all the rage right now, it might not fit your brand. Always make informed decisions that directly relate to your company. Otherwise, your message won’t be delivered to its intended audience and you’ll have wasted time, effort and money.

Know Your Goals

The first step is clearly identifying which goals you want to achieve. Get specific. Do you want to increase brand awareness? Are you all about locking in leads? Do you want to establish a strong network of influencers that can help you be discovered? How about pushing engagement on social media?

Get Specific

A useful tool for narrowing down your goals to ensure they’re viable is the SMART mnemonic. It’s important to get specific to understand exactly what you’re working towards, and help you break down the process of hitting your targets. This is exactly what this mnemonic helps you to achieve.

• Does the channel reach my intended audience?
• Is the channel sustainable and affordable within my company’s marketing budget?
• Will I be able to measure the success of the channel?
• Does the channel allow me to express my brand’s intended message?
• Do the channels I’m considering work together to convey my message?

Always Remember Your Goals!

Establishing a solid vision for your business is the first step to planning your digital marketing budget. Always keep your final goals in sight when organising anything for your company. When deciding which steps to take next in your business, ask yourself how they will help you achieve the goals you outlined in Step #1. This will ensure that you stay on track and prevent you from spending your budget on anything that won’t help you achieve.

Cum et essent similique. Inani propriae menandri sed in. Pericula expetendis has no,
quo populo forensibus contentiones et, nibh error in per.

Denis Robinson

As your budget progresses and evolves, continue referring to your SMART objectives. Stay focused and remember your goals – they will always inform what your next step will be!

2020 EN İYİ NETFLIX DİZİLERİ

Sizler için hazırladığımız 2020 yılı en iyi Netflix dizileri

Sosyal Medya Otomatik Gönderi İçin En iyi WordPress Eklentileri

Linux Tarih ve Saat Ayarı (Centos,Ubuntu)

Bu makalemizde örnek olarak linux tabanlı işletim sistemleri olan Centos, Fedora, RedHat, Ubuntu, Debian, Mint üzerinde saat ve tarih ayarlarını değiştirmeyi anlatacağız.

Tarih saat yarı yapmak için :

date -s “22/12/2020 18:00:00”

veya

date –set “22/12/2020 18:00:00”

Yalnızca saat değiştirmek için :

date -s “18:00:00”

Zaman dilimi ayarlama :

Debian, Ubuntu :

dpkg-reconfigure tzdata

Centos :

ln -s /usr/share/zoneinfo/Europe/Istanbul /etc/localtime

Seçimli yapmak için :

tzselect

Komudunu çalıştırarak zaman bölgesini seçebilirsiniz.

Bios saatini sistem saati olarak güncellemek isterseniz :

hwclock -w

Cyberpunk 2077 Performans Kilidini açma FPS artırımı

Cyberpunk 2077 çıkması ile birlikte yanında bir çok sorun ile birlikte geldi. Performans sorunları elbet güncellemeler ile giderilecek olsada şimdi ufak değişiklikler ile FPS değerlerimizi nasıl artırabilceğimize birlikte bakalım.

İşlem yapılan dosyaları yedeklemeyi unutmayınız!

Ryzen sistemler için yapılması gereken adımlar.

Öncelikle HxD editor uygulamasını indirelim. Uygulamayı aşağıdaki buton yardımı ile indirebilirsiniz.

HxD uygulamasını indirdikten sonra rar dosyasından çıkartıp uygulamayı bilgisayarımıza kuralım.

Daha sonra HxD uygulamasını çalıştırıp Oyun klasörü içerisinden Cyberpunk 2077 yi seçelim

Dosya yolu örnek : Dosya – Aç – Bilgisayarım – Yerel disk (C) – Program Files (x86) – Steam – steamapps – common – Cyberpunk 2077 – bin – x64 – Cyberpunk 2077

Cyberpunk 2077 yi seçtikten sonra Performans kilit kodunu bulup yenisi ile değiştirmemiz gerekmektedir.

HdX uygulamasında iken Ctrl+F – Hex Değerleri – Şunu ara kısmına aşağıdaki kodu girip aratıyoruz.

75 30 33 C9 B8 01 00 00 00 0F A2 8B C8 C1 F9 08

Bulunan kodu yeni kod ile değiştiriyoruz .

EB 30 33 C9 B8 01 00 00 00 0F A2 8B C8 C1 F9 08

Kodu değiştirdikten sonra HdX uygulamasında dosyamızı kaydediyoruz Dosya – “Hepsini Kaydet” yaparak programdan çıkıyoruz.

Eğer kayıt sırasında hata veriyse oyun dosyamız salt okunur olabilir oyun dosyamızı sağ tıklayıp salt okunurdan çıkarıyoruz.

İşlemleri başarı ile yaptıktan sonra Performans kilidi açılmış oluyor. Büyük ihtimal güncellemeler ile bu sorunları gidereceklerdir. Güncellemeler geleseye kadar bu işlemleri yaparak bir nebzede olsa FPS artırımında bulunabilirsiniz.

Kolay gelsin iyi oyunlar dileriz.

Cyberpanel Yeniden Başlatma Komutu

CyberPanel tamamen Open Source olan bir ücretsiz hosting kontrol panelidir. OpenLiteSpeed desteği olan güzel ve kullanışlı bir paneldir. CyberPanel üstelik LiteSpeed tarafından desteklenmektedir ve OpenLiteSpeed’in kendi döküman sayfasında da bilgi vardır.

OpenSource proje olması nedeniyle sizlerde bu panele eklenti ekleyebilir ve düzenleme işlemi yapabilirsiniz. Düzenleme işlemlerinizin aktif olması için genelde panele restart etmanız gerekmektedir Aşağıdaki komut yardımıyla panele restar işlemi yaptırabilirsiniz.

Cyberpanel i SSH ile aşağıdaki komut yardımıyla restart komudu :

service lscpd restart

Openlitespeed i ssh üzerinden aşağıdaki komut ile yeniden başlatabilirsiniz

service lsws restart

JavaScript Progress Bar Yapımı

İlerleme çubuğu yani progress bar çoğu zaman seviye vb işlemlerde projemizde entegre edebilceğimiz veye bir ilerlemenin durumunu gösterebilceğimiz bir yapıdır. Şimdi bu yazımızda basit bir progress bar yapalım.

Html Kodlarımız

<h1>Progress Bar Yapımı - Webinyo.COM</h1>
<div id="myProgress">
  <div id="myBar">
    <div id="label">10%</div>
  </div>
</div>

CSS Kodlarımız

#myProgress {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #ddd;
}
#myBar {
  position: absolute;
  width: 10%;
  height: 100%;
  background-color: #4CAF50;
}
#label {
  text-align: center;
  line-height: 30px;
  color: white;
}

Js Kodlarımız

function move() {
  var elem = document.getElementById("myBar");   
  var width = 10;
  var id = setInterval(frame, 10);
  function frame() {
    if (width >= 100) {
      clearInterval(id);
    } else {
      width++; 
      elem.style.width = width + '%'; 
      document.getElementById("label").innerHTML = width * 1  + '%';
    }
  }
}

Cs kodlarımızı düzenleyerek kendi renkli progress barınızı özelleştirebilirsiniz.

Android’de Özel Yazı Font Kullanma – Delphi

Delphi firemonkey üzerinde android bir proje tasarlarken kendi özel fontumuzu kullanmak için yapmamız gerekenler

1. Örneğin eklemek istediğmiz yazı fontu GillSansUltraBold.ttf ise, bunu proje dosyamıza kopyalayıp Deployment’dan projemize ekleyelim. Yolunu assets\internal\ verelim.
2. Project —> Add to Project menüsünden FMX.FontGlyphs.Android.pas (C:\Program Files (x86)\Embarcadero\Studio\18.0\source\fmx) dosyasını projemize ekleyelim. Bu dosyayı proje dosyamıza kaydedelim.
FMX.FontGlyphs.Android‘de iken, 
3. Uses’a System.IOUtils ekleyelim.
4. TAndroidFontGlyphManager.LoadResource; procedure satırını bulalım.
5. FontFile: string; değişkenini ekleyelim.
6. Typeface := TJTypeface.JavaClass.create(FamilyName, TypefaceFlag);  satırını bulup aşağıdaki satırlar ile değiştirelim.
FontFile := TPath.GetDocumentsPath + PathDelim + CurrentSettings.Family + ‘.ttf’;
 if FileExists(FontFile) then
   Typeface := TJTypeface.JavaClass.createFromFile(StringToJString(FontFile))
   else
     Typeface := TJTypeface.JavaClass.Create(FamilyName, TypefaceFlag);
7. Fontunda değişiklik yapmak istediğiniz nesnenin,
    Properties–>TextSettings–>Font–>Family kısmına Deployment’dan eklemiş olduğunuz font dosyasının adını yazalım. Örneğin; GillSansUltraBold eklemiştik, bunu aynen Family’e yazıyoruz.
Derleme işlemi yaptığımızda mobilde (android) font değişmiş olacak.

Yukardaki işlemler sayesinde android projenize istediğiniz fontu ekleyebilirsiniz.

En iyi wordpress temaları 2020

Bu blog yazımızda sizler için derlediğimiz en iyi wordpress temalarını inceleyeceğiz. WordPress temaları herhangi bir kategori olarak bölümlenmeyip kullanılış açısında incelenmiştir.

NEWSPAPER– WordPress Teması

Google PageSpeed Insights Skoru: 79 (masaüstü), 45 (mobil)

Tüm zamanların en çok satan listesinde olan bu tema özellikle blog yazarları, haber, spor, gazete gibi sitelerin gözdesi diyebiliriz.

SOLEDAD– WordPress Teması

Google PageSpeed Insights Skoru: 95 (masaüstü), 70 (mobil)

6000 den fazla demoya sahip bir temadır. Hızlı yüklenen sayfaları ile oldukca gözde bir temadır. Soledad, sayfalar arasında kaybolmanıza neden olmadan olabildiğince fazla gönderi görüntülemenizi sağlayan sade tasarımlı bir WordPress teması.

E ticaret siteleri için temanın WooCommerce uyumuda vardır.

En iyi wordpress ticaret temaları yazımızdan ticaret temalarına göz atabilirsiniz.

Customizr– WordPress Teması

yeni başlayanlar hem de profesyoneller için uygun olan, kolaylıkla özelleştirilebilen bir temadır. Bununla birlikte, ister blogunuz ister e-ticaret mağazanız olsun, işletmeler için güzel ve mobil cihazlara uygun web siteleri oluşturabilirsiniz. 

THE7– WordPress Teması

Google PageSpeed Insights Skoru: 61 (masaüstü), 18 (mobil)

The7, özelleştirme/kişiselleştirme vurgusu ile 1000‘den fazla tema opsiyonu sunan, web sitenizin en küçük detayları için bile değişiklikler yapabileceğiniz bir WordPress teması.

Optimizer– WordPress Teması

hiçbir deneyimi olmayan, esasen herhangi bir web sitesi (tam genişlikli veya kutu içerisinde) oluşturmanızı sağlayan ücretsiz bir WordPress temasıdır. HTML5 ve CSS3 ile oluşturulmuş olan bu responsive, SEO dostu ve mobil optimize edilmiş tema hemen kullanılmaya hazırdır.