Giriş Yap / Kayıt Ol
sosyal.market

HTML

WM Aracı Blog RSS

CSS ile Yapıldığına İnanamayacağınız 13 Şey

Tarih: 11 Mayıs 2018   Kategori: Tasarım   Yazar: Being  |  7261 kez okundu
CSS ile Yapıldığına İnanamayacağınız 13 Şey
Geçtiğimiz hafta CSS’e fısıldayan Abla’yı sizinle paylaşmıştım. Önce Allah’ın büyük bir lütfu olarak görünen bu yeteneğe şaşırmış, sonra “Acaba dünyada başka böyle insanlar var mı? Bunlar insansa biz neyiz…” şeklinde sürüp giden iç kavgama tanıklık etmiştim. Biraz araştırdığımda, dünyanın her yerinden farklı web tasarımcılarının CSS ile harikalara imza attığını fark ettim. Hemen aşağıda listelemiş olduğum CSS ile yapılan havalı şeylere tanık olunca, insana Web işlerinden hafif bi’ soğuma gelmiyor desem yalan olur… Bazılarımız (bkz: ben) CSS ile iki tabloyu ortalamaktan acizken, yetenekli web geliştiricileri boş bir internet sayfasını sadece CSS kullanarak bir başyapıta dönüştürebiliyor. İşte onlardan beğeneceğinizi umduğum ve CSS ile yapıldığına inanılması güç 13 CSS çalışması örneği: 01. CSS ile yapılmış Simpsonlar Chris Pattle, bir çizgi dizi olan The Simpsons’ın ikonik karakterlerini bir araya getirdiği inanılmaz kapsamlı bir CSS çalışmasına imza atmış. Simpsonların her

Sadece HTML ve CSS’i Kullanarak Tablolar Yapan Kadın Yazılımcı

Tarih: 04 Mayıs 2018   Kategori: Tasarım   Yazar: Being  |  4552 kez okundu
Sadece HTML ve CSS’i Kullanarak Tablolar Yapan Kadın Yazılımcı
Daha önce MS Excel’de “tablo” olayını yanlış anlayıp, gerçek tablolar yapan 77 yaşındaki amcayı hatırlıyorsunuzdur. Bu yeteneğin bir başka bayraktarı olan Diana Smith, ilginç bir çalışmalar dizisine imza attı. Yalnızca HTML ve CSS kullanarak ortaya çıkardığı yağlı tabloları utandıran çalışmaları, hepimize web tasarım yeteneğimizi sorgulatacak türden. HTML ve CSS’in engin kaynaklarının bize birçok şey sunuyor. Fakat bazılarımız onu sadece internet sitesi ve yazılımları tasarlamak için kullanırken (ee başka ne için kullanacaktık?), bazıları yeteneklerinin sınırını zorlayarak sanat eserini andıran çalışmalar ortaya koyabiliyor. Mesleğindeki başarısını tescillemek ve sınırlarını zorlamak isteyen Diana, 18. yüzyıla ait bir yağlı tabloyu, 1930’ların andıran bir poster çalışmasını ve 1950’lere ait modern reklam tasarımını, kendi elleriyle HTML ve CSS üzerinde tasarladı. Diana’nın şimdilik tek büyük problemi tarayıcı farklılığından dolayı ortaya çıkan HTML ve CSS uyum problemi gibi

HTML Washer: Dağınık HTML Kodlarını Sadeleştiren Kullanışlı Araç

Tarih: 23 Kasım 2017   Kategori: Webmaster   Yazar: Being  |  2607 kez okundu
HTML Washer: Dağınık HTML Kodlarını Sadeleştiren Kullanışlı Araç
Bazen bir internet sitesinin HTML kaynağını düzenlerken veya projemize dahil etmek istediğimiz bir Layout’un kodlarını ayıklarken muhakkak bu işi daha sancısız halledebilmeyi dilemişizdir. Kullanmak istediğimiz HTML kodlarının arasına kaynayan fazlalık kodlar zaman törpüsü olduğu gibi teker teker her birini ayıklamanın pirincin taşını ayıkalamaktan bir farkı yok. Webmaster’ların bu derdini görüp kederlenen bir geliştiriciyi uyku tutmamış ve HTML kodlarındaki dağınıklığı giderebileceğimiz basit bir servis hazırlamış; HTML Washer. Bir internet uygulaması olarak çalışan HTML Washer; HTML kodu içindeki fazlalık kod artıklarını CSS ve JavaScript kodlarını ayıklıyor. HTML kodlarını sınıflardan ve özellik kodlarından ayıklayan HTML Washer kodu bizler için en sade iskelet HTML haline getiriyor. Üstelik HTML yorum satırlarını bile ayıklıyor. Basit bir örnek vermek gerekirse siz yazılıma <p class="funny" onlick="alert('LOL')">bla bla</p> kodunu veriyorsunuz o

Front End Developer Olmak İçin Hangi Yeteneklere ve Bilgilere Sahip Olmalıyım?

Tarih: 06 Mayıs 2017   Kategori: Programlama   Yazar: Kaan  |  8057 kez okundu
Front End Developer Olmak İçin Hangi Yeteneklere ve Bilgilere Sahip Olmalıyım?
Uzun zamandır düşündüğüm ve sonunda yazma kararı aldığım, forumda sıkça konuları da açılan konulardan seri bir yazı dizisi hazırlamak istedim. “Bilgisayar / yazılım mühendisliği bölümü okuyorum, sizce hangi alana yönelmeliyim?”, “İnternet sitesi tasarımı üzerine yoğunlaşmak istiyorum, sizce nereden başlamalıyım?”, “Mobil uygulama geliştirmek istiyorum hangi platformda hangi dille kodlama yapmalıyım?” gibi sorulara, her ay güzel bir yazı dizisi hazırlamak eminim çok kişiye yardımcı olacaktır. Bugünkü yazım, “nasıl iyi bir front end developer olabilirim” üzerine. Bu işe nasıl başlarım, hangi yeteneklere sahip olmalıyım ve ne kadar çalışmalıyım gibi  temel kavramlar üzerinde duracağım. Öncelikle Front end developer ünvanı ile anılan kişi, kullanıcıların etkileşime girdiği ön yüzün HTML&CSS, JavaScript, jQuery teknolojilerini kullanarak yapan kişidir. Kısaca gördüğünüz, tıkladığınız, görsel ve dokunsal olarak tecrübe

İnternet Kullanım Alışkanlığımızı Değiştiren 9 Kadın

Tarih: 31 Ekim 2016   Kategori: İnternet   Yazar: Being  |  1921 kez okundu
İnternet Kullanım Alışkanlığımızı Değiştiren 9 Kadın
İnternet, bilgisayar ve hatta mobil cihazlar... Bunların tümünün modern hallerine ulaşması bir gün içerisinde olup bitmedi. Hepsi birer olay olarak meydana çıkıp daha sonradan birer olguya dönüşmeyi başardı. Teknoloji tıpkı bin bir emekle dizilen domino taşları gibi gelişti. Bir taşın devrilmesi diğerinin aksiyonunu meydana getirdi ve modern bilişim teknolojileri oluştu. Bilişim teknolojileri dediğimizde aklınıza gelen ilk üç isim muhtemelen erkeklere ait olmasına karşın internet ve internet kullanım alışkanlığımızın değişmesi üzerinde kadınların da oldukça büyük payı var. Peki, ya siz internet dünyasını ve muhtemelen tüm internet kullanım alışkanlığımızı değiştirmeye yardımcı olan bu ünlü kadınları tanıyor musunuz? 1- Marissa Mayer Marissa Mayer, evet o ismi zaten muhtemelen tanıyorsunuz. İnternet dünyasındaki erkek CEO tanımına takla attırmayı başaran ve güzelliğiyle de (!) dikkat çekmeyi başaran Marissa Mayer, Yahoo! Servisinin başkan ve CEO’sudur. Yahoo’daki

Google Artık Renk Kodu Aramaları Gerçekleştirebilecek

Tarih: 12 Ekim 2016   Kategori: Webmaster   Yazar: Being  |  3124 kez okundu
Google Artık Renk Kodu Aramaları Gerçekleştirebilecek
Bir Webmaster için renk kodlarının ne kadar önemli olduğundan sanırım bahsetmemize bile gerek yok. Eğer siz de bir renk kodunu ararken Adobe Photoshop’u açmak istemiyor ve kaynak olarak diğer siteleri kullanmayayım diyorsanız, Google’ın yeni renk kodu arama özelliği tam sizler için biçilmiş kaftan! Google bundan sonra arama kutusuna girdiğimiz HEX ve RGB renk kodları için bize bir renk paleti gösterecek. Bu renk paleti sayesinde hem girdiğimiz kodun hangi renge ait olduğunu görebileceğiz hem de hangi kod, hangi renge aitti diye bulmak için artık kendimizi daha fazla heder etmeyeceğiz. Biliyorum, zaten birçoğumuz renk kodların yarısını ezbere biliyor yine de yeni başlayanlar veya renk kodlarına hafızasında yer ayırmak istemeyen Webmasterlar için bu özellik harika bir yenilik oldu. Google’ın yeni özelliğini kullanmaya başlamak için herhangi bir renk kodunu arama motoruna doğrudan yapıştırmanız yeterli olacak. Örneğin, WM Aracı’nın renk kodu olan #435274 renk kodunu Google

Google Chrome Flash Desteğini Resmen Kaldırıyor

Tarih: 10 Ağustos 2016   Kategori: İnternet   Yazar: Being  |  1884 kez okundu
Google Chrome  Flash Desteğini Resmen Kaldırıyor
Mayıs ayında yayınladığımız içerikte Google Chrome’un yakın zamanda Flash desteğini kaldırabileceğini duyurmuştuk. Bugün haber sitelerinin manşetlerinde yer alan ve Google kanadından resmen yapılan açıklamaya göre Google, Chrome’un Flash desteğini önümüzdeki Eylül ayı itibariyle sonlandıracak. Google’ın Flash’ı artık eskisi gibi sevmiyor olmasının birçok önemli nedeni var. Flash’ın ağır yapısı, sayfaların yüklenme hızına olan etkisi ve en önemlisi kullanıcıların güç tüketim oranları üzerindeki olumsuz etkisi Flash’ı gözden düşen teknoloji haline getiriyor. HTML5 ise Flash’ın tüm bu dezavantajlarını birer avantaja çevirebilme potansiyeline sahip. Tüm bu avantajları göz önüne aldığımızda Google’ın HTML 5’i Flash’ın yerine tahin edecek olması birçok geliştirici ve internet kullanıcısının onayını almış durumda. Google Chrome, Flash’ın ipini yavaş yavaş çekmeyecek ve işi tek seferde bitirecek. Önce Chrome 53 ile birlikte Flash sayfalar engellenmeye ve konudan habersiz kullanıcılar

Firefox'dan Sonra Google Chrome'da Flash'ın Fişini Çekiyor!

Tarih: 16 Mayıs 2016   Kategori: Yazılım   Yazar: Being  |  2178 kez okundu
Firefox'dan Sonra Google Chrome'da Flash'ın Fişini Çekiyor!
2015’in son çeyreğine giriş yaparken Flash’ın fişini ilk çeken internet tarayıcısı Mozilla olmuştu. Bugün Google’ın topluluk grubunda yapılan bir açıklamaya göreyse çok yakında aynı şekilde Google Chrome’da Flash’a el sallayan internet tarayıcılarının arasındaki yerini alacak. Flash desteğinin internet tarayıcısından kaldırılmasıysa 2016’nın son çeyreğini bulacak. Bildiğiniz gibi Flash, tarihi açıdan bakıldığında internette zengin medya kaynaklarının kullanılabilmesi konusunda oldukça önemli bir girişimdi. Fakat günümüzde mobil cihazlarda yaşanan sorunlar ve güvenlik riskleri nedeniyle başta Apple olmak üzere tüm firmalar Flash’ın karşıtı haline gelmiş durumda. Apple’ın iOS cihazlarında kullanılan internet tarayıcısı Safari ise zaten çok uzun bir süredir Flash’i kabul etmeyerek geliştiricileri HTML5’e yönlendiriyor. Şimdiyse aynı tutumu Google’da sergileyecek ve tüm geliştiricilerin HTML5’e geçişini bu radikal kararlarıyla birlikte hızlandırmış olacak. HTML5’in Flash’a karşı

Webmaster Yetiştiren Hapishane

Tarih: 28 Ekim 2015   Kategori: Programlama   Yazar: Kaan  |  3360 kez okundu
Webmaster Yetiştiren Hapishane
Amerika’nın kuzeyinde, Silikon Vadisine 35 kilometre uzaklıkta, California eyaletinde bulunan San Quentin hapishanesindeki mahkumlar, 2014 yılından beri HTML, JavaScript, CSS ve Pyhton eğitimi alıyorlar. Code7370 adı verilen bu programla, teknolojiye meraklı ve istekli olan mahkumlara haftanın belirli günleri hazırlanan sınıflarda bu eğitimler veriliyor. İnternet kullanımının yasak olduğu hapishanede mahkumlar, hiç bir internet yardımı almadan, sadece eğitmenler ve kitaplar araçılığı ile kodlamayı öğreniyorlar. Böylece internetten bulunan  hazır fonksiyoları taklit etmeden, tamamen kendi mantıkları ve bilgileri dahilinde sonuca ulaşıyorlar. California eyaleti bu program için yılda 60 bin dolar harcıyor. Her yıl 200 katılımcı bu programa başvuruyor ve içlerinden 23 tanesi programa katılmaya hak kazanıyor. Girşimici Chirs Redlitz, konuşma yapmaya gitiiği bir günde, mahkumlardan birinin iş ile ilgili bilgisi ve

Bu Defa Mac Kullanıcıları İçin: MacOS Kod Editörleri

Tarih: 05 Ekim 2015   Kategori: Yazılım   Yazar: Kaan  |  3309 kez okundu
Bu Defa Mac Kullanıcıları İçin: MacOS Kod Editörleri
Web siteleri geliştiren herkes, ekranında sade, kullanışlı ve hemen hemen tüm formatları destekleyen bir yazı editör kullanmak ister. Kusursuz bir editör kullanmak, hem verimi arttırır, hem de kodlama performansını yükseltir. Tabi bu tarz kullanımlar için belli bir bedel ödemek gerekir. Fakat bu yazımda sizlere, benim de tercih ettiğim ve denediğim ücretsiz olarak kullanılabilen üç farklı yazı editöründen bahsedeceğim.   Brackets, görünüm olarak sade ve modern arayüze sahip bir editör. Hizmet, Adobe firması tarafından kullanıcılara açık kaynak kodlu olarak sunulmuştur. MacOS ve Windows platformalarında, ücretsiz olarak kullanılmaktadır. Altyapısı HTML, CSS ve JavaScript üzerine kuruludur. Detaylı olarak editör özelliklerini öğrenmek ve denemek için http://brackets.io/ adresini ziyaret edebilirsiniz. Brackets İndir   CotEditor,
FacebookTwitterGoogle+YoutubeInstagramPinterest

E-Posta Aboneliği

Yeni yazılar için takipte kalın!

WM Aracı Maskotu Boa WM Aracı © 2010 - 2018
Bir Boğa Bilişim markası.
Cesur.NETWM Aracı Cesur.NET İnternet Teknolojileri'nde güvenle barınmaktadır.