Category: Multimedia Design
Tutorials for multimedia designers.
-
Twenty Seventeen
So the new verson of WordPress has arrived. With it came a new theme: Twenty Seventeen. It’s an attempt to combine the (perhaps too) popular “one-pager” with WordPress content-managing.
The theme has many interesting features. One important addition is the .svg icon theme. These days the SVG format becomes more and more important. Twenty Seventeen may be a proof of concept here.
Of course I had to try the theme. The design style is “big image” or even “big video” if you dare to use that option.
The theme has improved greatly since the beginning in october 2016. The process began on Github. Here a team from Automattic co-worked with the WordPress open source community. 68 participants or more gave input and suggested code.
Git proposals of changes. Here a suggestion for commenting is implemented. When the theme was ready for the core it moved to Slack. In the end it was integrated in the wordpress-core code.
A web page is dedicated to the development process. Here you can see the mock-ups and follow the general development of the new core theme for WordPress.
The image below is one of the “hi-fi mock-ups” that was used during the development of Twenty Seventeen.
-
WebP
How to use .webp with a fallback to .png or similar.
See the Pen WebP Images with fallback – Demo by Sandip (@sandip_rb) on CodePen.
Here is yet another fallback sample: http://www.janskovgard.dk/eaaa/2015/15l1/exercise8/imagetest/
-
What’s important in code
So your code works as intended.
So far so good, but:
– Do you know why?Per Thykjær Jensen (2016)
-
Adminer – a lightweight alternative to PhpMyAdmin
PhpMyAdmin is powerfull but the GUI is messy. Adminer is a lightweight alternative. You have to download the files and place them in your folder.
# sudo apt-get isntall adminer
# sudo ln -s /usr/share/adminer/ adminer
The first line will install the files. They are saved in /usr/share/adminer. Therefore we need a symbolic link to the folder, which is made in the second line of code.
-
SQL: Many-to-Many and One-to-Many
Here’s a short tutorial on how to solve some basic SQL cardinalities. First have a look at the ER-diagram for the database and the resulting tables in PhpMyAdmin.
Many to many and one to many 
The ER-Diagram transformed to tables in PhpMyAdmin Many-to-Many
Many to many cardinalities may be solved like this:
SELECT cake, who
FROM cakes, costumers, likes
WHERE costumers.costumers_id = likes.costumers_id
AND cakes.cakes_id = likes.cakes_id
Note that there are two where clauses combined via AND.
One-to-Many
This cardinality is more easy:
SELECT inventory .* , costumers.who
FROM inventory, costumers
WHERE inventory.costumers_id = costumers.costumers_id
In the “many” table you simply connect via the “one” table’s id.
You can download and try out the samples from my Github Repository oneToMany_ManyToMany.
Read On
These samples are inspired by Ben Forta’s “MySQL Crash Course” Ch. 15 – 16.
-
Portfolio Lecture
@ University of Regina March 11th 2016
Definition
An artist’s portfolio is an edited collection of their best artwork intended to showcase an artist’s style or method of work. A portfolio is used by artists to show employers their versatility by showing different samples of current work. Typically, the work reflects an artist’s best work or a depth in one specific area of work. (Wikipedia)
Definition Electronic portfolio
An electronic portfolio (also known as an eportfolio, e-portfolio, digital portfolio, or online portfolio)[1] is a collection of electronic evidence assembled and managed by a user, usually on the Web. Such electronic evidence may include inputted text, electronic files, images, multimedia, blog entries, and hyperlinks. E-portfolios are both demonstrations of the user’s abilities and platforms for self-expression, and, if they are online, they can be maintained dynamically over time. (wikipedia)
Smashing Magazine
Creative Bloq
Howto
WordPress
-
Jquery first fiddle
Here is a very, very short Jquery introduction on Jsfiddle.
After a while the document ready function becomes boring. However there is a shorthand version:
$(function() { // ... your code ... }); -
Apple Refuses to Hack a Backdoor on the iPhone
The United States government has demanded that Apple take an unprecedented step which threatens the security of our customers. We oppose this order, which has implications far beyond the legal case at hand.
This moment calls for public discussion, and we want our customers and people around the country to understand what is at stake.
The company behind the iPhone refuses to hack backdoors for the iPhone in this appeal to the costumers. Their costumers need the security. The problem is not just the security of americans – but for everyone on the planet using software.
While we believe the FBI’s intentions are good, it would be wrong for the government to force us to build a backdoor into our products. And ultimately, we fear that this demand would undermine the very freedoms and liberty our government is meant to protect.
-
David McCandless: The beauty of data visualization (TED)
“David McCandless turns complex data sets (like worldwide military spending, media buzz, Facebook status updates) into beautiful, simple diagrams that tease out unseen patterns and connections. Good design, he suggests, is the best way to navigate information glut — and it may just change the way we see the world.” (Source TED)
Data visualization is a huge topic on TED. Here is a collection: TED Visualizations.
-
SVG
In order to use .svg on WordPress pages. First open the text editor, then: wrap the svg inside code and pre tags. Then the svg will display.
-
ER Diagram Solutions
Cardinalities
How do you solve cardinalities such as:
- One to many.
- Many to many.
- Multivalue attributes.
Here are some suggestions.
A student drawing en ER-Diagram
Two students explaining ER-Ds
