«css» etiketlenmiş sorular

Bir web geliştiricisi olarak hem ön uç hem de arka uç mimar olarak, pek çok farklı tasarımcıyla çalışıyorum ve bazen tasarımı temel CSS ve HTML'de nasıl başarılacağına dair hiçbir düşüncenin bulunmadığı tasarım kompozisyonlarıyla çalışmak sinir bozucu buluyorum. Diğer taraftan, geliştirici olarak herhangi bir tasarımdan kod üretebileceğimi umuyorum. Web tasarımcılarının temel …

31 website-design  css  designers 

Buraya, aşağıdakileri nasıl geliştirebileceğime dair bir miktar tasarım yardımı veya tavsiye almaya geldim: Başlığın dediği gibi, farklı görüntülerde arka plan olarak görüntülenen birden fazla metin içeren bir web sitesi banner'ım var. Şimdi, görüntülerin çoğu karanlık olduğundan, yazı tipi rengini beyaz olarak ayarlıyorum. Ancak o zaman bile, metnin bir kısmı aşağıdaki …

30 website-design  color  text  images  css 

Inkscape kullanarak özel bir Facebook simgesi yarattım ve onu svg olarak kaydettim. Bir CSS dosyasında .woff olarak adlandırdığım "ubuntutitling-bold-webfont" yazı tipini kullanan sayfamın başlığıyla aynı yazı tipini kullanır. Başlık çalışıyor, ancak svg çalışmıyor - bir sıralama varsayılan yazı tipinde "f" yi gösteriyor. Yazı tipi dosyası, CSS ve görüntü dosyasına göreceli …

28 css  svg  web-fonts 

Illustrator'da birkaç çizime sahibim ve üzerinde çalıştığım bir web sitesi için canlandırmayı planlıyorum , flash ile birlikte Create.js araç setini duydum , ancak gitmenin en iyi yolu mu yoksa başka bir tane mi var " daha iyi "yapmanın yolu? İşte hedeflediğim türden animasyonlara bir örnek: http://kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/

27 website-design  css  animation  illustration  adobe-flash 

Not, bu tasarım geliştirme ile ilgili çok daha fazla. Tamamen elle yazılmış CSS ve HTML ile siteleri sıfırdan inşa ediyorum. Bootstrap veya HTML5 Boilerplate gibi css şablonlarını bir süredir önceden biliyorum . Geçmişte onlara kısaca baktım ama aslında hiçbir şey için onları kullanmaya hiç başlamadım. CSS’yi sıfırlama veya gerektiğinde javascript …

27 website-design  css  website-templates  html 

Illustrator'da her yol için bir CSS sınıfı belirtebileceğiniz SVG dosyalarını düzenlemenin bir yolu var mı? Illustrator'da zaten katman adına gerçek bir ad verirseniz, Illustrator uygulamasının bu adı yolun kimliği olarak kullanacağını biliyorum; bu simgeyi aynı sayfada birden çok kez yeniden kullanmayı planlamıyorsanız sorun değil. Mevcut geçici çözümüm yalnızca IDs yöntemini …

21 adobe-illustrator  css  svg 

Bunun muhtemelen bir noob sorusu olduğunu görüyorum, ama gerçekten beni karıştırıyor. Google Materyal Tasarımı dokümanlarını ve css'deki bazı uygulamalarını okuyorum. dpCss kodları kullanılırken şartname Android'lerde yazılmıştırpx bir uzunluk birimi olarak . Beni şaşırtan şey, css uygulamalarının genellikle spesifikasyondaki tam değeri kullanmasıdır, örneğin bir tostun olması gerekir : Tek satırlı snackbar …

17 css  android 

Web tasarımlı bir PSD'm var. Tasarımı her değiştirdiğimde, görüntünün farklı bölümlerini (saydamlık için) CSS spritelarına manuel olarak kopyalamam gerekiyor. Bu ne kadar otomatikleştirilebilir?

14 adobe-photoshop  export  css  sprite 

Tam olarak bunu yapan bir komut dosyası buldum (katmanlar için CSS ve HTML üretir ve% değerlerinde dışa aktarma seçeneği sunar) ve Photoshop için web-dev için işi yarıya indirir. Şimdi kimse bir eklenti ile karşılaşıp / olup olmadığını merak ediyorum ya da Sketch uygulaması için beni böyle bir özellik gösterebilir. Böyle …

13 css  html  sketch-app  plugin 

Birçok tasarımcının Photoshop'ta güzel web tasarım çalışmaları oluşturduğunu görüyorum, ancak şimdi CSS3'ün gelişiyle, bunu HTML ve CSS olarak değiştirmek istediklerinde, sıfırdan başlayıp CSS3 kullanarak son tasarımın yaklaşık% 80'ini oluşturuyorlar. Örneğin, Photoshop'ta oluşturduklarını elde etmek için kenar yarıçapı, opaklık, arka plan gradyanı, kutu gölgesi ve metin gölgesi ve diğer CSS3 kurallarını …

13 adobe-photoshop  website-design  css 

Etkili bu oluşturmak için bir arka plan görüntüsü (veya herhangi bir görüntü tabanlı çözüm) kullanmaktan kaçınmaya çalışıyorum: Not: kırmızı ok sadece söz konusu sınırı işaret ediyor. Ok cevabınıza dahil edilmemelidir. Bu düzensiz şekilli kenarlığı saf CSS ile nasıl oluşturabilirim (görüntü yok)? Görüntüler kaçınılmazsa, en kısa ve okunabilir cevap kaldırılır ve …

12 css  borders 

CSS3'ün metin süsleme modülü, alt çizginin tüm metnin altına konumlandırılıp konumlandırılmayacağını belirten bir metin alt çizgi konumu özelliği içerir : veya taban çizgisinin hemen altında, metin inişleriyle çakışmasına izin verin: Tamam, hepimiz alt çizginin sadece son çare olarak nasıl kullanılması gerektiğini biliyoruz, ama… eğer kullanacaksanız, bunu yapmanın en yaygın yolu …

12 typography  css 

Ben e-posta izler-- içinde (görüntüleme) görüntüleri yarattığı sorunlar açısından bu forumunda bir kaç yararlı konuları buldum burada hala iyi bir çözüm olduğunu web üzerinden tüm, ama bulamadı Araştırılan sonra, örneğin ben ettik için, sorunu yeterince ele alıyor. Bir müşterim, şirketin logosunun e-postalarının imzasına dahil edilmesini ister ve karşılaştığım sorunlar aşağıdaki …

11 css  image-quality  html  retina 

Bir web sitesi için kaç yazı tipi boyutu kullanabileceğinizi bilmek istiyorum. Birisi bana 3'ten fazla farklı yazı tipi boyutu kullanmamanın daha iyi olduğunu söyledi (örneğin, başlık için 16 piksel, metin için 11 piksel ve daha küçük başlıklar için 13 piksel). Web sayfası başına 3'ten fazla yazı tipi boyutu kullanmak iyi …

11 website-design  typography  css 

Bootstrap harika bir çerçevedir ve size bootstrap html kodunu oluştururken html bileşenlerini sürükleme, yeniden boyutlandırma ve taşıma, renkleri değiştirme olanağı veren bir araç olup olmadığını bilmek istiyorum. Dreamweaver'ı kullanmak istemiyorum çünkü html'ye sınıflar ve kimlikler eklemeniz gerekiyor, bu da bazen acı olabilir.

11 website-design  css  html