Giriş Yap / Kayıt Ol

Web Tasarım

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  |  1123 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

Web Tasarım Sektörü için Heykeli Dikilesi 7 Kişi

Tarih: 03 Temmuz 2018   Kategori: Webmaster   Yazar: Being  |  2905 kez okundu
Web Tasarım Sektörü için Heykeli Dikilesi 7 Kişi
Bazen mızmızlanıp sızlansak da web teknolojilerinin hayatımıza getirdiklerini seviyoruz. Tıpkı Roma İmparatorluğu gibi Web tasarım sektörü de bir günde kurulmadı. Gerçek dünyaya sanal çözümler üreten mucize teknolojinin gelişmesi için farklı dönemlerde farklı Jül Sezar’lar sahneye çıktı. Her biri, getirdikleriyle web tasarım sektörüne şekil verdi ve onun sonraki aşamaya devşirilmesine yardımcı oldu. Bugün, web teknolojilerinin bize sunduğu tüm konfor için bu teknolojilerin oluşmasında payı olan sayısız isim var. Ama bazıları var ki, şüphesiz bunlar modern internet deneyiminin oluşmasından, bizim webmaster olma sürecimize kadar birçok şeye sebep oldular. Unutmamalıyız ki tarih sadece savaşlarla yazılmaz, işte savaş yerine kodlarını kullanarak tarihi tekrar yazanlar: 01. Tim Berners-Lee Tim Berners-Lee hepinize bir yerden tanıdık geliyor olabilir. Bir mühendis ve bilgisayar bilimcisi olan Tim Berners-Lee, 1990’lı yılların başında CERN’de çalışırken HTML’in geliştirilmesi

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

Tarih: 04 Mayıs 2018   Kategori: Tasarım   Yazar: Being  |  4283 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

Yeni Projeniz için “Hangi Rengi Kullansam?” Derdine Derman Olan Servis: Ambiance

Tarih: 16 Ocak 2018   Kategori: Tasarım   Yazar: Being  |  3117 kez okundu
Yeni Projeniz için “Hangi Rengi Kullansam?” Derdine Derman Olan Servis: Ambiance
Renklerin önemli olduğunu biliyoruz. Hatta renk seçimimizin bir projenin kaderini değiştirebileceğini de biliyoruz. Gel gelelim hangi renk paletini kullanmamız gerektiğine karar verirken çıkmaz sokağa dalıyoruz. Kendi projelerimiz için renk seçimi yaparken daha özgür davranabiliyoruz. Bu bize gönlümüze yatan rengi takip etme şansı sunuyor. Arayüz tasarımcısı veya grafik tasarımcısı olduğunuzda ise kendinizi ve ürettiklerinizi taze tutmak için renk seçimini iyice kıvırmanız ve çok fazla kombinasyon gerekiyor. En iyi renk kombinasyonunu deneme ve yanılma yönteminin dışında başka bir yöntemle keşfetmek sizin için sorun olmayacaksa Ambiance’ı kullanarak ihtiyacınız olan renk paletlerini zahmetsizce keşfedebilirsiniz. Ambiance, COLORlovers’ın API’sini kullanarak otomatikleştirilmiş renk paletleri tavsiyesinde bulunuyor. İşlevsel bir web uygulaması olan Ambiance’ın, sol taraftaki yenileme butonunu kullandığınızda farklı renk paletlerini karşınıza getiriyor. Paletlerin hemen üzerinden HEX
Web Tasarımcılar ve Yazılımcılar için Geliştirilmiş 14 Muhteşem Açık Kaynaklı Proje
Tüm insanlık olarak bir şeyi çok seviyoruz; sahip olmak. Sahip olmaktan daha çok sevdiğimiz şey varsa o da bir şeylere ücretsiz olarak sahip olmak. Etrafta onlarca ücretli alternatifi varken işinizi gören ücretsiz bir şeye sahip olmak harika bir duygu. Webmaster olarak bu duyguyu açık kaynaklı yazılımların nimetlerinden faydalanarak kapatıyoruz. WordPress, PHP ve daha nice açık kaynaklı proje bizleri ödeme yapmaktan ve gelir peşindeki ticari kuruluşların damarlı fiyatlardan koruyor. Sektörünen çok popüler açık kaynaklı projelerini zaten hepimiz biliyoruz. Bir de kenarda köşede kalmış veya adını duymuş olmasına rağmen insanların keşfetmediği açık kaynaklı işler var. İşte o en iyi 14 açık kaynaklı proje bu listede siz bekliyor. 1- Atom Atom en sevilen metin editörlerinden biri. İnsanların Atom aşkına düşmesinin nedeni ise Atom’un çekirdeğinin ve kaynak kodunun açık kaynaklı olması. Atom’u kendi ihtiyaçlarınıza göre evirebilir, çevirebilir, amuda bile

Uzay Temalı ve İlham Veren 18 Tasarım Harikası İnternet Sitesi

Tarih: 17 Kasım 2017   Kategori: İnternet   Yazar: Being  |  3622 kez okundu
Uzay Temalı ve İlham Veren 18 Tasarım Harikası İnternet Sitesi
Bir çoğumuz Flash’ı ardımızda bırakmamızla birlikte bizi şaşırtan kreatif aksiyonlu internet sitelerinin sayısının azalmaya başladığını fark etmişizdir. Flash ideal bir ortam değildi, internet sitelerinin yüklenene kadar tıraşlı yüzümüzde top sakal çıkıyordu fakat etkileyici oldukları kesindi. Flash’ın helvasını çoktan yedik. İnternetin lebi deryasında ise hala bizi şaşırtacak kadar güzel tasarlanmış internet siteleri var. Etkileyici güzelliği ve insanlık için hala bir sır perdesi olması nedeniyle uzay konsepti tasarımcılar tarafından sıkça benimseniyor. Üstelik Flash ile birlikte öldüğünü sandığımız o kreatif internet sitesi oluşturma modası uzay temalı internet siteleri arasında hala oldukça popüler. İşte onların arasından görülmeye değer en iyi 20 internet sitesi: 1- Alessio Santangelo Alessio Santangelo bizden biri. O da bir Webmaster ve Front-End Developer. Hünerini sonuna kadar sergileme işine önce kendi portföy sitesinden başlamış. Alessio’nun sitesi giriş

Mozilla Thimble: HTML, CSS & JavaScript’i Uygulamalı Olarak Mozilla’dan Öğrenin

Tarih: 20 Haziran 2017   Kategori: Programlama   Yazar: Being  |  2521 kez okundu
Mozilla Thimble: HTML, CSS & JavaScript’i Uygulamalı Olarak Mozilla’dan Öğrenin
Henüz web programlamaya giriş yapmak isteyen çaylak bir Webmaster adayıysanız, Mozilla’nın size harika bir hediyesi var; Mozilla Thimble. Front-end veya back-end çalışmalar gerçekleştirecek olmanız fark etmeksizin, bir programlama dilini öğrenmeden önce üç büyükleri yani; HTML, CSS ve JavaScript’i öğrenmeniz gerekiyor. Mozilla, Thimble adını verdiği projesiyle büyük üçlüyü eğlenceli, uygulamalı ve ücretsiz olarak öğrenmenize yardımcı olmak istiyor. Aslında Mozilla Thimble yeni bir servis değil. Şirket ilk defa Mozilla Learn projesi altında 5 yıl kadar önce Thimble’ı projeleştirmişti. Geçtiğimiz aylarda getirilen büyük güncelleme sonrası Mozilla Thimble servisi hiç olmadığı kadar efektif hale getirildi. Mozilla Thimble Uygulamalı Öğrenimi Vaat Ediyor Bilenler için HTML, CSS & JavaScript artık çocuk oyuncağı. Oysa her gün her yaştan geliştirici internet sayfası ve web yazılımları geliştirmeye merak sarıyor. Web yazılım dünyasına giriş yapanlar en çok öğrendiklerini uygulama

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

Tarih: 23 Mayıs 2017   Kategori: Webmaster   Yazar: Being  |  4244 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

Type Nugget: Fontlarınızı Test Etmeye Yardımcı Olan Site

Tarih: 14 Kasım 2016   Kategori: Tasarım   Yazar: Being  |  1115 kez okundu
Type Nugget: Fontlarınızı Test Etmeye Yardımcı Olan Site
Bir web sitesi tasarlamak veya WordPress temalarını özelleştirerek kendi istediğiniz görünümü yakalamak artık her zaman olduğundan daha kolay. CSS3’ün nimetleri sayesinde neredeyse hiç uğraşmadan web sitemizin tipografisi üzerinde istediğimiz değişiklikleri yapabiliyor ve web sitemizi bir bütün haline getirebiliyoruz. Siz ne düşünüyorsunuz bilmiyorum ancak bence bir web sitesinin tasarımındaki en önemli unsurlardan biri yazı fontu sanatının doğru şekilde kullanılabilmesidir. Web sitesinin ruhuyla örtüşen fontlar kullanmak tasarımın çizgilerini ön plana çıkarmaya yardımcı olduğu gibi aynı zamanda okura da o havayı başarılı şekilde yansıtabiliyor. Mesela, takip ettiğim bloglarda genellikle blog sahiplerinin okumayı kolaylaştıracak fontlar seçtiğini görüyorum ki, şahsen bu bir yazının okunup okunmaması konusunda oldukça önemli bir kıstas. İçerik ne kadar kaliteli olursa olsun fontlarınız patates salatasının içindeki biber turşusu gibi duruyorsa o içerik kaybetmeye mahkumdur

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

Tarih: 19 Ekim 2016   Kategori: Tasarım   Yazar: Being  |  3081 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
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.