background preloader

Responsive

Responsive

WordPress plug-ins: 16 handige basis plug-ins voor starters | Zeeën van tekstideeën Ben je net gaan werken met WordPress? Dan heb je misschien al eens meegemaakt dat je iets met het programma wilt doen, maar dat het niet kan. Je wilt bijvoorbeeld een nieuwsbrief gaan versturen. Of een contactformulier maken waarmee je websitebezoekers zich kunnen inschrijven voor een evenement. De kans is dan groot dat je niet de eerste bent die zoiets wilt. Wat is een plug-in eigenlijk? Een plug-in is een uitbreiding van een programma dat ervoor zorgt dat het programma meer mogelijkheden heeft. Omdat WordPress zo veel gebruikt wordt, zijn er wereldwijd duizenden mensen die praktische plug-ins ontwikkelen. Plug-ins maken WordPress enorm flexibel Plug-ins maken van WordPress een enorm krachtig en flexibel contentmanagementsysteem. De lijst is overigens gewoon een opsomming en niet een of ander top 10-lijstje. 16 basis WordPress-plug-ins Oké, hier dan het lijstje met de 16 praktische WordPress-plug-ins die je zou kunnen gebruiken bij het maken van je website. All in One SEO Pack.

Child Themes Languages: বাংলা • English • Italiano • 日本語 • 한국어 • Español • Nederlands • Français • Português do Brasil • Русский • Slovenčina • ไทย • 中文(简体) • 中文(繁體) • Македонски • (Add your language) A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme. Why use a Child Theme? There are a few reasons why you would want to use a child theme: If you modify a theme directly and it is updated, then your modifications may be lost. How to Create a Child Theme Creating a Child Theme from an Unmodified Parent Theme A child theme consists of at least one directory (the child theme directory) and two files (style.css and functions.php), which you will need to create: The child theme directory style.css functions.php The first step in creating a child theme is to create the child theme directory, which will be placed in wp-content/themes. A couple things to note: <? Template Files <? if ( !

15 beste free responsive WordPress-themes van 2012 | Zeeën van tekstideeën Hoe zou je het vinden om meteen vijftien sterke WordPress-themes te vinden die je helpen om je onderneming en blog tot een succes te maken? Met vormgeving die er niet alleen mooi uitziet, maar die ook de inhoud van je website goed tot zijn recht laat komen? Alsjeblieft! Vijftien gratis onweerstaanbare themes op een rij gezet. Alle themes zijn (redelijk) recent uitgebracht. 1. Wow! Trefwoorden: free, bloggingtheme, magazinetheme 2. Hatch is ontwikkeld door Galin Simeonov. Trefwoorden: free, fotografietheme, portfoliotheme 3. Oxygen is een minimalistisch responsive theme voor je online magazine. Trefwoorden: free, magazinetheme 4. Galin Simeonov is ook de bedenker van Origin, een simpel en elegant bloggingtheme met veel witruimte. Trefwoorden: free, bloggingtheme 5. Galin Simeonov heeft recent nog een simpel en elegant toptheme uitgebracht: Ascetica. Trefwoorden: free, fotoblogtheme, portfoliotheme, creative theme 6. Yoko is nog zo’n prachtig gratis responsive WordPress-template. 7. 8. 9. 11.

Fighting the Space Between Inline Block Elements I've seen this come up a couple of times lately on Twitter and then an interesting Dabblet so I figured it would be an important thing to document. Here's the deal: a series of inline-block elements formatted like you normally format HTML will have spaces in between them. In other words: <nav><a href="#">One</a><a href="#">Two</a><a href="#">Three</a></nav> Will result in: We often want the elements to butt up against each other. This isn't a "bug" (I don't think). Here's some ways to fight the gap and get inline-block elements sitting directly next to each other. Remove the spaces The reason you get the spaces is because, well, you have spaces between the elements (a line break and a few tabs counts as a space, just to be clear). <ul><li> one</li><li> two</li><li> three</li></ul> or <ul><li>one</li ><li>two</li ><li>three</li></ul> or with comments... <ul><li>one</li><li>two</li><li>three</li></ul> They're all pretty funky, but it does the trick. Negative margin Skip the closing tag See Share On

Best Free WordPress Themes Gallery Updated: March 12, 2014 It has been awhile since I’ve created one of our popular WordPress theme galleries, so I decided it was time to build a new one. In the past I’ve always taken the approach of trying to remove any personal bias and just display the WordPress themes and demo/download information in a manageable way so that the reader can choose their favorite themes that they’d like to use. This time I decided to comb the internet looking for my personal favorite free WordPress themes and display them below in a convenient format. This theme gallery is broken down into the following categories (click the link to be taken to the section you are looking for): This post is updated regularly, so if you find you are often in the market for a free WordPress theme, bookmark this post and check back regularly! Best 2-Column Free WordPress Themes Vintage Theme Source | Download | Demo Blues Theme Shades of Blue Theme Source | Download | Demo Typebased Theme Source/Demo | Download WP Freemium Theme

Increasing Performance of HTML and JavaScript on Mobile Devices, Especially iOS – the.ichibod.com HTML rendering and JavaScript execution performance on iOS is still a far cry from native code. Meanwhile, I recommend that anything targeting a WebKit (or mobile browser for that matter) be optimized for the device. This article is all about optimization. Different than Desktop The biggest consideration is that mobile devices are underpowered by comparison to their desktop counterparts. I am a fan of jQuery, though when it comes to mobile, I highly recommend not using it. zepto.js is looking promising for WebKit specific mobile browsers. Images Images are a big source of slowdown on iOS in particular. Every situation is different, so there are no set rules with regard to images. Keep images smallTile the smaller images, if possibleAvoid images in excessive pixel dimensions (I believe iOS mentions 1024 pixels)Avoid complex SVG graphics Hardware Acceleration iOS has a feature in mobile Safari (and UIWebView) that allows items to be hardware accelerated. Canvas and Gradients Touch Events

Nieuw WordPress Twenty Twelve theme nu al te downloaden WordPress levert ons gedurende de afgelopen jaren trouw elk jaar een nieuw standaard theme. Dit is ooit ontstaan omdat er vrij veel kritiek kwam vanuit de gebruikers op het destijds verouderde standaard theme. Sinds 2010 is daarom met het Twenty Ten theme een nieuwe koers ingeslagen. Wat je van het ontwerp vindt is altijd persoonlijk, maar ik vind het er wel weer fris en opgeruimd uit zien. Wat het nieuwe theme bijzonder maakt is dat het de eerste keer is dat er een apart template voor de homepage wordt meegeleverd. Het theme is responsive en zal er zowel goed uit zien op mobiele telefoons, tablets en apparaten met een Retina beeldscherm (met zeer hoge resolutie) zoals de Apple iPad3. Wat ook gewijzigd is, is dat je na activatie van het theme geen standaard header meer te zien krijgt. Meer informatie over het Twenty Twelve theme vind je op de WordPress site. Nuttige informatie?

SVG Patterns Gallery Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Try this Why SVG? SVG images are typically smaller than bitmap images and remain sharp on high-dpi screens. Unlike CSS3 gradients, SVG images are supported on IE9. Browser support These patterns work on Firefox, Chrome, Safari, Edge, IE10, and IE9.

Related: