Categories
Luettua Oppiminen Verkkojulkaiseminen

Verkkokurssit ketterästi AgileAMK-mallilla

Merja Drake, Teija Lehto ja Sanna Sintonen ovat toimittaneet julkaisun, joka käsittelee verkkokurssien toteuttamista ammattikorkeakouluympäristössä: Verkkokurssit ketterästi AgileAMK-mallilla (PDF) Julkaisussa esitellään ketterään verkkokurssikehitykseen soveltuva AgileAMK-malli, laatukortit pedagogisten ja sisällöllisten ratkaisujen tueksi sekä ohjeistetaan käytettävyyden huomioimisessa. Myös vertaisarvioinin ja opetusvidoiden suunnittelu käsitellään kattavasti. AgileAMK-malli-kirjan kansi. Julkaisu on suositteltavaa luettavaa kaikille verkkokurssien kehittämisestä kiinnostuneille.

Categories
Verkkojulkaiseminen Web

How to Disable Gutenberg: Complete Guide

Digging Into WordPress -sivuston vinkit WordPress-pohjaisiin sivustoihin vaikuttavan Gutenberg-ominaisuuden kytkemiseksi pois päältä: How to Disable Gutenberg: Complete Guide | Digging Into WordPress Gutenberg on aiemmin ollut valinnainen lisäosa, joka lähiaikoina on tulossa osaksi WordPress-ohjelmistoa.

Categories
Twitter Verkkojulkaiseminen Viestintä

Twitter lopettaa upotettavat hakuaikajanat

Twitter ilmoitti lopettavansa upotettavien hakuaikajanojen tukemisen 27.7.2018. Tähän mennessä on ollut mahdollista upottaa Twitter-hakuaikajana osaksi ulkopuolisia verkkosivuja. Tässä on esimerkiksi kuvakaappaus Osuma-hankkeen verkkosivuille upotetusta hausta, joka näyttää #osaajiensuomi– ja #delakreativt-aihetunnisteilla (hashtag) merkityt twiitit: (#osaajiensuomi- ja #delakreativt-haku Twitterin hakutoiminnossa.) Twitterin tulevien muutosten tarkoituksena on tehdä aikajanojen upottamisesta helpompaa, mutta samalla tuki hakuaikajanojen upottamiselle päättyy: The one […]

Categories
Linkit Verkkojulkaiseminen Viestintä

Screen Recording Utilities for macOS

CSS-Tricks-blogin kattava katsaus macOS-sovelluksiin, joilla voi tallentaa tietokoneen näytön tapahtumia videoiksi: Screen Recording Utilities for macOS | CSS-Tricks

Categories
Design Verkkojulkaiseminen Viestintä Web

Vain offline-tilassa näkyvät verkkosivut

Törmäsin CSS-Tricks-sivustolla ideaan, jossa voi olla ainesta pieneksi suunnittelutrendiksi: verkkosivut, jotka näkyvät vain offline tilassa. Toisin sanoen vierailijan täytyy sammuttaa internetyhteytensä, ennen kuin sisältö avautuu tarkasteltavaksi. Esimerkkinä The Disconnect -verkkojulkaisun ensimmäinen numero. Ilmeisesti koko sisältö latautuu kerralla selaimeen, mutta vasta yhteyden sammuttamisen jälkeen sen saa näkyviin. Tekijöiden mukaan taustalla on ajatus, että välillä on hyvä […]

Categories
Verkkojulkaiseminen

Saavutettavien verkkosivujen suunnitteluopas

Kehitysvammaliiton saavutettavuusasiantuntija Tapio Haanperä on toteuttanut digitaalisten palveluiden saavutettavuusasioita yhteen kokoavan Saavutettavuus-sivuston. Papunetin saavutettavuussivusto auttaa ymmärtämään, mistä saavutettavuudessa on kyse ja opastaa tekemään verkkopalveluista saavutettavia. Sivustolta löytyy hyvin jäsennelty ja selkeästi kirjoitettu ja tuotettu Saavutettavien verkkosivujen suunnitteluopas.

Categories
Verkkojulkaiseminen

#saavuta2017-seminaarin antia

Osallistuin eilen #saavuta2017-seminaariin Iiris-keskuksessa. Seminaarin puhujat käsittelivät verkkosivujen ja verkkopalvelujen saavutettavuutta esimerkiksi näkövammaisten ja ikäihmisten näkökulmasta. Seminaarin tallenne löytyy Näkövammaisten liiton YouTube-kanavalta. Poimintoja puheenvuoroista Lainsäädäntö ja saavutettavuusdirektiivi Aluksi Markus Rahkola (Twitter-profiili) Valtiovarainministeriöstä kertoi saavutettavuusdirektiivin ja saavutettavuuslainsäädännön toimeenpanon tilanteesta. Saavutettavuusdirektiivi on tullut voimaan 22.12.2016 ja siinä säädetään esimerkiksi julkisen hallinnon verkkopalveluiden saavuttavuudelle asetettavista minimitason vaatimuksista. EU:n […]

Categories
Design Verkkojulkaiseminen Viestintä Web

Design Resource Sites

Design Resource Sites | CSS-Tricks Chris Coyier on koonnut yhteen sivustoja, jotka kokoavat yhteen sivustoja, jotka sisältävät suunnittelutyökaluja ja -resursseja. Esimerkkinä listalla ensimmäisenä oleva The Stocks kattaa muun muassa suuren määrän vapaasti käytettäviä valokuva-, väri-, fontti- ja videotyökaluja ja -kirjastoja.

Categories
Linkit Verkkojulkaiseminen Web

Switching From HTTP To HTTPS

Salattua HTTPS-protokollaa käyttävät sivustot ovat turvallisempia salaamatonta HTTP:tä käyttävät, ja esimerkiksi Googlen hakukone suosii niitä hakutuloksissa. Smashing Magazine kertoo seikkaperäisesti, kuinka sivuston muuttaminen HTTPS-protokollaan tapahtuu: A Complete Guide To Switching From HTTP To HTTPS – Smashing Magazine

Categories
Design Linkit Verkkojulkaiseminen

Full Page Background Video Styles

Video verkkosivun taustana voi olla vaikuttava suunnitteluelementti. Chris Coyier on tehnyt aiheesta mainion ohjeen: Full Page Background Video Styles – The Media Temple Blog

Categories
Verkkojulkaiseminen

Shakkipelien, -siirtojen ja asemien julkaiseminen WordPressillä

Verkko on tuonut oman lisänsä shakin harrastamiseen niin pelaamisen kuin harjoittelun osalta. Tärkeä osa asiaan syventymisessä on pelattujen pelien, asemien, avausten ja tehtävien jakaminen havainnollisessa muodossa. Esittelen tässä kaksi lisäosaa, joiden avulla shakkijulkaisemista voi tehdä omassa ylläpidossa olevan WordPressin avulla. PGN- ja FEN-notaatiot Ennen lisäosien esittelyä muutama sana asiaan oleellisesti liittyvistä PGN– ja FEN-notaatioista: PGN […]

Categories
Verkkojulkaiseminen

Hyviä WordPress-teemoja

Käytän WordPress-julkaisualustaa monissa yhteyksissä ja seuraan aktiivisesti verkkosivujen ulkoasujen kehittymistä ja suunnittelutrendejä. WordPress-alustalla ulkoasut toteutetaan teemojen avulla, ja WordPress-sivuston ilme muuttuu nopeasti käytössä olevaa teemaa vaihtamalla. Kuka tahansa voi luoda uuden WordPress-ulkoasuteeman ja halutessaan julkaista sen WordPressin teemakirjastoon. Julkaistavat teema käyvät läpi arviointiprosessin, minkä ansiosta niitä voi lähtökohtaisesti pitää melko turvallisina valintoina sivustoprojekteihin. Kirjaston teemat […]

Categories
Design Verkkojulkaiseminen Viestintä

Options for Building Web Forms

Vaihtoehtoja verkkolomakkeiden tekemiseen: There are plenty of form building services, plugins, and frameworks in the wild that make the tedious task of form design and development much easier. Lähde: Options for Building Web Forms | CSS-Tricks

Categories
Design Verkkojulkaiseminen

Random color generator for JavaScript – randomColor.js

ran­dom­Color gen­er­ates at­trac­tive col­ors by de­fault. More specif­i­cally, ran­dom­Color pro­duces bright col­ors with a rea­son­ably high sat­u­ra­tion. This makes ran­dom­Color par­tic­u­larly use­ful for data vi­su­al­iza­tions and gen­er­a­tive art. Lähde: Random color generator for JavaScript – randomColor.js

Categories
Verkkojulkaiseminen

The WordPress Template Hierarchy – a visualization resource

The WordPress Template Hierarchy – a visualization resource Havainnollista WordPress-visualisointia.

Categories
Verkkojulkaiseminen

WordPress ja omat sisältötyypit

Extending WordPress With Custom Content Types. Artikkelissa käydään seikkaperäisesti läpi omien sisältötyyppien lisääminen WordPressiin.

Categories
Verkkojulkaiseminen

WordPressin Front End -turvallisuudesta

Introduction to WordPress Front End Security: Escaping the Things | CSS-Tricks. CSS-Tricksin artikkelin aiheena on WordPressin Font End -turvallisuus teemakehityksen näkökulmasta.

Categories
Verkkojulkaiseminen

Vinkkejä Kickoff-tilaisuuden järjestämiseen

Hold A Kickoff Meeting Before Diving Into The Design. Smashing Magazinen artikkeli käy kattavasti läpi Kickoff-tilaisuuteen valmistautumisessa huomioon otettavia asioita.

Categories
Oppaat Verkkojulkaiseminen Web

MediaWiki, Open Graph ja Featured Image

Ohjeita MediaWikin ja Facebookiin jaettavan wikisivun artikkelikuvan asettamiseen OpenGraphMeta-lisäosan avulla sekä parannuksia lisäosan toimintaan.

Categories
Verkkojulkaiseminen

9 basic principles of responsive web design

Therefore, let’s clarify some basic principles of responsive web design here to embrace the fluid web, instead of fighting it. 9 basic principles of responsive web design. Responsiivisen suunnittelun periaatteita pienillä animaatioilla havainnolistettuna.