Semantic UI

Screenshot Software:
Semantic UI
Mga detalye ng Software:
Bersyon: 2.1.8 Na-update
I-upload ang petsa: 10 Feb 16
Nag-develop: Jack Lukic
Lisensya: Libre
Katanyagan: 79

Rating: 3.5/5 (Total Votes: 2)

Semantiko UI hindi lamang nakatutok sa pagbibigay ng isang kayamanan ng mga widgets UI, ngunit din naka-focus sa ang paraan ng mga bahagi ay nakasulat, na nagpapahintulot sa sinuman na malaman kung ano ang code sa pamamagitan lamang ng pagtingin sa mga ito.

Sa pamamagitan ng paggawa na ito, Semantiko pinagagana UIs ay hindi lamang madaling isulat, ngunit madaling baguhin sa ibang pagkakataon puntos.

Semantiko UI ay may maraming mga yari mga bahagi sa labas ng kahon at ay magagamit sa CSS at mas mababa.

Ano ang bago sa ito release:

  • Bagong UI:
  • Lalagyan - Lalagyan ay nakapirming lapad lalagyan sinadya para sa mga humahawak mga nilalaman ng pahina, at ikaw ay isang mas simpleng alternatibo sa ui page grid, tingnan ang higit pang mga halimbawa sa docs
  • Multiselect - New maramihang mga uri dropdown naidagdag. Maraming mga bagong pagpapabuti dropdown naidagdag kabilang ang mga tampok sa pag-tag / tokenizing at loading data sa pamamagitan ng mga kahilingan API.
  • I-embed - New embed component ay nagbibigay-daan para sa madaling tablan iframe pag-embed na mapanatili ang kanilang aspect ratio. I-embed ang maaaring magamit sa YouTube o Vimeo video, kasama ng placeholder nilalaman upang maiwasan ang loading third party na aklatan hanggang sa piliin ang isang gumagamit na makihalubilo sa mga video.
  • Major Pagpapahusay:
  • Site - Nagdagdag ng bagong mga kulay ng oliba, violet, brown at kulay-abo. Ang mga ito ay magagamit sa lahat ng mga elemento na may mga pagkakaiba-iba ng kulay.
  • API - API ay maaari na ngayong gamitin sa mocked tugon, at pasadyang AJAX kahilingan. mockResponse ay naidagdag upang malutas kahilingan na may isang prespecified JSON object, o isang kasabay callback function.
  • API mockResponseAsync ay idinagdag para sa mga kahilingan custom asynchronous. Pinapayagan ka nito na tukuyin ang isang pasadyang async callback upang malutas ang isang kahilingan API, pagtulong sa pagsasama sa mga aklatan tulad Ember o Angular na maaaring balutin kahilingan AJAX.
  • API - callbacks API na ngayon ng isang onResponse callback na maaaring ayusin ng isang tugon server bago ito ipina-parse sa pamamagitan ng ibang callbacks para sa tagumpay o kabiguan kondisyon
  • .
  • API - API ngayon ay nagbibigay ng isang lokal na setting caching upang maiwasan server roundtrips para magkapareho url sa pamamagitan ng paggamit cache: 'lokal'. Na ito ay hindi pinagana sa pamamagitan ng default. Lokal caching ay kapaki-pakinabang para sa mga resulta na dapat ibalik ang parehong halaga sa kabuuan ng isang solong sesyon, halimbawa kapag querying isang autocomplete.
  • Card - Kards ngayon ay sumusuporta sa maramihang mga bloke pasadyang nilalaman. mga bloke ng nilalaman at mga imahe ay maaari na ngayong lumitaw sa anumang pagkakasunud-sunod.
  • Checkbox - Checkbox hindi na nangangailangan javascript to function
  • .
  • Checkbox -. Nagdagdag ng suporta para walang taning checkbox, kasama ang mga bagong stylings
  • Checkbox - Ngayon ay nagsasama hiwalay na pag-uugali para sa pagpapalitaw ng mga pagbabago ng estado nang walang invoking callbacks set check vs checked
  • Dropdown -. Idinagdag remote API integration sa dropdown, upang payagan ang pagpili search para sa mga tanong laban sa isang remote dataset
  • Dimmer - Dimmers ngayon ay may isang pag-blur ng pagkakaiba-iba na mag-aplay ng isang glass-tulad ng epekto kapag dimmed
  • Dropdown - Dropdowns ngayon awtomatikong obserbahan ang mga pagbabago sa menu at i-update selector cache na may mga bagong karagdagan
  • Dropdowns - Nagdagdag ng kakayahan upang magdagdag ng mga pasadyang mga pagpipilian sa lahat ng dropdowns pagpili search (multi / single) gamit allowAdditions: true setting. Search Nagpapakita na ngayon ang mensahe ng error sa walang mga resulta sa lahat ng mga kaso.
  • Dropdown -. Mga shortcut sa keyboard ay naidagdag para sa pagpili ng dropdown mga pagpipilian, halimbawa "N" ay mag-scroll sa "New York" sa isang listahan ng pagpili ng estado, katulad ng nativebehavior
  • Dropdown -. Nagdagdag ng bagong variation dropdown scroll dropdown at pag-scroll menu, ito ay maaaring gamitin upang isama ang isang i-scroll seksyon sa loob ng isang dropdown menu
  • Dropdown - Dropdown ay awtomatikong mai-animate paitaas kung diyan ay hindi sapat na espasyo upang lilitaw sa ibaba
  • .
  • Dropdown - Paggamit ng page up at pahina down na mga susi ay ngayon mag-scroll menu sa pamamagitan ng isang pahina sa isang panahon
  • Form - Forms ngayong gamitin flexbox para sa paglikha ng field groups. Inline patlang sinusuportahan ngayon (x) ang lapad sizing gamit flex
  • Grid - Grids ngayong gamitin flexbox, mga haligi ay ngayon lahat ng pantay taas sa pamamagitan ng default. New flexbox alignment uri tulad ng mag-inat ang naidagdag para sa mas madaling vertical alignment.
  • Maramihang UI - Maraming mga bahagi na ngayong gamitin flexbox, na nangangahulugan nakaraang nakalilito mga pag-aayos tulad ng font-size: 0; alisin white-space mula inline block ay hindi na kinakailangan. Inaalis ito Hack, ngayon ay nangangahulugang anumang elemento ay maaaring maging isang direktang anak ng grid o menu.
  • Modal - Nagdagdag ng bagong mga setting blurring at Baliktad na awtomatikong itakda ang isang modal ni dimmer sa alinman inverted o blurring
  • .
  • Menu - Menu ngayon ay gumagamit flexbox. Ito ay nagpapahintulot sa mga item sa menu upang tumugma sa bawat iba heights hindi alintana ng bawat item ng nilalaman laki. tamang nilalaman menu ay dapat na ngayong sundin ang iba pang nilalaman menu sa halip na sa unahan ng ito (hindi na gumagamit ng float).
  • Grid - Grids ay ngayon flexbox at pantay-pantay na taas sa pamamagitan ng default, ang pantay na pagkakaiba-iba taas ay maaaring ligtas na tinanggal
  • Popup -. Popup ay rewritten upang drastically mapabuti ang pagganap, lalo na kapag pagsubok maramihang mga posisyon
  • Transition - Fallback javascript animation ay inalis mula sa mga sangkap ng UI tulad dropdown at popup upang madagdagan ang pagganap. Inaalis nito kailangan para sa mahal pseudo tagapili tulad ng: nakikita,: animated at:. Nakatago at binabawasan filesize
  • Form Pagpapatunay - Form pagpapatunay ay gumagamit ngayon ng isang solong setting object tulad ng iba pang mga module. Paggamit (patlang, mga setting) ay patuloy na gagana ngunit ay makabuo ng isang tutol abiso sa console
  • Form Pagpapatunay -. Sinusuportahan na ngayon ng Form pagpapatunay ng maraming bagong mga tuntunin ng pagpapatunay, kabilang ang ilang partikular para sa paggamit na may maramihang piliin halaga
  • Item - Item ay gumagamit na ngayon flexbox para sa layout
  • .
  • Message - icon ng mensahe ay gumagamit na ngayon flexbox para sa layout
  • Menu - vertical hugis ng mga talaan menu, isang tab menu vertical, ay naidagdag na
  • Input - Lahat ng mga uri ng pag-input gamitin flexbox para sa layout
  • Segment - Segment ngayon sinusuportahan complex nesting, maraming mga bagong alituntunin para sa kung paano segment grupo ay dapat na lumitaw sa loob grupo
  • Segment -. Bagong horizontal segment grupo gumawa pagtula out auto pagbabago ng laki haligi text lubhang mas madaling
  • Sidebar - iOS ay ngayon tama isumbong scrollTop halaga para sa dokumento o katawan kapag gumagamit ng isang sidebar. Chrome sa iOS ay wala nang mga isyu na may nakapirming nilalaman Hindi malagkit kaagad kapag gumagamit ng isang sidebar.
  • Hugis - Hugis ngayon tama inaayos para margin sa panig
  • Hakbang - Steps ngayong gamitin flexbox, tuluy-tuloy na hakbang ngayon center na nilalaman sa loob ng bawat hakbang
  • Hakbang - Steps hindi na kailangan item count at awtomatikong hatiin nang pantay-pantay
  • Transition - Transition code ay na-optimize upang madagdagan ang pagganap. 100% na pagpapabuti sa unang animation, at 40% na pagpapabuti sa mga kasunod na mga animation.
  • Visibility - Paggamit .visibility ({type: 'fixed'}) ay ngayon awtomatikong magdagdag ng isang placeholder elemento na kung saan ay magpalitan ng mga lugar na may isang elemento kapag ito ay naka-attach sa viewport. Ito ay dapat gumawa fixed nilalaman drastically mas simple.
  • Visibility - Visibility at malagkit na ngayong gamitin ang isang mas performant pub / sub pattern na lamang i-attach ang isang kaganapan sa konteksto scroll
  • .
  • Visibility - Nagdagdag ng dalawang bagong visibility callbacks onOnScreen at onOffScreen, na nagaganap, pinaka-malinaw naman kapag ang isang elemento unang lumilitaw sa o sa labas ng viewport ng isang browser
  • .
  • Pagpapahusay:
  • Site -. Idinagdag maraming bagong site variable, kabilang ang kakayahan upang kontrolin ang laki input sa lahat ng UI inputPadding, kasama ang higit pang mga kulay hangganan, accent, at mga kulay
  • Accordion - nagdadagdag onOpening at onClosing callback (bago animation) upang pumunta sa onOpen, onClose (pagkatapos animation)
  • Accordion -. Idinagdag sa pag-set para sa pagtukoy accordion trigger kaganapan
  • Pasukan ng Aktibidad - Aktibidad feed ay rewritten gamitin flexbox
  • API - API ay mayroon na ngayong bagong setting throttleFirstRequest at interruptRequests. Makatakip kahilingan ay i-abort ang isang nakaraang kahilingan sa isang elemento kapag gumagawa ng isang bagong kahilingan. throttleFirstRequest, nagtatakda kung ang unang kahilingan o lamang kasunod na mga kahilingan ay dapat na throttled kapag ang isang balbula duration ay tinukoy.
  • Bumuo Tools - Bumuo kasangkapan ay ngayon ipakita pre-tinukoy na mga error kapag ang isang tema file ay nawawala o isang elemento tumutukoy isang hindi magagamit tema
  • .
  • Bumuo Tools - Pagsasaayos site.variables ay ngayon muling itayo ang lahat UI, sa halip na lamang site.less
  • Button - Idinagdag: focus estilo para sa lahat ng uri button, lahat ng mga halimbawa na button sa docs ngayon keyboard focusable gamit ang alinman o tabindex kung saan naaangkop
  • .
  • Card - Card Kasama na ngayon sa isang nakasentro variation
  • Checkbox -. Checkbox ay ngayon gracefully tamang pag-uugali mahihingi sa bata input elemento sa halip na ang checkbox ui
  • Checkbox - Mas kaunting kb laki ng font icon
  • Divider - vertical divider sa loob ui grid ngayon account para sa column padding
  • Dropdown - Nested scroll menu ngayon sinusuportahan seleksyon keyboard, hal pagpindot sa "A" para sa mansanas, at keyboard scroll.
  • Dropdown - Dropdowns ngayon ay mayroon setting tugma upang tukuyin kung upang tumugma sa text, value o pareho
  • Dropdown - Multi piliin dropdowns ngayon ay mayroon bagong setting para sa pagtukoy ng maximum na seleksyon count
  • Dropdown - Dropdown ay pagtatakda para sa pagtatakda ng placeholder text sa javascript bagong placeholder
  • Dropdown - Added showOnFocus opsyon na nagpapahintulot sa inyo tukuyin kung dropdown menu ay dapat ipakita sa focus
  • Dropdown - fullTextSearch: true ngayon ay gumagamit ng fuzzy paghahanap (parehong bilang ui paghahanap)
  • Dropdown - Page down at page up ngayon ay gumagana sa dropdown menu
  • Dropdown - Dropdown initialize sa may kapansanan prop sa isang pagpipilian ay ngayon tama lumitaw pinagana
  • Dropdown - Nagdagdag disabled item estado, hindi pinagana ang mga item ay awtomatikong nilaktawan sa pagpili keyboard
  • Form - Nagdagdag ng isang host ng mga bagong estilo para sa mga field ng form autocompleted ng iyong browser, kabilang autocompleted error, at focus states
  • Form - Idinagdag patakaran placeholder kulay para sa IE, ms-input-placeholder
  • Form - Ayusin errored field pagpili ng kulay dropdown keyboard
  • Form - Nagdadagdag anyo tagumpay estado
  • Form Pagpapatunay - Added ay may-bisa pag-uugali, ay nagbabalik true / false kung anyo ay may-bisa
  • Form Pagpapatunay - Nagdagdag iba't ibang [field] rule kung saan ay nangangailangan ng isang patlang upang maging iba kaysa sa isa pang field
  • Form Pagpapatunay - data-patunayan ngayon tumatagal ng higit na kahalagahan sa paglipas ng iba pang pagpapatunay matching schemes tulad ng pangalan o id
  • Form Pagpapatunay - Bagong mga panuntunan para sa pagtutugma laban custom regular na expression
  • Form Pagpapatunay - Form pagpapatunay ay mayroon na ngayong minCount, maxCount, at exactCount para sa pagpapatunay maramihang mga seleksyon
  • Grid - celled grid nagtanggal ngayon panloob cells sa mga mobile at tablet kapag ginamit sa pagdodoble grid tumutugon variation
  • .
  • Grid -. Idinagdag malaking screen lamang at widescreen lamang tumutugon pagkakaiba-iba para grid
  • Grid - pantay width grids ngayon ay gumagana nang walang hilera wrappers
  • Grid - hilera ay maaari na ngayong i-stretch pati na rin ang gitnang nakahanay, ibaba nakahanay at top nakahanay
  • Grid - Nakapirming mga margin sa loob celled grid
  • Grid - celled at sa loob celled grid ngayong gamitin flexbox halip ng display: table;
  • Mga header - Nagdagdag ng bagong uri ng header sub header, kapaki-pakinabang para sa pagpapakita ng mga maliliit na mga header kasama ng mga tekstong nilalaman. Tingnan ang mga halimbawa sa docs header
  • Imahe - Ang mga larawan na ngayong magsama ng isang spaced variation para sa pagdaragdag ng whitespace sa paligid ng mga imahe kapag ginamit inline na may teksto
  • .
  • Input - Nagdagdag patakaran placeholder kulay para sa IE, ms-input-placeholder
  • Input - Action input Sinusuportahan na ngayon ng maramihang mga pindutan, at dropdown
  • Label - Label ngayon ay mayroon aktibo at aktibong hover estado
  • Label - Label ngayon nagtatakda ng isang img taas kahit na kapag hindi gumagamit ng isang label image
  • List - Ang anumang nilalaman sa loob ng isang listahan ui ay maaari na ngayong patayo nakahanay
  • Menu - Idagdag halimbawa / dokumentasyon para sa nakapirming menu
  • Menu - Nagdagdag stackable menu variation para sa simpleng tumutugon menu
  • Menu - Nagdagdag ng maraming mga bagong variable upang menu
  • Menu -. Fixed ilang mga isyu mana dropdown item sa loob menu na lumilitaw bilang menu item
  • Menu - Horizontal menu ngayong itakda ang isang default na laki ng larawan para sa mga imahe / logo
  • Menu - Menu item ay ngayon bahagyang mas may palaman
  • Menu - Ang hover / aktibo estado ng dropdown item ay nababagay upang tumugma item. Dropdown estilo ay maaaring may temang partikular loob menu.
  • Menu - Vertical dropdown menu ay hindi na 100% min-width
  • Modal - Modal ngayon ay gumagamit ng isang nababagay scale sa paglipat sa ang default na tema, na dapat ay mas pino at mas mahusay na trabaho na may mahabang modal nilalaman
  • .
  • Modal - Modal onApprove at onDeny ngayon makatanggap ng activate elemento bilang unang parameter. Idinagdag dokumentasyon tungkol sa paggamit ng return false upang maiwasan ang pagtatago elemento sa pag-click.
  • Modal - Modal nilalaman ngayon ay gumagamit ng flex, nilalaman imahe ay nangangailangan ngayon nilalaman ng imahe klase sa magulang upang pahintulutan para sa flex stylings
  • .
  • Popup - Popup ngayon tumutukoy sa isang pagbabagong-anyo-origin kaya animations ay maaapektuhan sa pamamagitan ng direksyon ang elemento ay nakalagay
  • Popup - onShow at onHide callback ay maaari na ngayong i-cancel popup mula sa pagpapakita o pagtatago sa pamamagitan ng pagbalik false
  • Popup - Nagdagdag ng higit mga variation ng laki para sa popup mini, maliit na maliit
  • Progress - nagpapahiwatig label ngayon ay mas nababasa paggamit hiwalay css variable mula nagpapahiwatig bar kulay
  • Ipakita - Nagdagdag ng bagong aktibong estado na nagbibigay-daan sa iyo upang ipakita magbunyag programatically
  • Search - ( '. Paghahanap'). Cache ay maaari na ngayong ma-clear gamit $ search ( 'clear ang cache')
  • Segment - Nagdagdag palaman at napaka palaman segment pagkakaiba-iba
  • Search - Search ngayon ay nagpapatakbo off ng isang natatanging id na nabuo sa pamamagitan ng resulta posisyon upang makuha ang mga resulta. Halimbawa kategoryang # 1 unang resulta ay 'A1'. Dati magresulta pamagat ay ginamit bilang kanilang "id", na maaaring magdulot ng mga isyu na may mga dobleng mga pamagat, o mga resulta na hindi naglalaman ng isang pamagat.
  • Search - Paghahanap ay ngayon awtomatikong idagdag kategoryang klase kapag gumagamit uri:. Kategoryang
  • Search - Paghahanap ay ngayon makabuo ng mga resulta container kung ang isa ay hindi naroroon sa init
  • Search - Search ngayon ay gumagamit ng em para resizes, siguraduhin ito ay baguhin ang laki sa mga nakapalibot na nilalaman
  • Search - Maghanap prompt ngayon ay focus estilo tinukoy kung hindi gumagamit ui input
  • Segment -. Idinagdag clearing segment para sa mga kaso na kailangan ng isang clearfix
  • Sidebar - Pinabuting pagganap animation sa pamamagitan ng pagganap debugging. Sidebar mga cache ngayon, lapad, taas, rtl direksyon sa load.
  • Site - Nakapirming mixed globals @defaultDuration at @transitionDuration paggamit upang gamitin ang isang solong variable sa lahat ng UI @defaultDuration, ang parehong para sa @defaultEasing at @transitionEasing
  • Site - Idinagdag sa pageOverflowX variable, default na tema Itinatago horizontal scrollbars sa katawan
  • Site - Idinagdag default focus kulay para sa lahat-iba ng kulay
  • Site - Lahat lumulutang / itataas mga pagkakaiba-iba ngayon magmana mula sa isang global @floatedShadow paggawa theming madali
  • Sticky - Sticky ngayon panloob cache kasalukuyang scroll posisyon kapag cantFit = true upang maiwasan ang pagkuha DOM ari-arian sa scroll
  • .
  • Statistic - Nagdagdag ng bagong pantay-pantay na hinati ng pagkakaiba-iba grupo, halimbawa tatlong mga istatistika ay nagpapakita 3 bawat hilera
  • Statistic - Statitic grupo na ngayong gamitin ang ibaluktot. Estilo ay na-update.
  • Steps - Nagdagdag nakalakip hakbang, kung saan ay maaari na ngayong naka-attach sa iba pang mga UI tulad segment
  • Tabs - Tab ay ngayon nang manu-mano tamang pahina scroll posisyon kapag nag-uugnay sa isang in-page anchor sa isang nakatagong tab
  • Tabs - Nagdagdag ng bagong callbacks onTabVisible at onRequest
  • Tabs - Added parseScripts option, nagde-default sa isang beses sa pag-parse inline script lamang unang load
  • Table - Nagdadagdag ng pagkakaiba-iba na maaaring piliin ng talahanayan, na nagpapakita hover effect sa hilera kapag pagpasada
  • Table - Idinagdag vertical alignment pagkakaiba-iba upang ui talahanayan
  • Table - Idinagdag solong linya ng pagkakaiba-iba ng talahanayan na pinipigilan text mag-wrap
  • Transition - Pagsasaayos style o klase ng panahon ng isang transition, ay hindi na i-reset ang pagbabago pagkatapos transition makumpleto
  • .
  • Transition -. Transition ay hindi na puwersahin ang nakikita / nakatago sa inline estilo kung onComplete callback set visibility
  • Visibility / Sticky - Pagpapakita at malagkit ngayong i-refresh awtomatikong matapos pahina ng nilalaman loading sa pakikitungo sa mga pagbabago sa posisyon mula sa mga imahe sa paglo-load
  • Visibility / Sticky - Visibility ngayon ay gumagamit ng pub / sub pattern upang lubos na mapabuti scroll pagganap kapag attaching maramihang mga kaganapan
  • Visibility - visiblity ay nagsasama ng isang bagong setting checkOnRefresh na tumutukoy kung visibility callbacks dapat mangyari sa pagbabago ng laki o i-refresh
  • Visibility - Visibility imahe ay ngayon maghintay sa tamad imahe load na nasa itaas ng kasalukuyang posisyon screen, hindi lamang sa ibaba
  • .

Ano ang bago sa bersyon 2.1.4:

  • Bagong UI:
  • Lalagyan - Lalagyan ay nakapirming lapad lalagyan sinadya para sa mga humahawak mga nilalaman ng pahina, at ikaw ay isang mas simpleng alternatibo sa ui page grid, tingnan ang higit pang mga halimbawa sa docs
  • Multiselect - New maramihang mga uri dropdown naidagdag. Maraming mga bagong pagpapabuti dropdown naidagdag kabilang ang mga tampok sa pag-tag / tokenizing at loading data sa pamamagitan ng mga kahilingan API.
  • I-embed - New embed component ay nagbibigay-daan para sa madaling tablan iframe pag-embed na mapanatili ang kanilang aspect ratio. I-embed ang maaaring magamit sa YouTube o Vimeo video, kasama ng placeholder nilalaman upang maiwasan ang loading third party na aklatan hanggang sa piliin ang isang gumagamit na makihalubilo sa mga video.
  • Major Pagpapahusay:
  • Site - Nagdagdag ng bagong mga kulay ng oliba, violet, brown at kulay-abo. Ang mga ito ay magagamit sa lahat ng mga elemento na may mga pagkakaiba-iba ng kulay.
  • API - API ay maaari na ngayong gamitin sa mocked tugon, at pasadyang AJAX kahilingan. mockResponse ay naidagdag upang malutas kahilingan na may isang prespecified JSON object, o isang kasabay callback function.
  • API mockResponseAsync ay idinagdag para sa mga kahilingan custom asynchronous. Pinapayagan ka nito na tukuyin ang isang pasadyang async callback upang malutas ang isang kahilingan API, pagtulong sa pagsasama sa mga aklatan tulad Ember o Angular na maaaring balutin kahilingan AJAX.
  • API - callbacks API na ngayon ng isang onResponse callback na maaaring ayusin ng isang tugon server bago ito ipina-parse sa pamamagitan ng ibang callbacks para sa tagumpay o kabiguan kondisyon
  • .
  • API - API ngayon ay nagbibigay ng isang lokal na setting caching upang maiwasan server roundtrips para magkapareho url sa pamamagitan ng paggamit cache: 'lokal'. Na ito ay hindi pinagana sa pamamagitan ng default. Lokal caching ay kapaki-pakinabang para sa mga resulta na dapat ibalik ang parehong halaga sa kabuuan ng isang solong sesyon, halimbawa kapag querying isang autocomplete.
  • Card - Kards ngayon ay sumusuporta sa maramihang mga bloke pasadyang nilalaman. mga bloke ng nilalaman at mga imahe ay maaari na ngayong lumitaw sa anumang pagkakasunud-sunod.
  • Checkbox - Checkbox hindi na nangangailangan javascript to function
  • .
  • Checkbox -. Nagdagdag ng suporta para walang taning checkbox, kasama ang mga bagong stylings
  • Checkbox - Ngayon ay nagsasama hiwalay na pag-uugali para sa pagpapalitaw ng mga pagbabago ng estado nang walang invoking callbacks set check vs checked
  • Dropdown -. Idinagdag remote API integration sa dropdown, upang payagan ang pagpili search para sa mga tanong laban sa isang remote dataset
  • Dimmer - Dimmers ngayon ay may isang pag-blur ng pagkakaiba-iba na mag-aplay ng isang glass-tulad ng epekto kapag dimmed
  • Dropdown - Dropdowns ngayon awtomatikong obserbahan ang mga pagbabago sa menu at i-update selector cache na may mga bagong karagdagan
  • Dropdowns - Nagdagdag ng kakayahan upang magdagdag ng mga pasadyang mga pagpipilian sa lahat ng dropdowns pagpili search (multi / single) gamit allowAdditions: true setting. Search Nagpapakita na ngayon ang mensahe ng error sa walang mga resulta sa lahat ng mga kaso.
  • Dropdown -. Mga shortcut sa keyboard ay naidagdag para sa pagpili ng dropdown mga pagpipilian, halimbawa "N" ay mag-scroll sa "New York" sa isang listahan ng pagpili ng estado, katulad ng nativebehavior
  • Dropdown -. Nagdagdag ng bagong variation dropdown scroll dropdown at pag-scroll menu, ito ay maaaring gamitin upang isama ang isang i-scroll seksyon sa loob ng isang dropdown menu
  • Dropdown - Dropdown ay awtomatikong mai-animate paitaas kung diyan ay hindi sapat na espasyo upang lilitaw sa ibaba
  • .
  • Dropdown - Paggamit ng page up at pahina down na mga susi ay ngayon mag-scroll menu sa pamamagitan ng isang pahina sa isang panahon
  • Form - Forms ngayong gamitin flexbox para sa paglikha ng field groups. Inline patlang sinusuportahan ngayon (x) ang lapad sizing gamit flex
  • Grid - Grids ngayong gamitin flexbox, mga haligi ay ngayon lahat ng pantay taas sa pamamagitan ng default. New flexbox alignment uri tulad ng mag-inat ang naidagdag para sa mas madaling vertical alignment.
  • Maramihang UI - Maraming mga bahagi na ngayong gamitin flexbox, na nangangahulugan nakaraang nakalilito mga pag-aayos tulad ng font-size: 0; alisin white-space mula inline block ay hindi na kinakailangan. Inaalis ito Hack, ngayon ay nangangahulugang anumang elemento ay maaaring maging isang direktang anak ng grid o menu.
  • Modal - Nagdagdag ng bagong mga setting blurring at Baliktad na awtomatikong itakda ang isang modal ni dimmer sa alinman inverted o blurring
  • .
  • Menu - Menu ngayon ay gumagamit flexbox. Ito ay nagpapahintulot sa mga item sa menu upang tumugma sa bawat iba heights hindi alintana ng bawat item ng nilalaman laki. tamang nilalaman menu ay dapat na ngayong sundin ang iba pang nilalaman menu sa halip na sa unahan ng ito (hindi na gumagamit ng float).
  • Grid - Grids ay ngayon flexbox at pantay-pantay na taas sa pamamagitan ng default, ang pantay na pagkakaiba-iba taas ay maaaring ligtas na tinanggal
  • Popup -. Popup ay rewritten upang drastically mapabuti ang pagganap, lalo na kapag pagsubok maramihang mga posisyon
  • Transition - Fallback javascript animation ay inalis mula sa mga sangkap ng UI tulad dropdown at popup upang madagdagan ang pagganap. Inaalis nito kailangan para sa mahal pseudo tagapili tulad ng: nakikita,: animated at:. Nakatago at binabawasan filesize
  • Form Pagpapatunay - Form pagpapatunay ay gumagamit ngayon ng isang solong setting object tulad ng iba pang mga module. Paggamit (patlang, mga setting) ay patuloy na gagana ngunit ay makabuo ng isang tutol abiso sa console
  • Form Pagpapatunay -. Sinusuportahan na ngayon ng Form pagpapatunay ng maraming bagong mga tuntunin ng pagpapatunay, kabilang ang ilang partikular para sa paggamit na may maramihang piliin halaga
  • Item - Item ay gumagamit na ngayon flexbox para sa layout
  • .
  • Message - icon ng mensahe ay gumagamit na ngayon flexbox para sa layout
  • Menu - vertical hugis ng mga talaan menu, isang tab menu vertical, ay naidagdag na
  • Input - Lahat ng mga uri ng pag-input gamitin flexbox para sa layout
  • Segment - Segment ngayon sinusuportahan complex nesting, maraming mga bagong alituntunin para sa kung paano segment grupo ay dapat na lumitaw sa loob grupo
  • Segment -. Bagong horizontal segment grupo gumawa pagtula out auto pagbabago ng laki haligi text lubhang mas madaling
  • Sidebar - iOS ay ngayon tama isumbong scrollTop halaga para sa dokumento o katawan kapag gumagamit ng isang sidebar. Chrome sa iOS ay wala nang mga isyu na may nakapirming nilalaman Hindi malagkit kaagad kapag gumagamit ng isang sidebar.
  • Hugis - Hugis ngayon tama inaayos para margin sa panig
  • Hakbang - Steps ngayong gamitin flexbox, tuluy-tuloy na hakbang ngayon center na nilalaman sa loob ng bawat hakbang
  • Hakbang - Steps hindi na kailangan item count at awtomatikong hatiin nang pantay-pantay
  • Transition - Transition code ay na-optimize upang madagdagan ang pagganap. 100% na pagpapabuti sa unang animation, at 40% na pagpapabuti sa mga kasunod na mga animation.
  • Visibility - Paggamit .visibility ({type: 'fixed'}) ay ngayon awtomatikong magdagdag ng isang placeholder elemento na kung saan ay magpalitan ng mga lugar na may isang elemento kapag ito ay naka-attach sa viewport. Ito ay dapat gumawa fixed nilalaman drastically mas simple.
  • Visibility - Visibility at malagkit na ngayong gamitin ang isang mas performant pub / sub pattern na lamang i-attach ang isang kaganapan sa konteksto scroll
  • .
  • Visibility - Nagdagdag ng dalawang bagong visibility callbacks onOnScreen at onOffScreen, na nagaganap, pinaka-malinaw naman kapag ang isang elemento unang lumilitaw sa o sa labas ng viewport ng isang browser
  • .
  • Pagpapahusay:
  • Site -. Idinagdag maraming bagong site variable, kabilang ang kakayahan upang kontrolin ang laki input sa lahat ng UI inputPadding, kasama ang higit pang mga kulay hangganan, accent, at mga kulay
  • Accordion - nagdadagdag onOpening at onClosing callback (bago animation) upang pumunta sa onOpen, onClose (pagkatapos animation)
  • Accordion -. Idinagdag sa pag-set para sa pagtukoy accordion trigger kaganapan
  • Pasukan ng Aktibidad - Aktibidad feed ay rewritten gamitin flexbox
  • API - API ay mayroon na ngayong bagong setting throttleFirstRequest at interruptRequests. Makatakip kahilingan ay i-abort ang isang nakaraang kahilingan sa isang elemento kapag gumagawa ng isang bagong kahilingan. throttleFirstRequest, nagtatakda kung ang unang kahilingan o lamang kasunod na mga kahilingan ay dapat na throttled kapag ang isang balbula duration ay tinukoy.
  • Bumuo Tools - Bumuo kasangkapan ay ngayon ipakita pre-tinukoy na mga error kapag ang isang tema file ay nawawala o isang elemento tumutukoy isang hindi magagamit tema
  • .
  • Bumuo Tools - Pagsasaayos site.variables ay ngayon muling itayo ang lahat UI, sa halip na lamang site.less
  • Button - Idinagdag: focus estilo para sa lahat ng uri button, lahat ng mga halimbawa na button sa docs ngayon keyboard focusable gamit ang alinman o tabindex kung saan naaangkop
  • .
  • Card - Card Kasama na ngayon sa isang nakasentro variation
  • Checkbox -. Checkbox ay ngayon gracefully tamang pag-uugali mahihingi sa bata input elemento sa halip na ang checkbox ui
  • Checkbox - Mas kaunting kb laki ng font icon
  • Divider - vertical divider sa loob ui grid ngayon account para sa column padding
  • Dropdown - Nested scroll menu ngayon sinusuportahan seleksyon keyboard, hal pagpindot sa "A" para sa mansanas, at keyboard scroll.
  • Dropdown - Dropdowns ngayon ay mayroon setting tugma upang tukuyin kung upang tumugma sa text, value o pareho
  • Dropdown - Multi piliin dropdowns ngayon ay mayroon bagong setting para sa pagtukoy ng maximum na seleksyon count
  • Dropdown - Dropdown ay pagtatakda para sa pagtatakda ng placeholder text sa javascript bagong placeholder
  • Dropdown - Added showOnFocus opsyon na nagpapahintulot sa inyo tukuyin kung dropdown menu ay dapat ipakita sa focus
  • Dropdown - fullTextSearch: true ngayon ay gumagamit ng fuzzy paghahanap (parehong bilang ui paghahanap)
  • Dropdown - Page down at page up ngayon ay gumagana sa dropdown menu
  • Dropdown - Dropdown initialize sa may kapansanan prop sa isang pagpipilian ay ngayon tama lumitaw pinagana
  • Dropdown - Nagdagdag disabled item estado, hindi pinagana ang mga item ay awtomatikong nilaktawan sa pagpili keyboard
  • Form - Nagdagdag ng isang host ng mga bagong estilo para sa mga field ng form autocompleted ng iyong browser, kabilang autocompleted error, at focus states
  • Form - Idinagdag patakaran placeholder kulay para sa IE, ms-input-placeholder
  • Form - Ayusin errored field pagpili ng kulay dropdown keyboard
  • Form - Nagdadagdag anyo tagumpay estado
  • Form Pagpapatunay - Added ay may-bisa pag-uugali, ay nagbabalik true / false kung anyo ay may-bisa
  • Form Pagpapatunay - Nagdagdag iba't ibang [field] rule kung saan ay nangangailangan ng isang patlang upang maging iba kaysa sa isa pang field
  • Form Pagpapatunay - data-patunayan ngayon tumatagal ng higit na kahalagahan sa paglipas ng iba pang pagpapatunay matching schemes tulad ng pangalan o id
  • Form Pagpapatunay - Bagong mga panuntunan para sa pagtutugma laban custom regular na expression
  • Form Pagpapatunay - Form pagpapatunay ay mayroon na ngayong minCount, maxCount, at exactCount para sa pagpapatunay maramihang mga seleksyon
  • Grid - celled grid nagtanggal ngayon panloob cells sa mga mobile at tablet kapag ginamit sa pagdodoble grid tumutugon variation
  • .
  • Grid -. Idinagdag malaking screen lamang at widescreen lamang tumutugon pagkakaiba-iba para grid
  • Grid - pantay width grids ngayon ay gumagana nang walang hilera wrappers
  • Grid - hilera ay maaari na ngayong i-stretch pati na rin ang gitnang nakahanay, ibaba nakahanay at top nakahanay
  • Grid - Nakapirming mga margin sa loob celled grid
  • Grid - celled at sa loob celled grid ngayong gamitin flexbox halip ng display: table;
  • Mga header - Nagdagdag ng bagong uri ng header sub header, kapaki-pakinabang para sa pagpapakita ng mga maliliit na mga header kasama ng mga tekstong nilalaman. Tingnan ang mga halimbawa sa docs header
  • Imahe - Ang mga larawan na ngayong magsama ng isang spaced variation para sa pagdaragdag ng whitespace sa paligid ng mga imahe kapag ginamit inline na may teksto
  • .
  • Input - Nagdagdag patakaran placeholder kulay para sa IE, ms-input-placeholder
  • Input - Action input Sinusuportahan na ngayon ng maramihang mga pindutan, at dropdown
  • Label - Label ngayon ay mayroon aktibo at aktibong hover estado
  • Label - Label ngayon nagtatakda ng isang img taas kahit na kapag hindi gumagamit ng isang label image
  • List - Ang anumang nilalaman sa loob ng isang listahan ui ay maaari na ngayong patayo nakahanay
  • Menu - Idagdag halimbawa / dokumentasyon para sa nakapirming menu
  • Menu - Nagdagdag stackable menu variation para sa simpleng tumutugon menu
  • Menu - Nagdagdag ng maraming mga bagong variable upang menu
  • Menu -. Fixed ilang mga isyu mana dropdown item sa loob menu na lumilitaw bilang menu item
  • Menu - Horizontal menu ngayong itakda ang isang default na laki ng larawan para sa mga imahe / logo
  • Menu - Menu item ay ngayon bahagyang mas may palaman
  • Menu - Ang hover / aktibo estado ng dropdown item ay nababagay upang tumugma item. Dropdown estilo ay maaaring may temang partikular loob menu.
  • Menu - Vertical dropdown menu ay hindi na 100% min-width
  • Modal - Modal ngayon ay gumagamit ng isang nababagay scale sa paglipat sa ang default na tema, na dapat ay mas pino at mas mahusay na trabaho na may mahabang modal nilalaman
  • .
  • Modal - Modal onApprove at onDeny ngayon makatanggap ng activate elemento bilang unang parameter. Idinagdag dokumentasyon tungkol sa paggamit ng return false upang maiwasan ang pagtatago elemento sa pag-click.
  • Modal - Modal nilalaman ngayon ay gumagamit ng flex, nilalaman imahe ay nangangailangan ngayon nilalaman ng imahe klase sa magulang upang pahintulutan para sa flex stylings
  • .
  • Popup - Popup ngayon tumutukoy sa isang pagbabagong-anyo-origin kaya animations ay maaapektuhan sa pamamagitan ng direksyon ang elemento ay nakalagay
  • Popup - onShow at onHide callback ay maaari na ngayong i-cancel popup mula sa pagpapakita o pagtatago sa pamamagitan ng pagbalik false
  • Popup - Nagdagdag ng higit mga variation ng laki para sa popup mini, maliit na maliit
  • Progress - nagpapahiwatig label ngayon ay mas nababasa paggamit hiwalay css variable mula nagpapahiwatig bar kulay
  • Ipakita - Nagdagdag ng bagong aktibong estado na nagbibigay-daan sa iyo upang ipakita magbunyag programatically
  • Search - ( '. Paghahanap'). Cache ay maaari na ngayong ma-clear gamit $ search ( 'clear ang cache')
  • Segment - Nagdagdag palaman at napaka palaman segment pagkakaiba-iba
  • Search - Search ngayon ay nagpapatakbo off ng isang natatanging id na nabuo sa pamamagitan ng resulta posisyon upang makuha ang mga resulta. Halimbawa kategoryang # 1 unang resulta ay 'A1'. Dati magresulta pamagat ay ginamit bilang kanilang "id", na maaaring magdulot ng mga isyu na may mga dobleng mga pamagat, o mga resulta na hindi naglalaman ng isang pamagat.
  • Search - Paghahanap ay ngayon awtomatikong idagdag kategoryang klase kapag gumagamit uri:. Kategoryang
  • Search - Paghahanap ay ngayon makabuo ng mga resulta container kung ang isa ay hindi naroroon sa init
  • Search - Search ngayon ay gumagamit ng em para resizes, siguraduhin ito ay baguhin ang laki sa mga nakapalibot na nilalaman
  • Search - Maghanap prompt ngayon ay focus estilo tinukoy kung hindi gumagamit ui input
  • Segment -. Idinagdag clearing segment para sa mga kaso na kailangan ng isang clearfix
  • Sidebar - Pinabuting pagganap animation sa pamamagitan ng pagganap debugging. Sidebar mga cache ngayon, lapad, taas, rtl direksyon sa load.
  • Site - Nakapirming mixed globals @defaultDuration at @transitionDuration paggamit upang gamitin ang isang solong variable sa lahat ng UI @defaultDuration, ang parehong para sa @defaultEasing at @transitionEasing
  • Site - Idinagdag sa pageOverflowX variable, default na tema Itinatago horizontal scrollbars sa katawan
  • Site - Idinagdag default focus kulay para sa lahat-iba ng kulay
  • Site - Lahat lumulutang / itataas mga pagkakaiba-iba ngayon magmana mula sa isang global @floatedShadow paggawa theming madali
  • Sticky - Sticky ngayon panloob cache kasalukuyang scroll posisyon kapag cantFit = true upang maiwasan ang pagkuha DOM ari-arian sa scroll
  • .
  • Statistic - Nagdagdag ng bagong pantay-pantay na hinati ng pagkakaiba-iba grupo, halimbawa tatlong mga istatistika ay nagpapakita 3 bawat hilera
  • Statistic - Statitic grupo na ngayong gamitin ang ibaluktot. Estilo ay na-update.
  • Steps - Nagdagdag nakalakip hakbang, kung saan ay maaari na ngayong naka-attach sa iba pang mga UI tulad segment





















































































Ano ang bago sa bersyon 1.3.2:









  • Pag-aayos:





Limitasyon


Katulad na software

Grdlss
Grdlss

12 May 15

Formee
Formee

13 May 15

Wirefy
Wirefy

19 Jul 15

MUI
MUI

10 Feb 16

Mga komento sa Semantic UI

Mga Komento hindi natagpuan
Magdagdag ng komento
I-sa mga imahe!
Maghanap ayon sa kategorya