Запитання з тегом «css»

Як веб-розробник, як архітектор переднього та заднього кінців, я працюю з багатьма різними дизайнерами, і іноді мені стає неприємно працювати з дизайнерськими компіляторами, де не було думки про те, як досягти дизайну в базових CSS та HTML. З іншого боку, як розробник, я, як очікується, зможе створити код з будь-якого …

31 website-design  css  designers 

Я прийшов сюди, шукаючи трохи дизайнерської допомоги чи поради щодо того, як я міг би покращити наступне: Як говориться в заголовку, у мене є банер веб-сайту з декількома текстами, що відображаються на різних зображеннях як фони. Тепер, оскільки більшість зображень темні, я встановив колір шрифту як білий. Але навіть тоді …

30 website-design  color  text  images  css 

Я створив власну піктограму Facebook за допомогою Inkscape і зберег її як svg. Він використовує той самий шрифт, що і назва моєї сторінки, в якому використовується шрифт "ubuntutitling-bold-webfont", на який я посилався як .woff у файлі CSS. Заголовок функціонує, але svg - ні, він відображає "f" в якомусь шрифті за …

28 css  svg  web-fonts 

У мене є кілька ілюстрацій, зроблених в Illustrator, і я планую анімувати її для веб-сайту, над яким я працюю, я чув про інструментарій Create.js зі спалахом, але це найкращий спосіб перейти чи є інший " кращий "спосіб це зробити? Ось приклад типу анімації, на яку я прагну: http://kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/

27 website-design  css  animation  illustration  adobe-flash 

Зауважте, мова йде про дизайн набагато більше, ніж про розробку. Я будую сайти з нуля за допомогою повністю написаних рукою CSS та HTML. Я знав про шаблони css для попередньої збірки, такі як Bootstrap або HTML5 Boilerplate . Я їх коротко переглянув у минулому, але ніколи не стрибав, використовуючи їх …

27 website-design  css  website-templates  html 

Чи є спосіб редагування файлів SVG в Illustrator, де ви можете вказати клас CSS для кожного шляху? Я вже знаю в Illustrator, що якщо ви дасте імені шару фактичне ім'я, Illustrator використовуватиме це ім'я як ідентифікатор шляху, що добре, якщо ви не плануєте повторно використовувати піктограму на одній сторінці. Моє …

21 adobe-illustrator  css  svg 

Я бачу, що це, мабуть, питання noob, але це мене справді бентежить. Я читаю документи з Google Material Design, а також деякі його реалізації в css. Специфікація написана в Android dp, тоді як css-коди використовуються pxяк одиниця довжини. Що мене бентежить, що в css-реалізаціях часто використовується точне значення з специфікації, …

17 css  android 

У мене є PSD з веб-дизайном. Кожен раз, коли я підробляю дизайн, мені потрібно вручну копіювати різні ділянки зображення з різною видимістю шару (для прозорості) у спрати CSS. Скільки це може бути автоматизовано?

14 adobe-photoshop  export  css  sprite 

Я знайшов сценарій, який робить саме це (генерує CSS та HTML для шарів і пропонує опцію експорту цих у% значень) і скорочує роботу для веб-розробника навпіл для Photoshop. Зараз мені цікаво, чи хтось натрапив на плагін чи зможе вказати мені на подібну функцію для програми Sketch. Відсутність такого робить переклад …

13 css  html  sketch-app  plugin 

Я бачу, що багато дизайнерів створюють прекрасні роботи з веб-дизайну у Photoshop, але тепер з приходом CSS3, коли вони хочуть змінити це на HTML & CSS, вони просто починають з нуля і створюють щось близько 80% остаточного дизайну за допомогою CSS3. Наприклад, вони використовують радіус межі, непрозорість, градієнт фону, тінь …

13 adobe-photoshop  website-design  css 

Я намагаюся уникати використання фонового зображення (або будь-якого рішення на основі зображень) для ефективного створення цього: Примітка: червона стрілка просто вказує на відповідну кордон. Стрілка не повинна бути включена у вашу відповідь. Як я можу створити цю неправильну форму рамки за допомогою чистого CSS (без зображень)? Якщо образи неминучі, найкоротший …

12 css  borders 

Модуль оформлення тексту CSS3 включає властивість підкреслення тексту , яка визначає, чи слід підкреслення розташовувати під усім текстом: або трохи нижче базової лінії, що дозволяє йому зіткнутися з текстовими знижувачами: Гаразд, всі ми знаємо, як підкреслити слід використовувати лише в крайньому випадку, але ... якщо ви збираєтесь використовувати його, який …

12 typography  css 

Я знайшов пару корисних тем на цьому форумі щодо проблем, які виникають (відображення) зображень у підписах електронної пошти-- ось , наприклад, - і я шукав по всьому Інтернету, але все ще не знайшов хорошого рішення, яке достатньо вирішує проблему. Клієнту мого просто подобається, що логотип його компанії міститься в підписі …

11 css  image-quality  html  retina 

Я хотів би знати, скільки розмірів шрифту ви можете використовувати для веб-сайту. Хтось сказав мені, що краще не використовувати більше 3 різних розмірів шрифту (наприклад, 16 пікселів для заголовка, 11 пікселів для тексту та 13 пікс для менших заголовків). Корисна чи погана ідея використовувати більше 3 розмірів шрифту на веб-сторінці …

11 website-design  typography  css 

Bootstrap - це чудова рамка, і я хочу знати, чи є інструмент, який надає вам можливість перетягувати HTML-компоненти, повторно розміряти їх і переміщувати, змінюючи кольори, і все це створює HTML-код завантажувального завантажувача. Я не хочу використовувати Dreamweaver, тому що вам потрібно піти і додати до html-класів класи та ідентифікатори, що …

11 website-design  css  html