Arayüz Geliştirici

https://validator.w3.org/

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

https://codepen.io/davidkpiano/pen/Xempjq?utm_source=CSS-Weekly&utm_campaign=Issue-285&utm_medium=email

https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b

http://nietzsche-ipsum.com/

http://www.distancetomars.com/

http://one.laptop.org/

The biggest collection of official brand color codes around. http://brandcolors.net/

http://www.operaturkiye.net/opera-turkiye-ve-w3c-web-egitimi-toplulugu/

https://www.filamentgroup.com/lab/how-we-learned-to-leave-body-font-size-alone.html

"Not every mobile device will have your app on it but every mobile device will have a browser." - Jason Grigsby

https://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design

https://www.inserthtml.com/2012/06/css-filters/

http://bokardo.com/principles-of-user-interface-design/

Photoshop CS6 beta yenilikleriyle güzel olmuş, video editleme kısmı olmayaymış daha iyiymiş... keşke başka bir programa dahil etselermiş yada yeni bir program ekleselermiş https://bjango.com/articles/photoshopcs6/

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. https://caniuse.com/

JQuery Mustache Handlebars Dust Öğrenmesi kolay ve oldukça basit JQuery’i temel alır Basit ve karmaşık olmaya template’ler için uygun Farklı yazılım dilleri ve runtime’lar arasında yaygın Sözdizimi basit ihtiyaçlara göre extend edilebilir Mustache’in bir üst versiyonu Mustache’den daha gelişmiş Yaygın kullanılır Daha iyi performans almak için template’ler önceden derlenmiştir Güçlü Diğerlerinden daha karmaşık Asenktron mimari Birçok yardımcı özellik Extend etmesi zor

Bootstrap ekibi 2 senedir üzerinde çalıştıkları v.4.0.0.0 beta’yı yayına aldılar.  https://getbootstrap.com/  adresinden yeni Bootstrap’i indirebilir,  https://blog.getbootstrap.com/2017/08/10/bootstrap-4-beta/ adresten gelen yenilikleri okuyabilirsiniz.

Terminalde proje klasörünüzün içindeyken  npm init  komutunu çalıştırabilirsiniz. Bu komut size bir seri soru sorarak projenizi oluşturmanıza yardımcı olur. Eğer node.js versiyonunuz size bu imkanı sağlamıyorsa kendiniz package.json dosyasını oluşturabilirsiniz. Bir node.js veya express uygulaması yapıyorsanız  entry point  kısmına ana js dosyanızı yazın. Normal bir websitesi için entry point boş bırakılabilir. git repository kısmına repository’i oluşturana kadar bir geçici değer vermek için  ?.git   yazılabilir. Örnek; { “name”: “adnanmenderesairport”, “version”: “0.0.1”, “description”: “Adnan Menderes Airport’s New Website Project”, “repository”: { “type”: “git”, “url”: “?.git” }, “keywords”: [ “airport”, “website”, “aviation”, “flight”, “information”, “airport” ], “author”: “Mine Yazıcıoğlu”, “devDependencies”: { “gulp”: “^3.9.1”, “gulp-browserify”: “^0.5.1”, “gulp-coffee”: “^2.3.4”, “gulp-compass”: “^2.1.0”, “gulp-concat”: “^2.6.1”, “gul...

Aritmetik Operatörler + toplama – çıkarma *çarpma / bölme Operatörlerin Öncelikleri Çarpma ve bölmenin toplama ve çıkarmaya göre bir önceliği vardır. result = 5 + 5 * 10;   // 55 Öncelk sırasını değiştirmek istediğimiz işlemleri parantez içine alabiliriz. result = (5 + 5) * 10; // 10 * 10 = 100 +=, -=, *=, /= score += 10;  // score = score + 10; Artırma/ Azaltma a = a+1;  // a+=1 a++; // Bir azaltmak için kullanılır. a = a-1; // a-=1; a–  // Birer azaltmak için kullanılır.

var phrase = ‘Don’t mix your quotes.’;   // kullanım uygun değil Tek tırnak içinde tek tırnak kullanamazsınız. var phrase = “Don’t mix your quotes.”;  // uygun Çift tırnak içinde tek tırnak kullanabilirsiniz. var phrase = “He said “that’s fine,” and left.”;  // kullanım uygun değil Çift tırnak içinde çift tırnak kullanamazsınız. var phrase = “He said \”that’s fine,\” and left.”;   // uygun Çift tırnak  ve tek tırnağı kullanmamız gerektiğinde tırnaktan kurtulmak için tırnağın başına ters slash | ters eğik çizgi koyarak bu kullanımı gerçekleştirebiliriz.

Derlenen Yorumlanan Çalıştırmaya Hazırdır Her platformda çalışmaz Her platformda çalışır Yorumlayıcı gerekir Daha hızlıdır Esnek değildir Test etmesi kolaydır Daha yavaştır Kaynak kodu özeldir Her test için kodun derlenmesi gerekir Debug etmesi kolaydır Kaynak kodu herkese açıktır Dil Örnekleri: Derlenen  C, C++, Objective C Yorumlanan  PHP, Javascript Hibrit  Java, C#, VB.NET, Python

Yeni bir klasör oluşturmak için, klasörü oluşturmak istediğiniz dosya yoluna gidip mkdir yazıp dosya ismini yazınız. mkdir make directory’nin kısaltmasıdır. ör: mkdir test

Windowsta terminali temizlemek için  cls  konutu kullanılır.

cd Desktop komutunu yazdığınızda aşağıdaki hatayı alıyorsanız; “The system cannot find the path specified.” cd’den sonra dosya yolunu fullpath olarak vermelisiniz. cd C:\users\userprofile\Desktop

Google, bu sabah adaptif , evrensel olarak kullanılabilir zengin reklamlar oluşturmak için yeni araç yayımladı . Google Web Designer ile birkaç dakika içinde herhangi bir platform içinde animasyonlu HTML5 banner yayınlayabilirsiniz. Her cihaz ile uyumlu çıktılar alabilirsiniz. Uygulama Windows ve Mac için indirilebiliyor. Google Web Tasarımcısı görsel düzenleme araçları ile, teknik kullanıcıların erişebileceği bir kod görünümü sunuyor. Ayrıca tasarımcılara birbirinden bağımsız olarak tek tek katmanları ve elemanları olan bir animasyon oluşturmayı sağlayan bir yaklaşım sunuyor. Google Web Designer şu anda beta sürümünde. Ben uygulamanın en çok masaüstü kullanılabilir olmasını sevdim. Çok hızlı bir şekilde açılmasının yanı sıra, kullanımı da çok kolay.  Adobe serilerine alışkın olanlar timeline, katmanlar ve pen tool gibi araçlara kısa bir süre içerisinde adapte olacaklardır. Google Web Designer’ı kendiniz deneyimlemek için,  http://www.google.com/webdesigner...

9GAG’de görüp geyik olduğunu düşündüğüm vergi uygulamasının BBCnews tarafından haber yapıldığını görünce gerçek olduğunu anladım. Avustra’da online elektronik mağazası Kogan Internet Explorer için yaptıkları uyumluluk geliştirmeleri için IE7 kullanıcılarından vergi talep ediyor. Kogan’ı IE7 ile ziyaret eden kullanıcılar Chrome, Firefox, Safari ve Opera gibi daha iyi bir tarayıcı yüklemelerini tavsiye eden bir popup mesajı ile karşılaşıyor. Mağazayı ziyaret eden kullanıcıların sadece %3’ü Internet Explorer’ın eski versiyonunu kullanıyor olmasına rağmen Kogan’ın amacı kullanıcılara vergi ödetmek değil onları daha güncel veya farklı bir tarayıcı kullanmaları için teşfik etmek.

Özellikle e-mail newsletter’larında  karşılaşılan bu çirkin görünümden kurtulmak için linkin içindeki görselimizin border’ını kaldırmamız gerekiyor. Bir <a> etiketinin içine yerleştirmiş olduğunuz image etrafında mavi/mor border’ı kaldırmak için <img> etiketinin içerisinde border’ı aşağdaki yöntemlerden biriyle sıfırlayabilirsiniz. <a href=”http://www.peramuzesi.org.tr”> <img  border=”0″   width=”698″ height=”397″ src=”beyoglu.jpg” /> </a> <a href=”http://www.peramuzesi.org.tr”> <img  style=”border: none;”   width=”698″ height=”397″ src=”beyoglu.jpg” /> </a>

“Bir milyon kişiye ne söylemek istersiniz?”  sloganıyla ortaya çıktılar.  18 bin kişi şu an bu siteye kayıt olmuş durumda, görür görmez ben de katıldım. Mail adresinizi bıraktıktan sonra size gelecek olan maili bekliyorsunuz, günün talihlisi sizseniz size bir mail geliyor ve 48 saat içinde binlerce kişiye seslenme şansınız doğuyor, ve işte kilit soru binlerce kişiye bir şey söyleme şansınız olsaydı, onlara ne derdiniz? İşte listserve size bu şansı veriyor. Yapmazın gereken siteye giriş yapıp mail adresinizi bırakmak. Sonrasında her gün mail kutunuza listserve üyelerinden birinin maili düşecek. Şanslı olursanız o kişi siz de olabilirsiniz.  Listserve, amaçları, teknoloji ve iletişim arasındaki etkileşimi keşfetmek olan Greg Dorsainville, Josh Begley, Yoonjo Choi, Alvin Chang ve Zena Koo’nun son sınıf projesi olarak ortaya çıkmış.  Site mail adresinizi kötüye kullanmayacağı yönünde sözünü de veriyor. İnternet ortamında komşu ziyareti yapma ve kendinizi başka ...

Başlarken… CSS (Cascading Style Sheets – Basamaklı Stil Şablonları)’den önce web geliştiriciler bir metinin renk, büyüklük ve stilini biçimlendirmek için  font etiketini kullanıyorlardı. <font face=”Arial, Verdana” size=”+1″ color=”red”>Merhaba Dünya!</font> Bu yöntem metinin görünümünü değiştirmekte etkili olsa da koca bir websiteyi bir dolu  font  etiketi kullanarak kodlamak hem dosya boyutunu büyütüyor hem de kod tarafında karmaşalara ve hatalara sebep oluyordu. CSS ile bu tasarımsal ve kodsal sıkıntıları gidermenin pek çok yolu var. Örneğin içeriğimizi bir  p  elemanının içine yerleştirerek: <p>Merhaba Dünya!</p> Sonrasında sayfamızın stilini  head  etiketi içerisine yerleştireceğimiz  style etiketiyle belirleyebiliriz. <style type=”text/css” media=”all”> p { color: red; font-size: 12px; font-family: Arial, Verdana, sans-serif; } </style> Bu şekilde sayfanın yapısal kodları...