Подборка простых и удобных сайтов
Конечно же, всем без исключения нравятся красивые и впечатляющие дизайны. Но основным элементом его, все же, является контент, и каждый дизайнер должен относиться к этому с ответственностью. И тут появляются вопросы: где необходимо расположить контент, как облегчить к нему доступ, добиться четкой структуры и юзабельности в навигации, какие использовать цвета и шрифты. И сделать это надо так, чтобы все гармонировало и дополняло дизайн.
В этой подборке представлены 63 примера уже созданных элегантных, простых, удобных и юзабельных сайтов.
Эти сайты сочетают в себе гармонию цветов и шрифтов, обладают четкой структурой, доступны и легки в навигации для посетителя.
1. 31Three
2. North x East
3. Youtilize.com
4. Oaktree Creative
5. CodeIgniter
6. WebRevolutionary
7. Pop Labs
8. nPanorama.ru
9. Creative Binge
10. Designwise Studios
11. Mike McFarlane Landscape Photography
12. Pearsonified
13. BlogMinistry
14. html life
15. Infected-FX
16. Devlounge
17. Putput Comunicacions
18. Savana webhosting
19. Infekta
20. Stoodeo
21. Microsoft Corporation
22. Koder
23. Tappity: Mobile Homepage
24. WorkOne Central
25. Rifidi | Software Defined RFID
26. Pixel House
27. ~ VEDA ~ Healthy Indian Takeout & Eatery
28. Gaby Lopez
29. Versions — Mac Subversion Client
30. Ted Lermontov
31. Pozycjonowanie INHEAD Krakow
32. WorkHabit.org
33. Sonze
34. Corporate Image
35. Frazier Media
36. KellerAdv
37. Made by Cocoon
38. elan3.com
39. Erratic Wisdom
40. Design View / Andy Rutledge
41. Systima Technology
42. Eden Creative Communities
43. Pownce
44. Waggener Edstrom Worldwide
45. WallCandyArt
46. EMS | Matthew Soriano
47. Blues Sklep
48. plasq.com
49. sr28 Web Design
50. Warpspire
51. MacZone
52. The 5th Avenue Theatre
53. The Knowledge Well
54. Palm, Inc.
55. Dion.nu Design
56. FreeSwell Studios
57. Knoxville Life Church
58. Startup Search
59. Footnote
60. troovy
61. FF Maria Raisenmarkt
62. JoshLockhart.com
63. Made by Mark Dearman
Автор – smashingmagazine
Комментарии
Оставить ответ
Похожие статьи
Случайные статьи
www.dejurka.ru
Как сделать простой веб-сайт за один час / Habr
От переводчика: инструкция максимально простая, зато на неё можно ссылаться, если новички задают вопрос, как запустить свой сайт в интернете.Один из моих друзей пару месяцев твердил, что сделает сайт на весенних каникулах. Сейчас каникулы заканчиваются, а он так и не начал. Завтра его день рождения, и я решил как
В реальности, достаточно всего одного часа, чтобы сделать веб-сайт. Я это знаю, потому что засёк время, когда сам выполнял нижеследующие действия, и весь процесс занял чуть меньше часа (я даже зарегистрировал новый домен и создал новый аккаунт на Github для чистоты эксперимента). Код этого сайта тоже можно посмотреть на Github.
1. Идёте на namecheap.com и регистрируете домен. Этот шаг только в том случае, если нужно собственное доменное имя.
2. Создаёте аккаунт Github и скачиваете Git, если это ещё не сделано.
3. Создаёте директорию для размещения веб-сайта и перемещатесь туда командой mkdir my-site && cd my-site. Все будущие команды предполагают, что вы внутри рабочей директории.
4. Делаем новый репозиторий Github для сайта под названием yourusername.github.io. Например, я зарегистрирован под именем smilli, так что мой репозиторий называется smilli.github.io.
5. В рабочей директории запускаем git init и git remote add origin github.com/username/username.github.io.git, где вместо ‘username’ указываем свой имя пользователя.
6. Создаём файл ‘index.html’ в папке с сайтом с HTML-кодом главной страницы. Здесь необязательно тратить много времени, он может быть весьма лаконичным.
<html>
<head>
<title>YOUR SITE TITLE</title>
<-- Add some style to your site, see http://getbootstrap.com for details -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
<h2>YOUR SITE TITLE</h2>
<p>Your text blahblahbhalbha</p>
<p>Another paragraph! Maybe more text!</p>
</body>
</html>7. Пишем в коде главной страницы любой текст. Изменения отображаются локально командой
python -m SimpleHTTPServer 8000 и набором адреса localhost:8000 в браузере.8. Теперь запускаем следующие команды:
git add .
git commit -m "Initial commit"
git push -u origin master9. Идём на yourusername.github.io. Здесь вы должны увидеть свой сайт! Поздравляю, вы что-то опубликовали в онлайне.
10. Если хотите собственное доменное имя, создаёте файл ‘CNAME’ (всё прописными буквами). Туда добавляете одну строчку ‘’yourdomainname.com’ (без http или www). См. подробности конфигурации CNAME здесь.
11. Как и раньше, отправляем все изменения на Github.
git add .
git commit -m "Add CNAME"
git push12. Теперь авторизуетесь на namecheap.com и щёлкаете по доменному имени, которое нужно, в списке своих доменов. Список будет примерно таким:
После выбора домена, появится ссылка «All Host Records» в левой панели во вкладке «Host Management». Нажмите на неё. Теперь вы увидите настройки по умолчанию, которые Namecheap указал для вашего сайта.
Измените настройки следующим образом (заменив ‘username’ на своё имя пользователя, конечно).
13. После вступления в действие изменений в DNS вы сможете увидеть свой сайт на своём домене! Поздравляю. 🙂
habr.com
Самый простой способ создать сайт / Habr
Хотелось бы поделится собственным велосипедом.
Залогом успеха в любой профессии в наше время является максимальная оптимизация производственного процесса. Но есть вещи которые стали стандартом в определенной сфере. Работа с ними требует долгого изучения и продолжительной практики. Одной из таких слабых мест веб разработки является база данных. Сопровождение и администрирование вносит огромные накладные расходы тем временем в подавляющем большенстве проектов функционал баз данных остается не востребованным. Как привлекательно совместить простоту работы с файлами, гибкость и функционал реляционных баз данных. Как хочется свести создание резервной копии базы данных к простому копированию одного единственного файла.
В момент установки сайта время для него замирает. Большая часть сайтов никогда не обновится. Обновление программного обеспечения становится нетривиальным делом которое легче каждый раз откладывать, чем запустить обновление и неделю потратить на поиск ошибок обновления и обяснения заказчику причин простоя. Если код ядра или часть файлов были модифицированны в процессе работы обновление становится невозможным.
Простота установки, сопровождения и обновления сайта стала задачей нашей дальнейшей разработки. Сделать процесс запуска сайта простым даже для человека ничего не знающих о базах данных, портах подключения и паролей доступа. Свести обновление к копированию одного файла и созданию резервной копии до нажатиу кнопок копи паст.
Для решения поставленной задачи отлично подошли два решения. В качестве хранения данных была выбрана бд sqlite. Данная бд совмещает максимальную простоту эксплуатации и все плюсы полноценной базы данных.
Работу с файлами портальной системы удалось упростить посредством упаковки базовой системы цмс в php phar архим. Разворачивание сайт при этом свелось к копированию одного файла в директорию проекта. Обновление всей портальной системы свелось к замене одного единственного файла обновленной версией цмс.
Так как sqlite не требует авторизации конфигурационный файл не требуется. Вместе с двумя указанными файлами нам потребуется директория где хранятся все загруженные изобрадения сайта а также файл .htaccess который покажет веб верверу откуда начинать загрузку.
Все свелось к четырем файлам в папке проекта. Одному файлу бд где будут хранится файлы, одному файлу цмс, файлу .htaccess и директории с полным доступом для загрузки файлов.
При первом входе система попросит вас ввести логин и пароль администратора. Человек который ввел пароль становится администратором и получает пондый доступ ко всем разделам адмисистемы.
Создание страниц сводится к выбору адреса для с траницы. Войдя на адрес вновь создаваемой страницы администратору будет предложено одним кликом создать новую страницу. Посде создания для ее редактирования достаточно нажать на карандаш в верхней правой чати страницы для ее редактирования.
Файловая система сделана по мотивам файловой системы unionFS в которой система считает файловой системой сразу несколько уровней. Первым наиболее приоритетным является уровень файловой ситемы проекта. Размещенный в общей директории файл путь которого совпадает с системный будет являтся более приоритеным чем лежащий в phar архиве. Для изменения работы любого файла достаточно разсестить его измененную копию по такому же пути, что и в phar архиве. При этом он начитает работать сразу же. Подобным образом на сайт добавляются собственные шаблоны, собственные модели и даже основной файл ядра для изменения достаточно разместить index.php в директории проекта рядом с index.phar
Данное решение можно назвать самый простой установкой файловой системы их всех существующих. Для этого достаточно залить три файла в директорию хостинга.
Index.phar — cms
.htdb — файл бд (полный доступ)
.htaccess — файл перенаправление на исполняемый файл движка
/include/images Директория для заливаемый файлов (полный доступ)
Как то так должна выглядеть файловая система.
Адрес на github — github.com/mpak2/mpak.su
Зайти в админку можно тут http://phar.mpak.su/admin пользователь/пароль admin/admin
К сожалению в рамках комментарий не удается озвучить все интересующие темы. Контакты для общения сможете найти в вышестоящей ссылке.
habr.com
Создать свой сайт с нуля бесплатно
В наше время каждый человек имеет если не собственный сайт, то страничку в социальной сети, не говоря уже о представителях бизнеса, которым иметь интернет ресурс просто необходимо.
Необязательно это будет интернет-магазин, очень много фирм имеют сайт-визитку, который так же прекрасно справляется со своей задачей. Развитие сайтостроения не стоит на месте и очень многим людям хочется научиться создавать интернет-страницы самостоятельно, что называется с нуля. Однако, современный веб-сайт, предъявляет серьезные требования к знанию различных языков программирования и обладанию определенными навыками, например такими как:
- HTML5;
- CSS;
- PHP;
- JS;
- Умение написать уникальный контент;
- Создать собственный веб-дизайн для сайта;
- знать основы продвижения;
- разбираться в настройках хостинга;
- иметь представление о фреймворках и протоколах передачи данных.
Это не полный список необходимых знаний. Конечно, множество людей освоило создание прекрасных динамичных сайтов, но для этого требуется время и определенный склад ума. В работе веб-студий принимают участие несколько сертифицированных специалистов, и за свою работу они берут немалые деньги.
nethouse.ru
Бесплатный сайт своими руками — Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно
Неважно, кто вы по профессии, создать сайт несложно!
Всего минута времени и Ваш сайт в работе.
За Вашим сайтом круглосуточно следит целая команда.
Без дополнительных вложений и скрытых платежей.
Мы покажем, как сделать сайт за 1 минуту.
-
Более 7000 вариантов дизайна
При создании сайта самостоятельно важно выбрать дизайн, подходящий именно к вашему бизнесу. Мы создали красивые шаблоны для более чем 300 тематик. Вы точно найдете среди них подходящую.
-
Домен второго уровня (name.ru).
Имя должно быть емким и запоминающимся. Так ваши клиенты и посетители будут возвращаться к вам снова и снова. Это благоприятно влияет на вашу репутацию.
-
Надежный и бесплатный хостинг.
Если вы пробовали искать платформы для своего сайта, наверняка задавались вопросом по поводу хостинга. Мы решаем эту проблему для вас раз и навсегда. Ваша информация надежно и профессионально защищена.
-
100 Мб места на диске.
Загружайте и храните файлы, необходимые для бесперебойной работы сайта.
-
Консультации экспертов.
Мы стараемся получать актуальные данные от профессионалов в разных сферах и делиться ими с вами. Это полезные знания, благодаря которым ваш сайт становится лучше.
-
Понятные инструкции.
Если вдруг у вас возникнет вопрос, как создать сайт самостоятельно или что делать дальше, мы подготовили подробные инструкции, следуя которым, каждый этап создания и управления сайтом становится еще проще.
-
Оперативная техподдержка.
Хотите получить развернутый ответ от знающего человека? Задайте вопрос нашим специалистам в любое время суток.
Быстрый поиск. Мгновенно найдите тот сайт, который вам нужен, из 7000 дизайнов и 300 тематик.
Интерфейсы интуитивно понятны. Поверьте, у вас не возникнет вопросов, что делать с той или иной кнопкой или иконкой. Даже ребенок сможет самостоятельно сделать сайт с Setup.
На сайте Setup.ru есть вся информация. Вам не нужно искать дополнительные источники информации, скачивать самоучители или искать ответы в Интернете. Согласитесь, это очень удобно.
Словарь терминов. Вам при создании сайта самостоятельно обязательно пригодится краткий словарь профессионализмов!
Текстовые подсказки. С вами пошагово и всегда рядом — полезные комментарии и рекомендации. Никакой путаницы или сложностей — нужно лишь обращать внимание на “шпаргалку”.
Пошаговые инструкции. Мы сделали для вас подробные видеоинструкции, как эффективнее создавать, раскручивать и развивать веб-сайт.
Раздел FAQ отвечает на часто задаваемые вопросы. Что, куда, как и почему — все понятно и доступно описано в этом разделе.
Коммьюнити “ВКонтакте”. Наши клиенты общаются друг с другом, задают вопросы и обмениваются мнениями. Помните, вы не один!
Setup упростил каждую деталь. Посмотрите, какие сайты сделали самостоятельно наши клиенты:Ольга Гусева
Хочу поделиться своей историей успеха и своей благодарностью сервису Setup.
Я практикующий коуч и тренер, моя сфера деятельности — психология, в частности — самореализация личности, выход из кризиса и т.д.
Тема, которую не упакуешь в сайты одностраничники или в простую продающую страницу.
На тот момент, когда у меня остро встал вопрос с сайтом — я уже знала, что могу обойтись без дорогих веб-студий, знала о разных конструкторах сайтов, но очень рада, что остановила свой выбор на Setup.
Мне нужен был информационный сайт с одной стороны, с максимально простым интерфейсом для посетителя — с другой, с возможностями изменять дизайн баннеров и оформление — с третьей.
На самом деле это уникально, когда ты можешь сама переделывать свой сайт — менять темы и заставки и тебе для этого нужно всего 10-15 минут времени. Просто потрясающе, что есть возможность обратной связи с клиентом и у него есть возможность познакомиться с тобой и твоей работой в рамках одного сайта.
Очень приятно знать, что твои клиенты добавили твой сайт в закладки своего браузера и пользуются им как информационным материалом (читают книги, смотрят видео).
И одновременно ты знаешь, что твоя работа над информационным наполнением сайта не напрасна и в маркетинговом отношении — так как в сервисе Setup есть отлично работающие возможности SEO оптимизации.
Уже через пару месяцев от момента создания мой сайт появился в топе по запросу «самореализации личности”.
Спасибо огромное команде Setup!
www.setup.ru
Создать сайт с нуля самостоятельно, как сделать сайт самому бесплатно
Порядок обработки персональных данных
Основные понятия
Сайт — umi.ru, а также все его поддомены.
Пользователь — посетитель Сайта.
Юми — Общество с ограниченной ответственностью «Юми» ИНН 7841432763 КПП 781301001 ОГРН 1107847313243 адрес: 197198, г. Санкт-Петербург, ул. Красного Курсанта, д.25, лит.Ж.
Услуги — сервисы, доступные Пользователю через функциональные возможности программного обеспечения «Система управления сайтами UMI.CMS» (далее – ПО) посредством использования встроенных в ПО инструментов и служб.
Клиент — владелец неисключительной лицензии ПО или покупатель других Услуг Юми.
Персональные данные — любая информация, относящаяся к определенному физическому лицу.
Заказ — оформление платежного документа для покупки продуктов Юми.
Соглашение
Юми обязуется обеспечить конфиденциальность и сохранность персональных данных, полученных от Пользователя в соответствии с ФЗ-152 «О персональных данных». Юми вправе использовать технологию «cookies». Cookies не содержат конфиденциальную информацию. Пользователь настоящим дает согласие на сбор, анализ и использование cookies, в том числе третьими лицами для целей формирования статистики и оптимизации рекламных сообщений. При регистрации на Сайте Пользователь предоставляет следующую информацию: фамилия, имя, отчество, телефон, адрес электронной почты. При оформлении заказа на Сайте, помимо регистрационных данных, Пользователь предоставляет дополнительную информацию: почтовый адрес. Предоставляя свои персональные данные, Пользователь соглашается, что Юми вправе идентифицировать Пользователя как Клиента и использовать их для выполнения обязательств перед Пользователем — оформить и выполнить заказ Услуг, открыть дополнительные возможности сайта, оказать техническую поддержку, предоставить какие-либо эксклюзивные условия для Пользователя (накопительные или разовые скидки, расширенный сервис поддержки, промо-акции и т.д.). Также Юми вправе использовать персональные данные Пользователя для продвижения Услуг Юми и Услуг компаний партнеров, проведения электронных и SMS опросов, контроля результатов маркетинговых акций, клиентской поддержки, проведения розыгрышей призов среди Пользователей, контроля удовлетворенности Пользователя, а также качества услуг, оказываемых Юми.Юми имеет право отправлять информационные, в том числе рекламные сообщения, на электронную почту и мобильный телефон Пользователя с его согласия, выраженного посредством совершения им действий, однозначно идентифицирующих этого Пользователя и позволяющих достоверно установить его волеизъявление на получение сообщения.
Юми вправе передать персональную информацию Пользователя третьим лицам в следующих случаях:
— пользователь выразил свое согласие на такие действия;
— передача необходима в рамках использования Пользователем определенного Сервиса либо для оказания услуг Пользователю;
— при использовании Пользователем Услуг компаний партнеров данные о Пользователе могут передаваться для обработки на условиях и для целей, определённых в пользовательских соглашениях об использовании дополнительных Услуг компаний партнеров;
— передача предусмотрена российским или иным применимым законодательством в рамках установленной законодательством процедуры;
— передача происходит в рамках продажи или иной передачи бизнеса (полностью или частично), при этом к приобретателю переходят все обязательства по соблюдению условий настоящего раздела применительно к полученной им персональной информации;
— в целях обеспечения возможности защиты прав и законных интересов Юми, его аффилированных лиц и/или третьих лиц в случаях, когда Пользователь нарушает условия лицензионного договора и/или требования действующего законодательства.
Пользователь вправе отказаться от получения рекламной и другой информации без объяснения причин отказа путем информирования Юми о своем отказе посредством направления сообщения, составленного в свободной форме и отправленного на электронный адрес Юми: suр[email protected].
Информирующие сообщения о заказе и этапах его обработки отправляются автоматически и не могут быть отклонены Пользователем.
Подтвердите, что ознакомлены с пользовательским соглашением правилами обработки ПДн
umi.ru
Как создать простой сайт быстро и без навыков программирования
Чтобы создать даже самый примитивный сайт, зачастую приходится разбираться в какой-нибудь системе управления контентом или регистрироваться на блог-платформе. Но что, если времени на это нет и нужно просто набросать что-то вроде визитки? Поможет сервис sheet2site, в котором для создания сайта достаточно скопировать в «Google Таблицу» нужный контент.
По словам разработчика, на создание сайта у вас уйдёт около семи минут. Откройте шаблон таблицы и сделайте её копию, нажав на синюю кнопку в центре экрана. Заполните таблицу, добавив в соответствующие ячейки названия и описания карточек, ссылки на сторонние страницы и картинки, а также дополнительный текст. Можно добавлять новые карточки, заполняя новые строки таблицы.
Скопируйте ссылку на свою таблицу и вставьте её в поле в третьем пункте на sheet2site. Откройте таблицу, нажмите «Файл» → «Опубликовать в интернете…» → «Опубликовать».
Вернитесь на sheet2site и щёлкните Generate в пятом пункте. Снова перейдите к таблице, переключитесь на вкладку main-page и добавьте заголовок, фоновое изображение и остальную информацию в столбце B.
Автор проекта Андрей Азимов предлагает связываться с ним, если потребуется доступ к продвинутым функциям — сортировке, фильтрам и так далее. Чтобы написать разработчику, щёлкните по зелёной кнопке в правом нижнем углу sheet2site.
Больше всего сервис подойдёт для создания простого сайта-каталога, на котором картинка с подписью перенесёт пользователя на страницу человека или продукта. Проект бесплатен, но если вы хотите собственное доменное имя, то придётся платить от 5 до 10 долларов в месяц.
sheet2site →
Читайте также
lifehacker.ru