CSS

Picha ya CSS - somo la 34: if() Condition katika CSS
CSS - SOMO LA 34: IF() CONDITION KATIKA CSS

Katika somo hili, tutajifunza kipengele kipya kinachoitwa if() function ndani ya CSS, kilichoanza kupatikana kwenye toleo la Chrome 137. Kipengele...

Picha ya CSS - SOMO LA 33: CSS Frameworks
CSS - SOMO LA 33: CSS FRAMEWORKS

Katika somo hili tutajifunza kuhusu CSS frameworks mbalimbali zinazosaidia kuharakisha uundaji wa mitindo kwenye tovuti. Tutazungumzia frameworks maarufu kama W3.CSS,...

Picha ya CSS - SOMO LA 32: Custom Fonts na @font-face
CSS - SOMO LA 32: CUSTOM FONTS NA @FONT-FACE

Katika somo hili tutajifunza jinsi ya kutumia fonts za kipekee (custom fonts) katika tovuti kwa kutumia njia mbili kuu: Google...

Picha ya CSS - SOMO LA 31: CSS Filters (blur, brightness, contrast.)
CSS - SOMO LA 31: CSS FILTERS (BLUR, BRIGHTNESS, CONTRAST.)

Katika somo hili tutajifunza kuhusu CSS Filters — mitindo inayotumika kuhariri mwonekano wa picha, video, au elementi nyingine kwa kuongeza...

Picha ya CSS - SOMO LA 30: CSS Functions – calc(), clamp(), var(), min(), max() na Custom Functions
CSS - SOMO LA 30: CSS FUNCTIONS – CALC(), CLAMP(), VAR(), MIN(), MAX() NA CUSTOM FUNCTIONS

Katika somo hili, tutajifunza kuhusu CSS functions muhimu zinazotumika kufanya mahesabu, kuweka vipimo vya kisasa vinavyobadilika kulingana na hali ya...

Picha ya CSS - SOMO LA 28: CSS Timing Functions
CSS - SOMO LA 28: CSS TIMING FUNCTIONS

Katika somo hili tutajifunza kuhusu CSS Timing Functions, ambazo hutumika kudhibiti kasi na mtiririko wa transition na animation. Utaelewa tofauti...

Picha ya CSS - SOMO LA 27: Kutumia @import Katika CSS
CSS - SOMO LA 27: KUTUMIA @IMPORT KATIKA CSS

Katika somo hili, tutajifunza kuhusu @import — amri inayotumika kuingiza faili moja la CSS ndani ya jingine. Tutaona namna ya...

Picha ya CSS - SOMO LA 26: CSS Specificity (Kipaumbele cha Styles)
CSS - SOMO LA 26: CSS SPECIFICITY (KIPAUMBELE CHA STYLES)

Katika somo hili, tutajifunza kuhusu CSS Specificity — yaani mfumo wa kipaumbele unaotumiwa na kivinjari kuchagua ni mtindo (style) upi...

Picha ya CSS - SOMO LA 25: CSS Shorthand Properties
CSS - SOMO LA 25: CSS SHORTHAND PROPERTIES

Katika somo hili tutajifunza kwa kina kuhusu CSS Shorthand Properties — ni nini, jinsi zinavyofanya kazi, faida zake, na mifano...

Picha ya CSS - SOMO LA 24: CSS Variables (Custom Properties)
CSS - SOMO LA 24: CSS VARIABLES (CUSTOM PROPERTIES)

Katika somo hili, tutajifunza kuhusu CSS Variables, au Custom Properties. Utajifunza jinsi ya kuunda, kuitumia, na faida za kutumia variables...

Picha ya CSS - SOMO LA 23: Uelewa Zaidi wa CSS Animation na Transition
CSS - SOMO LA 23: UELEWA ZAIDI WA CSS ANIMATION NA TRANSITION

Somo hili linakuletea ufahamu wa kina juu ya CSS Transitions na Animations, likifafanua vipengele vyake muhimu, matumizi, na namna ya...

Picha ya CSS - SOMO LA 22: CSS Transition na Animation
CSS - SOMO LA 22: CSS TRANSITION NA ANIMATION

Katika somo hili, tutajifunza jinsi ya kuleta miondoko na harakati kwenye tovuti kwa kutumia CSS Transitions na Animations. Hii itasaidia...

Picha ya CSS - SOMO LA 21: CSS Units
CSS - SOMO LA 21: CSS UNITS

Katika somo hili, utajifunza vipimo vinavyotumika kwenye CSS kama vile px, em, rem, %, vw, na vh. Vipimo hivi hutumika...

Picha ya CSS - SOMO LA 20: Media Queries na Responsive Design
CSS - SOMO LA 20: MEDIA QUERIES NA RESPONSIVE DESIGN

Katika somo hili, utajifunza jinsi ya kutumia media queries kwa ajili ya kutengeneza tovuti zinazojibadilisha kulingana na ukubwa wa skrini....

Picha ya CSS - SOMO LA 19: Pseudo-classes na Pseudo-elements
CSS - SOMO LA 19: PSEUDO-CLASSES NA PSEUDO-ELEMENTS

Katika somo hili, utajifunza kuhusu pseudo-classes kama :hover, :first-child, na :last-child, pamoja na pseudo-elements kama ::before, ::after, na ::selection. Hizi...

Picha ya CSS - SOMO LA 18: Grid Layout
CSS - SOMO LA 18: GRID LAYOUT

Katika somo hili, utajifunza misingi ya CSS Grid Layout, mfumo wenye nguvu wa kupanga vipengele katika safu (rows) na nguzo...

Picha ya CSS - SOMO LA 17: Flexbox Advanced
CSS - SOMO LA 17: FLEXBOX ADVANCED

Katika somo hili, utajifunza vipengele vya juu zaidi vya Flexbox: flex-wrap, flex-grow, flex-shrink, na flex-basis. Pia tutajifunza jinsi ya kujenga...

Picha ya CSS - SOMO LA 16: Flexbox Basics
CSS - SOMO LA 16: FLEXBOX BASICS

Katika somo hili, utajifunza msingi wa mfumo wa Flexbox unaotumika kupanga elementi kwa usahihi ndani ya kontena. Utajifunza kuhusu display:...

Picha ya CSS - SOMO LA 15: Float na Clear katika CSS
CSS - SOMO LA 15: FLOAT NA CLEAR KATIKA CSS

Katika somo hili utajifunza jinsi ya kutumia float ili kupanga elementi upande wa kushoto (left) au kulia (right). Pia utajifunza...

Picha ya CSS - SOMO LA 14: Position Property
CSS - SOMO LA 14: POSITION PROPERTY

Katika somo hili utajifunza kuhusu property ya position katika CSS, ambayo hutumika kuamua jinsi element inavyowekwa ndani ya ukurasa. Tutajifunza...

Picha ya CSS - SOMO LA 13: Display Property
CSS - SOMO LA 13: DISPLAY PROPERTY

Katika somo hili utajifunza kuhusu property muhimu ya CSS inayoitwa display, ambayo huamua jinsi element inavyoonyeshwa kwenye ukurasa. Tutachambua aina...

Picha ya CSS - SOMO LA 12: Width, Height, Max/Min Width na Overflow
CSS - SOMO LA 12: WIDTH, HEIGHT, MAX/MIN WIDTH NA OVERFLOW

Katika somo hili, utajifunza jinsi ya kudhibiti upana (width) na urefu (height) wa elementi katika CSS. Pia utaelewa tofauti kati...

Picha ya CSS - SOMO LA 11: Mitindo ya Border (Border Styles)
CSS - SOMO LA 11: MITINDO YA BORDER (BORDER STYLES)

Katika somo hili, utajifunza jinsi ya kudhibiti mipaka (borders) ya vipengele kwa kutumia CSS. Tutajifunza namna ya kuweka unene wa...

Picha ya CSS - SOMO LA 10: Box Model katika CSS
CSS - SOMO LA 10: BOX MODEL KATIKA CSS

Katika somo hili utajifunza muundo wa boksi (Box Model) katika CSS. Box model ni mfumo wa msingi wa kupanga vipengele...

Picha ya CSS - SOMO LA 9: Margin na Padding
CSS - SOMO LA 9: MARGIN NA PADDING

Katika somo hili utajifunza tofauti kati ya margin na padding, kazi ya kila moja, jinsi ya kuzipima, na jinsi zinavyotumika...

Picha ya CSS - SOMO LA 8: Upambaji wa Maandishi (Text Styling)
CSS - SOMO LA 8: UPAMBAJI WA MAANDISHI (TEXT STYLING)

Katika somo hili, utajifunza mbinu mbalimbali za kubadilisha muonekano wa maandishi kwa kutumia CSS, kama vile kupamba maandishi kwa mistari,...

Picha ya CSS - SOMO LA 7: Kutumia Fonti (Fonts) kwenye CSS
CSS - SOMO LA 7: KUTUMIA FONTI (FONTS) KWENYE CSS

Katika somo hili utajifunza jinsi ya kudhibiti mwonekano wa maandishi kwa kutumia fonti kwenye CSS. Utajifunza jinsi ya kubadilisha aina...

Picha ya CSS - somo la 6: Kuweka Background kwenye HTML kwa kutumia CSS
CSS - SOMO LA 6: KUWEKA BACKGROUND KWENYE HTML KWA KUTUMIA CSS

Katika somo hili, utajifunza jinsi ya kudhibiti muonekano wa sehemu ya nyuma (background) ya HTML element kwa kutumia CSS. Utaweza...

Picha ya Jinsi ya kumsaidia Mtoto mdogo aliyekabwa na kitu kooni
JINSI YA KUMSAIDIA MTOTO MDOGO ALIYEKABWA NA KITU KOONI

Mfano wa kitu kinachoweza kumaba mtoto kooni ni kama chagula kigumu, pesa ya sarafu, kijiwe na mengineyo. Endapo hili litataokea...

Picha ya CSS - somo la 5: Njia tano zinazotumika kuweka rangi kwenye css
CSS - SOMO LA 5: NJIA TANO ZINAZOTUMIKA KUWEKA RANGI KWENYE CSS

Katika somo hili utajifunza aina tano za kuweka rangi kw akutumia css

Picha ya CSS - somo la 4: Aina za css selecto
CSS - SOMO LA 4: AINA ZA CSS SELECTO

Katika somo hili uatkwenda kujifunza aina za css selectors

Picha ya CSS - somo la 3: syntax za css yaani sheria za uandishi wa css
CSS - SOMO LA 3: SYNTAX ZA CSS YAANI SHERIA ZA UANDISHI WA CSS

Katika somo hili utakwenda kujifunza sheria za uandish wa css yaani syntax za css

Picha ya CSS - somo la 2: Jinsi ya ku weka code za css kwenye HTML
CSS - SOMO LA 2: JINSI YA KU WEKA CODE ZA CSS KWENYE HTML

katika somo hili utajifunza jinsi ya ku install css kwenye ukurasa wa html

Picha ya CSS - somo la 1: Maana ya CSS, kazi zake na  historia yake
CSS - SOMO LA 1: MAANA YA CSS, KAZI ZAKE NA HISTORIA YAKE

Katika somo hili utakwenda kujifunza maana ya CSS, pia nitakujulisha kazi zake. Mwisho utatambuwa historia ya CSS toka kuanzishwa.