5 ms·

Hi, guys, We have spent hundreds of hours build a new website with Semantic-UI for Semantic-UI: http://semantic-ui-forest.com/ http://semantic-ui-forest.com/.

Hi, guys, We have spent hundreds of hours build a new website with Semantic-UI for Semantic-UI: http://semantic-ui-forest.com/ http://semantic-ui-forest.com/. Semantic-UI is my favourite front-end CSS website, I have built several websites with Semantic-UI, and I love it, feel delightful when developing with Semantic-UI. But compared with Bootstrap, the ecosystem of Semantic-UI is small, so we have semantic-ui-forest for you: http://semantic-ui-forest.com/posts/2017-04-05-introducing-semantic-ui-forest/ http://semantic-ui-forest.com/posts/2017-04-05-introducing-s... . In this website, we have ported 16 themes from bootswatch(bootstrap) to Semantic-UI (http://semantic-ui-forest.com/themes http://semantic-ui-forest.com/themes), and also, we have ported 18 official bootstrap examples (https://getbootstrap.com/getting-started/#examples https://getbootstrap.com/getting-started/#examples) and reimplemented in Semantic-UI (http://semantic-ui-forest.com/templates/ http://semantic-ui-forest.com/templates/). Not advertising, however, we think this maybe helpful for people who are interested in Semantic-UI and want to give it a try.

NicoJuicy 10y ago
I hate to say this, but when I opened this with my smartphone, the layout was not responsive. So I closed it again
- du_bing 10y ago
  Co-worker here, yeah, truly some pages of the site are not yet quite responsive, sorry for that, we plan to improve it in the future. On the site there are some particular templates designed to show the responsiveness or non-responsiveness, you could open them on smart phone or desktop computer to see the differences: http://semantic-ui-forest.com/templates/bootstrap/grid/ http://semantic-ui-forest.com/templates/bootstrap/grid/ http://semantic-ui-forest.com/templates/bootstrap/navbar-fixed-top/ http://semantic-ui-forest.com/templates/bootstrap/navbar-fix... http://semantic-ui-forest.com/templates/bootstrap/non-responsive/ http://semantic-ui-forest.com/templates/bootstrap/non-respon... Semantic-UI gives more freedom for features like responsiveness, theme customization with 3000+ variables, although the default configurations are also very good.
  - NicoJuicy 10y ago
    I think it's not detecting my mobile as mobile. Motorola Play X here in Android, chrome
    - du_bing 10y ago
      Oh，yeah, it's set to be like so in the HTML's header, so you could see the whole webpage's layout like on a computer, we are going to improve the responsiveness soon. For developers who want to apply some themes and templates to build their websites, it may be useful. Thanks for visiting!
  - wruza 10y ago
    The rendering is awful and somewhat irrational for all three links on my phone. Was that designed to show non-responsiveness?
- ajmurmann 10y ago
  I think the layout issues go beyond not being responsive. I usually don't mind at all to just center on the main article text and read in the general layout. However, the article layout assumed such a huge screen width that it's impossible to read on an iPhone without coming in and manually dragging left and right as you read.
  - xiaohanyu 10y ago
    This site was released for just about one week, and yes, we know there're still many many problems, we will fix that as soon as possible.
jorgeer 10y ago
I think this is really great! Will definitely save this for later.
- xiaohanyu 10y ago
  Glad you like our work, thanks!
wruza 10y ago
>Not advertising A SEO expert walks into a bar, bars, pub, public house, Irish pub, drinks, beer.
- oblio 10y ago
  Heh. He only wrote "Semantic-UI" 9 times, with this exact spelling. Case insensitively and including partial matches, 14 times. Semantic-UI is literally "spam", in its original meaning.
KaoruAoiShiho 10y ago
Just a piece of adv bro, this thread is full of advertising. If you didn't mention it nobody would care, but now that you used the word your post sounds terrible.
garysieling 10y ago
I've been incorporating it into https://www.findlectures.com https://www.findlectures.com as well, and it's been great. I'm slowly moving pieces from Bootstrap to Semantic UI, and they work surprisingly well together.
- du_bing 10y ago
  Really interesting and useful site for searching lecture videos of certain people or topics, bookmarked, thanks for sharing!

NicoJuicy 10y ago

I hate to say this, but when I opened this with my smartphone, the layout was not responsive. So I closed it again

du_bing 10y ago
Co-worker here, yeah, truly some pages of the site are not yet quite responsive, sorry for that, we plan to improve it in the future. On the site there are some particular templates designed to show the responsiveness or non-responsiveness, you could open them on smart phone or desktop computer to see the differences: http://semantic-ui-forest.com/templates/bootstrap/grid/ http://semantic-ui-forest.com/templates/bootstrap/grid/ http://semantic-ui-forest.com/templates/bootstrap/navbar-fixed-top/ http://semantic-ui-forest.com/templates/bootstrap/navbar-fix... http://semantic-ui-forest.com/templates/bootstrap/non-responsive/ http://semantic-ui-forest.com/templates/bootstrap/non-respon... Semantic-UI gives more freedom for features like responsiveness, theme customization with 3000+ variables, although the default configurations are also very good.
- NicoJuicy 10y ago
  I think it's not detecting my mobile as mobile. Motorola Play X here in Android, chrome
  - du_bing 10y ago
    Oh，yeah, it's set to be like so in the HTML's header, so you could see the whole webpage's layout like on a computer, we are going to improve the responsiveness soon. For developers who want to apply some themes and templates to build their websites, it may be useful. Thanks for visiting!
- wruza 10y ago
  The rendering is awful and somewhat irrational for all three links on my phone. Was that designed to show non-responsiveness?
ajmurmann 10y ago
I think the layout issues go beyond not being responsive. I usually don't mind at all to just center on the main article text and read in the general layout. However, the article layout assumed such a huge screen width that it's impossible to read on an iPhone without coming in and manually dragging left and right as you read.
- xiaohanyu 10y ago
  This site was released for just about one week, and yes, we know there're still many many problems, we will fix that as soon as possible.

jorgeer 10y ago

I think this is really great! Will definitely save this for later.

xiaohanyu 10y ago
Glad you like our work, thanks!

wruza 10y ago

>Not advertising A SEO expert walks into a bar, bars, pub, public house, Irish pub, drinks, beer.

oblio 10y ago
Heh. He only wrote "Semantic-UI" 9 times, with this exact spelling. Case insensitively and including partial matches, 14 times. Semantic-UI is literally "spam", in its original meaning.

KaoruAoiShiho 10y ago

Just a piece of adv bro, this thread is full of advertising. If you didn't mention it nobody would care, but now that you used the word your post sounds terrible.

garysieling 10y ago

I've been incorporating it into https://www.findlectures.com https://www.findlectures.com as well, and it's been great. I'm slowly moving pieces from Bootstrap to Semantic UI, and they work surprisingly well together.

du_bing 10y ago
Really interesting and useful site for searching lecture videos of certain people or topics, bookmarked, thanks for sharing!