ބްރައުޒާތަކާއި ޑިވައިސްތަކެވެ
ބޫޓްސްޓްރެޕް އިން ސަޕޯޓްކުރާ ޒަމާނީ ބްރައުޒާތަކުން ފެށިގެން ކުރީގެ ބްރައުޒާތަކާއި ޑިވައިސްތަކާ ބެހޭ ގޮތުން ދަސްކޮށްލައްވާ، ކޮންމެ ބްރައުޒާއަކަށް ވެސް އެނގޭ ކުއިރކްސް އާއި ބަގްސް ހިމެނޭ ގޮތަށް ދަސްކުރައްވާށެވެ.
ސަޕޯޓްކުރާ ބްރައުޒާތަކެވެ
ބޫޓްސްޓްރަޕް އިން ބޮޑެތި ހުރިހާ ބްރައުޒާތަކާއި ޕްލެޓްފޯމްތަކުގެ އެންމެ ފަހުގެ، ސްޓޭބަލް ރިލީޒްތަކަށް ސަޕޯޓް ކުރެ އެވެ. ވިންޑޯޒްގައި އަޅުގަނޑުމެން އިންޓަރނެޓް އެކްސްޕްލޯރަރ 10-11 / މައިކްރޮސޮފްޓް އެޖް އަށް ސަޕޯޓްކުރަމެވެ .
ސީދާ ގޮތެއްގައި ނުވަތަ ޕްލެޓްފޯމްގެ ވެބް ވިއު އެޕީއައި މެދުވެރިކޮށް ވިޔަސް ވެބްކިޓް، ބްލިންކް، ނުވަތަ ގެކޯގެ އެންމެ ފަހުގެ ވަރޝަން ބޭނުންކުރާ ބަދަލު ބްރައުޒާތަކަށް ސާފުކޮށް ސަޕޯޓް ނުކުރެވެއެވެ. ނަމަވެސް ބޫޓްސްޓްރެޕް (ގިނަ ހާލަތްތަކުގައި) މި ބްރައުޒާތަކުގައި ވެސް ރަނގަޅަށް ދައްކައި، މަސައްކަތް ކުރަން ޖެހެ އެވެ. އިތުރު ވަކި ސަޕޯޓް މަޢުލޫމާތު ތިރީގައި މިވަނީއެވެ.
އަޅުގަނޑުމެންގެ ސަޕޯޓްކުރާ ބްރައުޒާތަކުގެ ރޭންޖާއި އެތަކެތީގެ ވަރޝަންތައް އަޅުގަނޑުމެންގެ.browserslistrc file
:
# https://github.com/browserslist/browserslist#readme
>= 1%
last 1 major version
not dead
Chrome >= 45
Firefox >= 38
Edge >= 12
Explorer >= 10
iOS >= 9
Safari >= 9
Android >= 4.4
Opera >= 30
އަޅުގަނޑުމެން ސީއެސްއެސް ޕްރިފިކްސް މެދުވެރިކޮށް ގަސްތުކުރާ ބްރައުޒާ ސަޕޯޓް ޙައްލުކުރުމަށް އޮޓޯޕްރިފިކްސަރ ބޭނުންކުރަމެވެ، މިއީ މި ބްރައުޒާ ވަރޝަންތައް މެނޭޖްކުރުމަށް ބްރައުޒަރސްލިސްޓް ބޭނުންކުރާ އެއްޗެކެވެ. މި ޓޫލްތައް ޕްރޮޖެކްޓްތަކަށް އިންޓަގްރޭޓް ކުރާނެ ގޮތަކާ ބެހޭގޮތުން އެމީހުންގެ ޑޮކިއުމަންޓޭޝަން މަޝްވަރާ ކުރައްވާށެވެ.
މޯބައިލް ޑިވައިސްތަކެވެ
އާންމުކޮށް ބުނާނަމަ ބޫޓްސްޓްރެޕް އިން ކޮންމެ ބޮޑު ޕްލެޓްފޯމެއްގެ ޑިފޯލްޓް ބްރައުޒާތަކުގެ އެންމެ ފަހުގެ ވަރޝަންތަކަށް ސަޕޯޓް ކުރެ އެވެ. ޕްރޮކްސީ ބްރައުޒާސް (އޮޕެރާ މިނީ، އޮޕެރާ މޮބައިލްގެ ޓާބޯ މޯޑް، ޔޫސީ ބްރައުޒާ މިނީ، އެމެޒޯން ސިލްކް ފަދަ) އަށް ސަޕޯޓް ނުކުރާކަން ފާހަގަކޮށްލެވެއެވެ.
ކްރޯމް އެވެ | ފަޔަރފޮކްސް އެވެ | ސަފާރީ އެވެ | އެންޑްރޮއިޑް ބްރައުޒާ އެންޑް ވެބްވިއު | މައިކްރޮސޮފްޓް އެޖް އެވެ | |
---|---|---|---|---|---|
އެންޑްރޮއިޑް އެވެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ | ނ/އ | އެންޑްރޮއިޑް v5.0+ އަށް ސަޕޯޓް ކުރެވެއެވެ | ސަޕޯޓް ކުރެވިއްޖެ |
އައިއޯއެސް އެވެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ | ނ/އ | ސަޕޯޓް ކުރެވިއްޖެ |
ވިންޑޯޒް 10 މޯބައިލް އެވެ | ނ/އ | ނ/އ | ނ/އ | ނ/އ | ސަޕޯޓް ކުރެވިއްޖެ |
ޑެސްކްޓޮޕް ބްރައުޒާތަކެވެ
ހަމައެފަދައިން ގިނަ ޑެސްކްޓޮޕް ބްރައުޒާތަކުގެ އެންމެ ފަހުގެ ވަރޝަންތަކަށް ވެސް ސަޕޯޓް ކުރެވެއެވެ.
ކްރޯމް އެވެ | ފަޔަރފޮކްސް އެވެ | އިންޓަރނެޓް އެކްސްޕްލޯރަރ އެވެ | މައިކްރޮސޮފްޓް އެޖް އެވެ | އޮޕެރާ އެވެ | ސަފާރީ އެވެ | |
---|---|---|---|---|---|---|
މެކް އެވެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ | ނ/އ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ |
ވިންޑޯޒް އެވެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވޭ، އައިއީ10+ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ކުރެވިއްޖެ | ސަޕޯޓް ނުކުރެއެވެ |
ފަޔަރފޮކްސްއަށްޓަކައި، އެންމެ ފަހުގެ އާދައިގެ ސްޓޭބަލް ރިލީޒްގެ އިތުރުން، ފަޔަރފޮކްސްގެ އެންމެ ފަހުގެ އެކްސްޓެންޑްޑް ސަޕޯޓް ރިލީޒް (އީއެސްއާރު) ވަރޝަނަށް ވެސް އަޅުގަނޑުމެން ސަޕޯޓްކުރަމެވެ.
ނުރަސްމީ ގޮތެއްގައި ބޫޓްސްޓްރެޕް އަށް ރަސްމީކޮށް ސަޕޯޓް ނުކުރި ނަމަވެސް ލިނަކްސް އަށް ކްރޯމިއަމް އަދި ކްރޯމް، ލިނަކްސް އަށް ފަޔަރފޮކްސް، އަދި އިންޓަނެޓް އެކްސްޕްލޯރަރ 9 ގައި ފުދޭވަރަކަށް ރަނގަޅަށް ބަލައިގެން އުޅެން ޖެހެއެވެ.
ބޫޓްސްޓްރެޕް އަށް ކުރިމަތިލާން ޖެހޭ ބައެއް ބްރައުޒާ ބަގްތަކުގެ ލިސްޓަކަށް، އަޅުގަނޑުމެންގެ ބްރައުޒާ ބަގްތަކުގެ ވޯލް ބައްލަވާށެވެ .
އިންޓަރނެޓް އެކްސްޕްލޯރަރ އެވެ
އިންޓަރނެޓް އެކްސްޕްލޯރަރ 10+ އަށް ސަޕޯޓް ކުރެވެއެވެ؛ އައިއީ9 އާއި ޑައުން އެއް ނޫނެވެ. ބައެއް ސީއެސްއެސް3 ޕްރޮޕަޓީތަކާއި އެޗްޓީއެމްއެލް5 އެލިމެންޓްތައް IE10 ގައި ފުރިހަމައަށް ސަޕޯޓް ނުކުރާކަން، ނުވަތަ ފުރިހަމަ ފަންކްޝަނަލިޓީއަށް ޕްރިފިކްސްޑް ޕްރޮޕަޓީތައް ބޭނުންވާކަން ސަމާލުކަން ދެއްވާށެވެ. ސީއެސްއެސް3 އަދި އެޗްޓީއެމްއެލް5 ފީޗާސް އަށް ބްރައުޒާ ސަޕޯޓް ކުރުމާ ބެހޭ ތަފްސީލު ހޯދުމަށް ކެން އައި ޔޫސް... އަށް ޒިޔާރަތް ކުރައްވާ . IE8-9 ސަޕޯޓް ބޭނުންވާނަމަ ބޫޓްސްޓްރެޕް 3 ބޭނުން ކުރާށެވެ.
މޯބައިލްގައި މޮޑަލްސް އާއި ޑްރޮޕްޑައުންސް
އޯވަރފްލޯ އާއި ސްކްރޯލް ވުމެވެ
overflow: hidden;
އައިއޯއެސް އަދި އެންޑްރޮއިޑްގައި އޮން ދަ <body>
އެލިމެންޓް އަށް ސަޕޯޓް ކުރުމަކީ ފުދޭވަރަކަށް ލިމިޓެޑް ކަމެކެވެ. އެކަމަށްޓަކައި، އެއިން އެއްވެސް ޑިވައިސްއެއްގެ ބްރައުޒާއެއްގައި ހުންނަ މޮޑަލްއެއްގެ މަތީ ނުވަތަ ތިރީ ފަރާތް ކައިރިން ސްކްރޯލް ކުރުމުން، <body>
ކޮންޓެންޓް ސްކްރޯލް ކުރަން ފަށާނެއެވެ. ކްރޯމް ބަގް #175502 ( ކްރޯމް v40 ގައި ރަނގަޅުކޮށްފައި) އަދި ވެބްކިޓް ބަގް #153852 ބައްލަވާށެވެ .
އައިއޯއެސް ޓެކްސްޓް ފީލްޑްތަކާއި ސްކްރޯލް ކުރުން
އައިއޯއެސް 9.2 އިން ފެށިގެން، މޮޑަލްއެއް ހުޅުވާފައި ހުންނައިރު، ސްކްރޯލް ޖެޝަރއެއްގެ ފުރަތަމަ އަތް ޓެކްސްޗުއަލް <input>
ނުވަތަ a ގެ ބައުންޑަރީގެ ތެރޭގައި ހުރިނަމަ <textarea>
، <body>
މޮޑަލްގެ ދަށުގައިވާ ކޮންޓެންޓް ޚުދު މޮޑަލްގެ ބަދަލުގައި ސްކްރޯލް ކުރެވޭނެއެވެ. ވެބްކިޓް ބަގް #153856 ބައްލަވާށެވެ .
ނަވްބާރ ޑްރޮޕްޑައުންސް
.dropdown-backdrop
ޒޭޑް އިންޑެކްސިންގެ ކޮމްޕްލެކްސިޓީ ބޮޑުކަމުން ނެވްގައި އައިއޯއެސްގައި މި އެލިމެންޓް ބޭނުން ނުކުރެ އެވެ. މިގޮތުން، ނެވްބާރތަކުގައި ހުންނަ ޑްރޮޕްޑައުންތައް ބަންދުކުރުމަށްޓަކައި، ސީދާ ޑްރޮޕްޑައުން އެލިމެންޓަށް (ނުވަތަ އައިއޯއެސްގައި ކްލިކް އިވެންޓެއް ފަޔަރ ކުރާނެ އެހެން އެއްވެސް އެލިމެންޓަކަށް) ކްލިކް ކުރަން ޖެހެއެވެ .
ބްރައުޒާ ޒޫމް ކުރުން
ޕޭޖް ޒޫމިންގ އިން ކޮންމެހެން ބޫޓްސްޓްރެޕް އާއި ވެބްގެ ބާކީ ބައިތަކުގައި ވެސް ބައެއް ކޮމްޕޯނެންޓްތަކުގައި ރެންޑަރިންގ އާޓިފެކްޓްސް ޕްރެޒެންޓް ކުރެވެއެވެ. މައްސަލައަށް ބަލާފައި އަޅުގަނޑުމެންނަށް އެކަން ރަނގަޅު ކުރެވިދާނެ (ފުރަތަމަ ހޯދައިގެން ދެން ބޭނުން ނަމަ މައްސަލައެއް ހުޅުވާލެވިދާނެ) އެވެ. އެހެންނަމަވެސް، ގިނަ ފަހަރަށް ހެކީ ވޯކްއަރައުންޑްސް ނޫން އެހެން ސީދާ ހައްލެއް ނެތުމުން މިކަންކަމަށް އަޅުގަނޑުމެން އަޅާނުލާ ތިބެން ފަށަމެވެ.
ސްޓިކީ :hover
/ :focus
އައިއޯއެސްގައި
ގިނަ ޓަޗް ޑިވައިސްތަކުގައި އެއީ ކުރެވޭނެ ކަމެއް ނޫން ނަމަވެސް :hover
، އައިއޯއެސް އިން މި ސުލޫކު ތަމްސީލުކޮށް، އެއް އެލިމެންޓެއް ޓެޕް ކުރުމަށްފަހު ވެސް ދެމިއޮންނަ “ސްޓިކީ” ހޯވަރ ސްޓައިލްތައް އުފެދެއެވެ. މި ހޯވަރ ސްޓައިލްތައް ނައްތާލެވޭނީ ހަމައެކަނި ޔޫޒަރުން އެހެން އެލިމެންޓެއްގައި ޓެޕް ކުރުމުންނެވެ. މި ސުލޫކަކީ ބޮޑު ތަނުން އެދެވޭ ސުލޫކެއް ކަމަށް ބެލެވޭއިރު، އެންޑްރޮއިޑް ނުވަތަ ވިންޑޯޒް ޑިވައިސްތަކުގައި ދިމާވާ މައްސަލައެއް ނޫން ކަމަށް ފެނެ އެވެ.
އަޅުގަނޑުމެންގެ މުޅި v4 އަލްފާ އަދި ބީޓާ ރިލީޒްތަކުގައި، ހޯވަރިންގ އެމިއުލޭޓް ކުރާ ޓަޗް ޑިވައިސް ބްރައުޒާތަކުގައި ހޯވަރ ސްޓައިލްތައް ޑިސެބިލް ކުރާނެ މީޑިއާ ކިއުއަރީ ޝިމް އަށް އޮޕްޓް ކުރުމަށް ފުރިހަމަ ނުވާ އަދި ކޮމެންޓް އައުޓް ކޯޑް ހިމަނާފައިވެއެވެ. މި މަސައްކަތް ދުވަހަކުވެސް ފުރިހަމައަށް ނިމިފައި ނުވަތަ އެނެބަލް ނުކުރެވުނު ނަމަވެސް، މުޅިން ފަޅައިގެން ނުދިއުމަށްޓަކައި، އަޅުގަނޑުމެން މިވަނީ މި ޝިމް ޑިޕްރެކޭޓްކޮށް ، މިކްސިންސްތައް ސޫޑޯ ކްލާސްތަކަށް ޝޯޓްކަޓްގެ ގޮތުގައި ބެހެއްޓުމަށް ޚިޔާރުކޮށްފައެވެ.
ޕްރިންޓް ކުރުން
މިޒަމާނުގެ ބައެއް ބްރައުޒާތަކުގައި ވެސް ޕްރިންޓް ކުރުމަކީ ކުޅަދާނަ ކަމަކަށް ވެދާނެ އެވެ.
ސަފާރީ v8.0 އިން ފެށިގެން، ފިކްސްޑް-ވިޑްތް .container
ކްލާސް ބޭނުންކުރުމުން، ޕްރިންޓް ކުރާއިރު ސަފާރީއަށް އާދަޔާ ހިލާފަށް ކުޑަ ފޮންޓް ސައިޒެއް ބޭނުންކުރެވިދާނެއެވެ. އިތުރު މަޢުލޫމާތު ހޯދުމަށް މައްސަލަ #14868 އަދި ވެބްކިޓް ބަގް #138192 ބައްލަވާށެވެ . އެއް ޙައްލަކީ ތިރީގައިވާ ސީއެސްއެސް އެވެ.
@media print {
.container {
width: auto;
}
}
އެންޑްރޮއިޑް ސްޓޮކް ބްރައުޒާ އެވެ
ފޮށިން ބޭރުގައި، އެންޑްރޮއިޑް 4.1 (އަދި ވެސް ފެންނަ ފެނުމުގައި ބައެއް އާ ރިލީޒްތައް) ޑިފޯލްޓް ވެބް ބްރައުޒާގެ ގޮތުގައި (ކްރޯމްއާ ހިލާފަށް) ބްރައުޒާ އެޕް އާއި އެކު ޝިޕް ކުރެ އެވެ. ހިތާމައަކީ ބްރައުޒާ އެޕްގައި ގިނަ ބަގްތަކާއި އާންމުކޮށް ސީއެސްއެސްއާ އެއްގޮތް ނުވާ ކަންތައްތަކެއް ހުރުމެވެ.
މެނޫ ހޮވާށެވެ
އެލިމެންޓްތަކުގައި، އެންޑްރޮއިޑް ސްޓޮކް ބްރައުޒާއިން ސައިޑް <select>
ކޮންޓްރޯލްތައް ނުދައްކާނީ، އެއްޗެއް ހުރިނަމަ border-radius
އަދި/ނުވަތަ border
އެޕްލައި ކޮށްފައިވާނަމައެވެ. (ތަފްސީލަށް މި ސްޓޭކްއޮވަރފްލޯ ސުވާލު ބައްލަވާށެވެ .) ތިރީގައިވާ ކޯޑްގެ ސްނިޕެޓް ބޭނުންކޮށްގެން ކުށްވެރިވާ ސީއެސްއެސް ނައްތާލައި <select>
އެންޑްރޮއިޑް ސްޓޮކް ބްރައުޒާގައި ސްޓައިލް ނުކުރެވި ހުރި އެއްޗެއްގެ ގޮތުގައި ރެންޑަރ ކުރާށެވެ. ޔޫޒަރ އޭޖެންޓް ސްނިފިންގ އިން ކްރޯމް، ސަފާރީ، އަދި މޮޒިލާ ބްރައުޒާތަކަށް ހުރަސްއެޅުން ސަލާމަތްވެގެންދެއެވެ.
<script>
$(function () {
var nua = navigator.userAgent
var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
if (isAndroid) {
$('select.form-control').removeClass('form-control').css('width', '100%')
}
})
</script>
މިސާލެއް ބަލަން ބޭނުން ހެއްޔެވެ؟ މި ޖޭއެސް ބިން ޑެމޯ ބައްލަވާލައްވާށެވެ .
ވެލިޑޭޓަރުން
މުސްކުޅި އަދި ބަގީ ބްރައުޒާތަކަށް ވީހާވެސް ރަނގަޅު ތަޖުރިބާއެއް ފޯރުކޮށްދިނުމަށްޓަކައި، ބޫޓްސްޓްރެޕް އިން ސީއެސްއެސް ބްރައުޒާ ހެކްތައް ބައެއް ތަންތަނުގައި ބޭނުންކޮށްގެން ވަކި ބްރައުޒާ ވަރޝަންތަކަށް ހާއްސަ ސީއެސްއެސް އަމާޒުކޮށްގެން ބްރައުޒާތަކުގައި ހުންނަ ބަގްތައް އަމިއްލައަށް މަސައްކަތް ކުރެ އެވެ. މި ހެކްތަކުގެ ސަބަބުން ސީއެސްއެސް ވެލިޑޭޓަރުންނަށް އެއީ ސައްހަ ނޫން ހެކްތަކެއް ކަމަށް ޝަކުވާ ކުރާކަން ވިސްނޭނެއެވެ. ދެތިން ތަނެއްގައި، އަޅުގަނޑުމެން ވެސް ބޭނުންކުރަނީ އަދި ފުރިހަމައަށް ސްޓޭންޑަރޑައިޒް ނުކުރެވި ހުރި ބްލީޑިންގ-އެޖް ސީއެސްއެސް ފީޗާސްތަކެއް ނަމަވެސް، މިއީ ހަމައެކަނި ޕްރޮގްރެސިވް އެންހަންސްމަންޓަށް ބޭނުންކުރާ ފީޗާތަކެކެވެ.
އަޅުގަނޑުމެންގެ ސީއެސްއެސްގެ ނޮން ހެކީ ބައި ފުރިހަމައަށް ވެލިޑޭޓް ވާތީއާއި ހެކީ ބައިތަކުން ހެކީ ނޫން ބައި ރަނގަޅަށް މަސައްކަތް ކުރުމަށް ހުރަހެއް ނާޅާތީ މި ވެލިޑޭޝަން އިންޒާރުތައް އަމަލީ ގޮތުން މުހިންމު ނުވާތީއެވެ.
އަޅުގަނޑުމެންގެ އެޗް.ޓީ.އެލް .