best is http://bulma.io
only one that i know is actually well put together.
Downside is, its pure SCSS, no javascript, so you need to write your own .js
its ok, kind of dark and creepy, it does not have this pop, like wow that looks cool, I want to hire this guy.
start over and make a new one
here is a nice example I like personally
https://online-resume-6f0b5.firebaseapp.com/
Keep this is mind, has to look good on desktop and mobile device.
you could use say Flexbox and demonstrate your skills
I don't know, there is just so much you could had done.
that is old as dirt XD
have not been updated or maintained in years...
why not use something more modern...
or even bootstrap 4 XD
If it is more of a learning experience, then you can look at http://bulma.io. A decent css framework to work with.
For time to market and quick turnaround though, it is hard to beat bootstrap. A default Laravel installation includes that for you already with the whole mix/webpack thing.
css framework is something like http://bulma.io or http://getbootstrap.com
it styles your components for you without writing css yourself.
Vue + Bulma Setup * https://medium.com/wdstack/vue-js-project-setup-2b39fcc8867d
Good eye. Nope, not a Vue convention at all. Bulma (the css framework I used) gave that name to one of their layouts (Hero - http://bulma.io/documentation/layout/hero/).
Since I pretty much used that layout (and sublayouts) for the entirety of the app - I thought it fitting to segment the names accordingly.
Yeah, Zurb is pretty cool. I've also had a look at SemanticUI (although maybe it's a bit too heavy) and PureCSS and Bulma. It's hard to make the right decision. Bootstrap really seemed to have the momentum and the market share before it stagnated.
use a better font
remove read more
make the image clickable
make the title clickable
center all images
overall its good for a noob design.
i got an idea, start with something like this http://bulma.io and add your own CSS on top of it.
You mean here? It doesn't require a scrollbar, you just have to swipe, and it functions just fine on mobile. That's a common design pattern, I've seen it in many Android apps. In my opinion, it works really well. If you disagree, then use a sidebar menu when the tabs no longer fit on the screen.
I really like the Bulma way of doing things, wich is pretty much a combination of both.
A default hero would be this:
<section class="hero"> <div class="hero-body"> <div class="container"> <h1 class="title">Hero title</h1> </div> </div> </section>
But if you want to modify the hero to be fullscreen for example, you simply add a modifier class that always starts with either is-modifier
of has-modifier
eg:
<section class="hero is-success is-fullheight"> [...] </section>
It is widely used yes. Bootslap isn't hard to get to grips with so plough on through and you'll be able to transfer those skills to other projects. It's just a css framework after all.
I use http://bulma.io these days which great.
If you're looking for a CSS framework, then I would highly recommend Bulma.io which has a lot of good elements that work really well for a dashboard style site.
There is no JavaScript interaction with anything in Bulma, it's literally just CSS, but that's another reason I like it. It doesn't have nearly as much bloat as Bootstrap.
If you're looking for a JavaScript library to help you build the front-end, then I would highly recommend using Vue, which is loaded by default into new Laravel projects.
If you're looking for lessons on Laravel and Vue, check out laracasts.com and vuecasts.com they have been invaluable in helping me learn both technologies.
Your idea is quite interesting and I would love to have an opportunity to showcase my skills. My team has pulled 240+ projects powered by CSS effects and we can certainly use elements found in http://bulma.io/. We prefer to create custom for all projects and surely have the understanding of what is needed. Please check your inbox for examples, price and other details.
Hi guys, I thought I knew about good design, use of space, grids, etc - but when it came the time to make a simple website look nice, I'm totally failing :(
I have to present this chart and a little bit of information, and couldn't get a placement/alignment I really liked. I don't know where to put that stupid button.
I tried using a "card" (http://bulma.io/documentation/components/card/) and it was way worse than that table.
I had a good improvement (IMO) when I did the "wrapper white box" thing, because now at least the chart has a stronger limit (notice that the chart has ugly labels overflowing on the x axis - I can't really change that with the JS library I'm using.)
I would love ideas to improve this! Most websites are images and text, which fit easier into grids...
Hi guys, I thought I knew about good design, use of space, grids, etc - but when it came the time to make a simple website look nice, I'm totally failing :(
I have to present this chart and a little bit of information, and couldn't get a placement/alignment I really liked. I don't know where to put that stupid button. I tried using a "card" (http://bulma.io/documentation/components/card/) and it was way worse than that table.
I had a major improvement when I did the "white box" thing, because now at least the chart has a stronger limit (notice that the chart has ugly labels overflowing on the x axis - I can't really change that with the JS library I'm using.)
We just switched from bootstrap with custom wrappers to re-bulma (a wrapper around bulma). I'm only a day in, but so far, it's been a really good experience. Bulma is a decently minimal framework built on flexbox, with some cool additions. It is pre-1.0, though, which is important to note.