Authors: Alexis Goldstein, Louis Lazaris & Estelle Weyl. Sitepoint 2015
- Evergreen browsers… browsers that automatically update themselves.
- Sample website it builds is not responsive.
Authors: Alexis Goldstein, Louis Lazaris & Estelle Weyl. Sitepoint 2015
The linch pin of web design at the moment is that it needs to respond to the client’s device appropriately, which leads to the choice between mobile or wide screen first.
Should the choice of breakpoints be randomly assigned, dependent on popular devices or design led? It may make more sense to look at the content and core functionality that the website needs to deliver when choosing the breakpoints for the responsive design.
Brad Frost’s upcoming book, implying a content strategy where design elements and all content are broken down into small building blocks called atoms, which can be assembled to form molecules and even larger organisms.
Sitepoint course on http://learnable.com by Russ Weakley
<link rel="stylesheet" href="a.css" media="print, screen /"> @import in style element @import inside css file @media screen inside css file { css }
/* CSS @media rule */ @media screen and (color) { /* CSS rules inside */ }
<!--[if lt IE 9]> <script> src="assets/js/respond.min.js"> </script> <!endiff]-->
Official name of JavaScript is ECMA Script.
Really glad to see that this book is in its second edition… last revised February 2015.
fixed
value. The almost-black background color of #1a1a1a
is added in last as a separate background-color
rule. Notice there are no dummy wrapper divs to layer them.body { background: url(img/space-bg.png) repeat-x fixed -80% 0; background: url(img/stars-1.png) repeat-x fixed -130% 0, url(img/stars-2.png) repeat-x fixed 40% 0, url(img/space-bg.png) repeat-x fixed -80% 0, url(img/clouds.png) repeat-x fixed 100% 0; background-color: #1a1a1a; }
I’ve read this book many times, but it’s good to be reminded of some of the underlying principles of HTML5… The Semantic Web… All the effort that went into supporting existing content.
Top tips for creating WordPress themes…
Copy can affect moods, sway opinion and influence moods. We need to engage the audience. So, “Who is your audience?” is it your client, your client’s customer, general public?
Content strategy… What is your story? Who is your story for? Then decide how to tell your story, choosing the language, tone of voice, tense etc… to use.
Involve all stakeholders in the content production process.
Consider the content inventory, if there are existing guidelines use them so that you write consistently and authentically in terms of the required brand tone of voice, language, etc.
How do you measure the level of engagement? What metrics are available to you? Social media activity, analytics, A/B testing content. Feedback direct from your audience. Regular Review. Ask yourself, have you achieved the purpose you set out to achieve?
Gather Content – 30 day trial available – Webinar – https://gathercontent.com/editorial-content?utm_source=blog
For a website to appear slick it should load within 1 second on Wi-Fi and 2 and a half seconds on 3G.
inlining – serve up some CSS in the same file as the markup, which reduces the number of server requests for a page. When the browser encounters externally linked CSS it will effectively stop everything its doing, the request, download and parse the CSS. Then it will go back to rendering the page.
Develop code in silos, then optimise afterwards, hopefully tools can automate inlining as a production step.
A Book Apart 13 “Responsible Responsive Design” – Scott Jehl
Digital branding is visually presented online on:
Questions to ask clients:
Display the digital style guideline online, build a simple HTML framework to display and categorise your elements clearly and provide code snippets. Include downloadable digital assets (PNGs, SVGs, font files, etc…). Downloadable PDF containing the print rules.
Consider:
Examples