Wellicht heb je wel eens van domotica gehoord. Domotica staat voor huisautomatisering en wordt steeds populairder. Gemak dient de mens, nietwaar? Bij Pronamic zijn we vooral geïnteresseerd in webautomatisering. We nemen regelmatig onze processen onder de loep om deze verder te optimaliseren en waar nodig te automatiseren. In lijn met deze visie hebben we onlangs een WeMo aangeschaft. Gewoon voor de fun. In deze blog een beknopte uitleg van onze bevindingen en wat deze techniek voor jouw business kan betekenen.
Categorie archief: Lab
Placeholder afbeeldingen voor websites
Bij Pronamic maken wij websites op basis van WordPress. Zodra het ontwerp van een website akkoord is bevonden door de opdrachtgever werken wij deze uit naar een werkende website. In het grafisch ontwerp staan ook altijd afbeeldingen die bij de content horen en niet bij de styling. Deze afbeeldingen slaan wij op om te kunnen zien hoe de afbeeldingen in het ontwerp worden weergegeven. Eén nadeel is alleen dat deze afbeeldingen elke keer op maat gemaakt moeten worden. Nou heeft Brent Spore een erg handige tool ontwikkeld om heel makkelijk zogenaamde ‘placeholder’ afbeeldingen te kunnen toevoegen aan een website.
WooCommerce v1.2.1 + verbeterde Nederlandse vertaling
We zijn inmiddels twee weken verder en WooThemes team heeft de volgende versie van WooCommerce alweer uitgebracht. In deze versie zijn weer een aantal leuke en handige verbeteringen aangebracht. Zo is onder andere het gebruik van shortcodes vereenvoudigd en is er een shortcode toegevoegd voor het weergeven van producten uit een specifieke categorie. Daarnaast is het in deze versie mogelijk om gebruik te maken van formele of informele vertalingen. Voorlopig is er voor het Nederlands alleen een formele vertaling beschikbaar, maar er zal vast en zeker op korte termijn ook een informele variant worden uitgebracht.
Nederlandse vertaling WooCommerce v1.2
Sinds WooCommerce 1.1.1 op 27 september werd gelanceerd hebben de ontwikkelaars niet stil gezeten. Er zijn sindsdien al 3 updates uitgebracht waardoor we sinds 3 november bij versie 1.2 zijn aangekomen. Vanaf versie 1.2 is WooCommerce ook uitgerust met een Nederlandse vertaling (Subversion Repository 1.1.3 en 1.2). Deze Nederlandse vertaling is neer gezet door Ramon van Belzen. Volgens zijn weblog bevat WooCommerce 1.2 de volledige Nederlandse vertaling voor WooCommerce 1.1.3 en zal versie 1.2.1 de volledige vertaling voor versie 1.2.1 bevatten.
Google Web Fonts 2.0
Google Web Fonts, een service van Google waarmee je niet-standaard fonts (lettertypes) in een website kan gebruiken. Voorheen werd deze service slechts mondjesmaat gebruikt. Ik gebruikte het sowieso niet, omdat er erg weinig fonts beschikbaar waren. Met de vernieuwde versie die eind juni gelanceerd is wordt het echter steeds interessanter om deze service te gebruiken.
Eenvoudig video’s en foto’s plaatsen op je WordPress website
Sinds WordPress 2.9 is het erg eenvoudig om video’s, foto’s en andere content in te voegen op je WordPress website. Het enige wat je hoeft te doen is de URL van bijvoorbeeld een YouTube video te plaatsen op een lege regel in je WordPress bericht of pagina. WordPress zorgt er vervolgens automatisch voor dat de video geïntegreerd wordt in je bericht.
Slimbox 2 toevoegen aan je WordPress theme
Slimbox 2 is een script waarmee afbeeldingen kunnen worden getoond / vergroot in een fancy overlay blok. Dankzij deze techniek kunnen bezoekers eenvoudig afbeeldingen vergroten en hier doorheen navigeren. Ontwikkelaar Christophe Beyls uit België (Twitter: @bladecoder) heeft Slimbox 2 gebaseerd op het bekende Lightbox script van Lokesh Dhakar uit Baltimore (Twitter: @lokeshdhakar). Deze scripts worden inmiddels door duizenden websites gebruikt.
Animeren met CSS3: Bubbels
Animeren met CSS 3 is erg leuk om te doen. Ik pas het daarom steeds vaker toe in projecten. Onlangs heb ik voor een project bubbels geanimeerd. In deze blog laat ik zien hoe ik dat gedaan heb.
@font-face op de juiste manier toegepast
Ik ben een groot fan van @font-face. Het is een mooie manier om andere fonts op het web te kunnen gebruiken. Ik ben niet de enige die het steeds vaker gebruikt. Steeds meer ontwikkelaars zien de voordelen en passen het steeds vaker toe in plaats van oplossingen als Cufón of Typeface. Helaas passen veel ontwikkelaars het niet goed toe en wordt de website vaak niet goed getest in oudere browsers.
Menu active state fix voor WordPress
Active en hover states zijn essentieel voor navigatie onderdelen. Voor het mouseover effect kunnen we de :hover pseudo class gebruiken en een active state definiëren we over het algemeen door middel van een zelfgekozen class.
WordPress voegt standaard een class toe aan een active menu item zoals current_page_item, current_page_parent, current_page_ancestor of current-menu-item. Bij het gebruik van custom post types gebeurt dit nog niet zoals je dat zou verwachten.