Giriş Yap / Kayıt Ol

CSS

WM Aracı Blog RSS

Zahmetsizce, ATARI’den Fırlamış Gibi Görünen Siteler Tasarlayın!

Tarih: 29 Kasım 2018   Kategori: Yazılım   Yazar: Being  |  1728 kez okundu
Zahmetsizce, ATARI’den Fırlamış Gibi Görünen Siteler Tasarlayın!
90’lı neslin başını döndüren, ATARI salonu sahiplerini köşe eden, şu susamlı grafikleri hatırlıyor musunuz? O grafikler eskiyeli çok oldu… Her geçen yıl biraz daha eskimelerine rağmen pikselize tasarımlar hala modern tasarım dünyasından demir almış değil. Tam aksine, onlar artık retro tasarımın kuyruk sokumu!. Onlar Pixel Art! (Piksel Sanatı) İnternette amaçlı amaçsız sörf yaparken, bazen ATARI oyunlarının grafikleri gibi tasarlanmış internet sitelerine denk geliyorsunuzdur. İnsanda bi’ hoş duygular uyandıran bu internet siteleri “retro” tasarım trendinin bir ürünü olurken aynı zamanda Pixel Art’ın da bir türü. Eğer bu tarz internet siteleri hoşunuza gidiyor ve siz de bunlardan birini nasıl yapacağınızı kara kara düşünüyorsanız çareniz burada! Açık kaynak gönüllüsü ve ergenliğini ATARI salonlarında tüketen bir geliştirici, zahmetsizce ATARI’den fırlamış gibi görünen siteler yapabileceğiniz, muhteşem bir CSS kütüphanesi geliştirmiş: NES.CSS! NES.CSS ile ATARI

CSS’in En Zor Dillerden Biri Olduğunun 5 Kanıtı

Tarih: 08 Haziran 2018   Kategori: Tasarım   Yazar: Being  |  3587 kez okundu
CSS’in En Zor Dillerden Biri Olduğunun 5 Kanıtı
CSS’i adam yerine koymayabilirsiniz. Onu bir dil olarak kabul etmeyebilir, zaman zaman kendisini aşağılamak suretiyle örseleyebilirsiniz bile. HTML, PHP ve JavaScript gibi büyükler dururken CSS hangi kapının köpeği oluyor, değil mi ama? Web projelerinin kuyruk sokumu olmasına rağmen CSS’e hak ettiği değeri asla vermedik. “CSS de dil mi yaaa?” diyerek, onun diğer dillerin mevcudiyetini hiyanet saydık. Tüm bunları yaparken gözden kaçırdığımız detaylarla CSS’in en zor dillerden biri olabileceği gerçeğini atladık. “CSS” ve “zor dil olmak” size aynı cümle içinde pek tutarlı görünmüyorsa, 5 kapı gibi nedenden sonra görüneceğine eminiz: 01. Hata raporu olmayan dil Tüm web dilleri belli başlı kurallara göre yazılır. Her kafanızın estiği yere virgül kondurur gibi bir komut konduramazsınız. CSS için de kurallı bir yapı takip etmeniz elzemdir. Yeri geldiğinde selector’ün adını belirlemeniz, sonra en süslüsüden bir parantez kondurmanız gerekir. Ardından değerlerinizi yazıp bir ters

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

Tarih: 11 Mayıs 2018   Kategori: Tasarım   Yazar: Being  |  6955 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  |  4380 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

Web Tasarımcıların Harika Mizah Anlayışını Ortaya Koyan 18 CSS Kodu

Tarih: 23 Mayıs 2017   Kategori: Webmaster   Yazar: Being  |  4316 kez okundu
Web Tasarımcıların Harika Mizah Anlayışını Ortaya Koyan 18 CSS Kodu
Web tasarım işine vaktiyle kenarından köşesinden merak sarmış, bu mesleğin tamamen cilvelerden ibaret olduğunu görünce arkama bakmadan kaçmıştım. Müşterilerin bitmeyen istekleri, bir tık sağa ve sola kayıp duran logolar, vaktinde gelmeyen ödemeler, bi site yapsak’cılar ve ülkemizdeki tüm boş tarım arazilerinde developer’ın gelişmesi gibi dezavantajlar bu mesleğe gönül verenleri bekliyor. Tahminimce geliştiriciler bu olumsuzluklardan evrensel olarak o denli sıkılmış ki, zamanla sadece kendi dillerinden anlayan insanların anlayabileceği harika bir mizah kültürü ortaya çıkmış. CSS kodlarıyla yapılan betimlemeler de bunların başını çekiyor. Eğer siz de bir web tasarımcıysanız ya da çattırı pattırı CSS biliyorsanız, işte web tasarımcıların harika mizah anlayışını ortaya koyan CSS satırları; 1- %99 Kulubüne hoş geldin 2- Evliliğin birinci kuralı 3- Ninajaları neden mi göremiyoruz? 4- Düyanın en basit hayaleti 5- Eminem Konuşurken 6- Kim’inki daha

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

Tarih: 06 Mayıs 2017   Kategori: Programlama   Yazar: Kaan  |  7455 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

Web Sitenize Emoji Desteği Kazandırın; Emoji CSS

Tarih: 21 Aralık 2016   Kategori: Tasarım   Yazar: Being  |  4186 kez okundu
Web Sitenize Emoji Desteği Kazandırın; Emoji CSS
Emojiler dijital dünya iletişimini tümüyle kontrolü altına alan bambaşka bir kültür patlaması! Artık onları gündelik yaşantımızın birçok aşamasında masaüstü cihazlarımızdan, mobil cihazlarımıza ve mobil cihazlarımızdan, WordPress’e kadar her yerde kullanıyoruz.  Eğer siz de emojilerin artık her web sitesinde mutlaka yer alması gerektiğini düşünenlerdenseniz, sizin için hazırlanmış oldukça etkili, açık kaynaklı ve ücretsiz bir Emoji CSS kütüphanesi var; Emoji CSS… Emoji CSS, arka plana uyum sağlayan PNG formatında görsellerden meydana gelen ve retina ekranlara kadar tüm ekranlarda uyumlu olarak kullanabileceğiniz bir Emoji CSS kütüphanesi. Kütüphanenin içindeki tüm dosyalar GitHub projesinde barındırılıyor, bu da sizi ekstradan kaynak yükünden kurtarıyor.  CSS olarak HTML sayfanıza emoji kütüphanesi tanımladıktan sonra <i class="em em-100”></i> gibi örnek kodlarla istediğiniz emojiyi kolayca ekrana yazdırabiliyorsunuz. Şuan kütüphanenin içerisinde

Fotoğraflarınıza CSS ile Instagram Efektleri Verin

Tarih: 19 Ekim 2016   Kategori: Tasarım   Yazar: Being  |  3172 kez okundu
Fotoğraflarınıza CSS ile Instagram Efektleri Verin
Blogunuzda veya sitenizde Instagram filtresi uygulanmış görsel dosyaları görmek ister miydiniz? Üstelik bunların hiç birini el ile uğraşmadan CSS ile birlikte yapabileceğinizi söylesek? Tüm bu efekt muhabbeti dikkatinizi çekmeyi başardıysa o halde bugün tanıtacağımız araç tam olarak sizin için geliştirilmiş diyebiliriz... Bundan yıllar önce görsel dosyalara Instagram efekti vermek istesek bunun için muhtemelen JavaScript’den faydalanmamız gerekecekti. Oysa bugün temel seviyede HTML ve CSS kodlarını kullanarak da istediğimiz fotoğrafları Instagram tarzında filtreleyebilmemiz mümkün. Görsel dosyalarımızda Instagram efektleri havası estirmek için gerekli kodları alabileceğimiz site CSSFilters adında, sadece CSS filtre kodları için çıktıları sağlayan bir web uygulaması sitesi. Filtreler konusunda kendisi oldukça detaylı olabilir ancak gözünüzü korkutmaya gerek yok. Çünkü CSSFilters ile yapacağınız özelleştirme işlemleri sadece kopyala ve yapıştır yapmaktan ibaret

Webmaster ve Geliştiriciler için Google Chrome Eklentileri

Tarih: 06 Mayıs 2016   Kategori: Webmaster   Yazar: Being  |  6266 kez okundu
Webmaster ve Geliştiriciler için Google Chrome Eklentileri
Google Chrome, en çok kullanılan internet tarayıcısı olmasının yanı sıra geliştiriciler tarafından en çok tercih edilen ve eklentilerle kolayca özelleştirebileceğimiz bir internet tarayıcı. Webmaster veya geliştirici olarak paylaşacağımız eklentilerle Google Chrome’u standart formundan uzaklaştırıp yükünüzü en aza indiren gelişmiş bir internet tarayıcısına çevirebilirsiniz;   SEO for Chrome Chrome SEO, şimdiye kadar geliştirilmiş eklentilerin içinde hem en detaylısı hem de Webmaster’ların ihtiyaç duyabileceği tüm verileri sunan gelişmiş bir Google Chrome eklentisi. İstediğiniz web sitesinin tüm detaylarını size sunabilme yeteneğine sahip olan eklenti, anahtar kelime araştırma aracı, backlink ve pagerank başta olmak üzere sitenin lokasyonuna kadar tüm verileri size sunarak SEO keşfinde en yakın yardımcılarınızdan biri oluyor. Üstelik SEO for Chrome ile her şey tek tık kadar uzakta. SEO for Chrome’u İndirmek için Tıklayınız Webmaster Sitebox Basit ve etkili Google

Webmaster Yetiştiren Hapishane

Tarih: 28 Ekim 2015   Kategori: Programlama   Yazar: Kaan  |  3331 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
Sayfa 1 : 212
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.