Flexbox және Grid: 2017 жылда CSS-вёрсткамен танысу

Мақаладан нені үйренесіздер бұрындары CSS-разметкамен қалай жұмыс жасалды; ескірген әдістер мен заманауи стандарттар арасындағы айырмашылық; жаңа стандарттармен жұмысты қалай бастау керек (Flexbox және Grid); сізді бұл жаңа стандарттар неге қызықтыруы керек; Кіріспе 2012 не 2013 жылдары веб-бағдарламалаумен таныстым. Ақырындап бұл бағытты өздігімше үйрене бастадым. Тез арада CSS көп нәрсеге мағына беретінін түсіндім, бірақ...


  • +1

CSS арқылы геометриялық 3D анимация жасап көрейік

Осыдан 3-4 күн бұрын VK-ны ақтарып отырым, лентадан бір әдемі анимация көріп, кейін канваста жасап көрмесем деп бөлісіп қойғанмын. Енді ойланып, осыны CSS -те жасап шығуді жөн көрдім. Бұл жазбам сол туралы болмақ. Қолданған құралдарым Браузер: Хром Мәтіндік редактор: Sublime Text 3 Редакторға қосымша ретінде Emmet және Emmet CSS Препроцессор SASS , синтаксис SCSS Алдымен бір штук кубты шығарып алайық, кейін...


  • +2

JQuery арқылы жинақталған тізім жасау

Алдымен, жинақталған тізім қалай болатынын мына сілтемені басу арқылы көрсеңіз болады. Сілтемені ашқан соң, көк иконкасы бар тексттерді шертіңіз karmey.kz/index.html#for_codeo Бұл тізімді жасау үшін, мен осы сілтемедегі нұсқаулықты пайдаландым: tuljo.com/web-development/expanding-collapsing-sliding-div-jquery Алдымен, HTML парақтың HEAD бөлімінің ішіне кітапхананы жариялаймыз: <script...


  • +2

Сайт дизайны бойынша кеңестер

Сәлем достар. Шамамен жарты жыл бұрын сайт дизайны туралы кітап оқығанда, қажетті жерлерін дәптерге түртіп алған едім. Кітап авторы мен атауы еске түспей жатыр, кейін еске түссе жаза кетермін. Жалпы, сайт дизайнері болмасақ та, шағын білім базымызды кеңейтіп қояйын деген ниет қой. Кез-келген сайт жасау кезінде, оларға ортақ талаптар болатыны белгілі. 1. Сайт дизайнын жасар кезде, алдымен әлбетте сайт тематикалық мақсатын нақты...


  • +1

Сайтқа ерекше қаріптер орнату

Кейде болады, дизайнер Сізге фотошоппен дизайнды лақтыра салады. Ашасыз. О, керемет! Әдемі қаріппен текст жазулы тұр. Хммм… Бұндай қаріптер басқа көп сайтта кездеспейді. Енді ше. Қарапайы HTML кодпен сипаттай өтесіз. Сақтап, ашасыз. Тамаша! Тексеріп, басқа комптан ашсаңыз, ...ұжс! Бағанағы әдемі әріптеріңіз жоқ! Орнына сүйкімсіз таймс нью роман шұбырып жатыр. Қап! Браузер қаріпті c:\windows\fonts ішінен алып отырған екен. Басқа...


  • +2

Сайт жасау туралы кеңес

Сайт жасамас бұрын, олардың түрлерін тізіп шығайық: 1. Сайт-визитка; 4-5 парақтан тұратын қарапайым сайт. Компания туралы, көрсететін қызметі, өнімдер каталогы, прайс, контакт ақпараты туралы парақтары бар. Тексттік, графикалық, видео мәліметтерден құрылуы мүмкін. Әдетте, дерек базасымен байланыспайды. Мысалы, uart.kz полиграфияның визиткалық сайты.   2. Корпоративтік-ақпараттық сайт; Бұл сайт интранет түрінде кездеседі....


  • +1

Zen Coding

Алғашқы мақаламды web бағдарламалар жазатын адамдарға пайдалы болатын Zen Coding құралынан бастауды жөн көрдім. Менің мақаланы жазудағы мақсатым Zen Coding құралының барлық мүмкіндігін көрсету емес, жай құралдың пайдалы тұстарына шолу жасау. Сонымен, Zen Coding дегеніміз ол не? Zen Coding — бұл HTML, XML, XSL кодтарын жазуды жылдамдататын, мәтіндік редакторлар үшін қосымша (плагин). (орысша википедиядан аударма) Zen...


  • +6