You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
4.4 KiB
112 lines
4.4 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||
|
|
|
||
|
|
<!-- Enable responsiveness on mobile devices-->
|
||
|
|
<!-- viewport-fit=cover is to support iPhone X rounded corners and notch in landscape-->
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
|
||
|
|
|
||
|
|
<title>Julio Biason .Me 4.3</title>
|
||
|
|
|
||
|
|
<!-- CSS -->
|
||
|
|
<link rel="stylesheet" href="https://blog.juliobiason.me/print.css" media="print">
|
||
|
|
<link rel="stylesheet" href="https://blog.juliobiason.me/poole.css">
|
||
|
|
<link rel="stylesheet" href="https://blog.juliobiason.me/hyde.css">
|
||
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class=" ">
|
||
|
|
|
||
|
|
<div class="sidebar">
|
||
|
|
<div class="container sidebar-sticky">
|
||
|
|
<div class="sidebar-about">
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me"><h1>Julio Biason .Me 4.3</h1></a>
|
||
|
|
|
||
|
|
<p class="lead">Old school dev living in a 2.0 dev world</p>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul class="sidebar-nav">
|
||
|
|
|
||
|
|
|
||
|
|
<li class="sidebar-nav-item"><a href="/">English</a></li>
|
||
|
|
|
||
|
|
<li class="sidebar-nav-item"><a href="/pt">Português</a></li>
|
||
|
|
|
||
|
|
<li class="sidebar-nav-item"><a href="/tags">Tags (EN)</a></li>
|
||
|
|
|
||
|
|
<li class="sidebar-nav-item"><a href="/pt/tags">Tags (PT)</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="content container">
|
||
|
|
|
||
|
|
<div class="post">
|
||
|
|
<h1 class="post-title">Creating Interfaces with Bulma - Jeremy Thomas, Oleksii Potiekhin, Mikko Lauhakari, Aslam Shah, Dave Berning</h1>
|
||
|
|
<span class="post-date">
|
||
|
|
2020-01-20
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/books/">#books</a>
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/reviews/">#reviews</a>
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/bulma/">#bulma</a>
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/it/">#it</a>
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/stars-2/">#stars:2</a>
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/css/">#css</a>
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/books-2020/">#books:2020</a>
|
||
|
|
|
||
|
|
<a href="https://blog.juliobiason.me/tags/published-2018/">#published:2018</a>
|
||
|
|
|
||
|
|
</span>
|
||
|
|
<p><a href="https://www.goodreads.com/book/show/38473029-creating-interfaces-with-bulma">GoodReads Summary</a>:
|
||
|
|
This book is a step-by-step guide that will teach how to build a web interface
|
||
|
|
from scratch using Bulma.</p>
|
||
|
|
<span id="continue-reading"></span><div>
|
||
|
|
★★☆☆☆
|
||
|
|
</div>
|
||
|
|
<p>Everybody is looking for that most awesome, small CSS framework, that will
|
||
|
|
solve all your problems. Is Bulma this framework? Well, I'm not sure.</p>
|
||
|
|
<p>It's not that the book doesn't show what the framework can do, it's just that
|
||
|
|
the examples seem really without any checking: Sometimes fields are surrounded
|
||
|
|
by one "field" div, sometimes they are surrounded by "column" (a normal grid
|
||
|
|
component) and sometimes they are surrounded by two "field" divs. Why? Which
|
||
|
|
one is the right way? It is a problem with the framework or a problem with the
|
||
|
|
book?</p>
|
||
|
|
<p>Also, there is a weird example of just writing templates with no explanation
|
||
|
|
on why: Why one should replace "6 books" to "3 customers"? Does that change
|
||
|
|
anything? (It does not, I do understand the why doing it, but there is no
|
||
|
|
explanation that you're doing it just to show how things will look like.)</p>
|
||
|
|
<p>Also also, there is some serious problem with the images in the ePub version:
|
||
|
|
It says something but it shows a copy of a previous image. Surely, you get
|
||
|
|
what they meant by some template changes in a way that you don't need to see
|
||
|
|
the results, but still...</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|