Dec 4, 2017

Feyizli Linkler ✨ #18

By Adem ilter • Issue #9 • View online

“Ya bir hafta ara verdik, ne arayan var ne soran! ne hayırsız insanlarsınız” diye girmek istemiyorum bültene :p

Herkese iyi haftalar diyerek, özenle seçilmiş linklerle sizi başbaşa bırakıyorum.

Frontend

Artık flexbox öğrendiğimize göre, grid olayına girebiliriz diye düşünüyorum. Grid, css'e inanılmaz bir yetenek kazandırdı ve bu yetenekli özelliği öğrenmek için geç kalmayın derim. Bu eğitim serisi tamamen ücretsiz ve her detaya ince ince değiniyor. Üstelik bu eğitimi onlarca konferansta layout ve gird hakkında sunumlar yapan Rachel abla anlatıyor. Yani bu eğitim için css grid'in membağı diyebiliriz.

gridbyexample.com • Share

imaskjs

Herhangi bir kütüphaneye bağımlı olmayan, input mask eklentisi. Gayet temiz ve ufak boyutta olmasından mütevellit beni kazandı.

github.com • Share

flatpickr

Yine kütüphane bağımlılığı olmayan datetime picker eklentisi. Sayfasında react, vue, angular için yazılmış komponentlere ulaşabilirisiniz.

github.com • Share

Font-display playground

Font-face kullanıldığı durumlarda, sayfa yüklenme aşamasındaki yaşanan performans sıkıntılarına çözüm olarak gelen font-display özelliğinin nasıl çalıştığını anlatan güzel bir yazı. Henüz sadece chrome destek veriyor.

font-display.glitch.me • Share

Flexible Overflow

Esnek kutularda, genişleme ve daralma durumları için içeriği uygun şekilde nasıl gösterilire güzel örnekler mevcut. Kesinlikle göz atmanızda fayda var.

kizu.ru • Share

must-watch-javascript

Bu listede, şiddetle izlenmesi gereken javascript sunum videolarını toparlamışlar. Göz attım gerçekten çok iyi sunumlar var. Bunun bir de “kesin izlenmesi gereken css videoları” listesi de var.

github.com • Share

simple-react-todo-app-with-api

React olayına hakim olmak ve giriş yapmak için basit bir todo uygulaması yaptım. Aynı zamanda api ile konuşan. Benim gibi ilk defa bakacak olanlar için yardımcı olabilir. Bunun bir de state yöneteni yani redux versiyonunu yapmayı düşünüyorum.

github.com • Share

A Pinterest Progressive Web App Performance Case Study

Pinterest'in yeni web-mobil sitesinde yapılan performans iyileştirmelerini konu alan aşırı feyizli bir yazı. Addy Osmani yazar da feyiz alınmaz mı.

medium.com • Share

Design

Kullanıcı Deneyimi Tasarımcılarının Bilmesi Gereken 25 Teknik Terim

Başlık her şeyi anlatıyor diyor geçiyorum

medium.com • Share

Design Systems Handbook

Bir çok ui ve ux tasarımcının katkı sağladığı, içeriği dolu dolu tasarımcının el kitabı. El kitabı diyince basit gelmesin, dolu dolu bir başucu kaynağı olmuş. Sadece tasarımcılar için değil, ekipte tasarım sistemini oturtmak açısından okunup, uygulanası yol haritası.

www.designbetter.co • Share

Topluluk