2012 Textpattern Default Theme

philwareham · 2012-02-22 14:56:57

That reminds me, about time I put a new beta up. Beta4 has the following changes…

Added a Flickr feed bolt-on (optional extra).
Updated Google +1 and Twitter Tweet button code (optional extra).
Some CSS feature support added for Firefox 3.6 (moz-border-radius) and Firefox 4+ (moz-resize).
Uses more em measurements for better resolution independence.
As of Textpattern v4.5, HTML5 elements are natively supported, so remove comment warnings (need Textpattern r3627 onwards).
Better CSS optimisations for HTML lists.
Other minor CSS improvements.

Please note that Textpattern r3627 or newer is recommended when using this theme.

Pat64 · 2012-02-22 19:23:40

Hi Phil :)

I’m currently trying this beta 4 version and personally I prefer this full width rendering (to the another one ;)

May am I suggest you somethings ?

First, the space between the main title and the website slogan seems too hight.
Second, may be you could take advantage of this CSS rules to get a better balance between letters spacing:

body{
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1
}

Best regards,

Last edited by Pat64 (2012-02-22 19:28:36)

phiw13 · 2012-02-23 03:14:00

Pat64 wrote:

-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;

Please. Don’t . use . this. -webkit-font-smoothing is a webkit only property that has NO equivalent in any standard to date. And certainly don’t use a non-prefixed non-standard property.

And it results in ugly text rendering on OS X.

font-feature-settings could be used, yes. Eventually. But add at least the @-webkit- prefixed version as well.

philwareham · 2012-02-23 08:06:03

Agree with Philippe, I had some of those rules in the theme when I started it (mainly because html5 boilerplate had them as well), but general concensus is they screw up font rendering more than they help.

philwareham · 2012-03-26 12:10:50

Beta 5 of the Textpattern v4.5 default theme is available for download. Please note you’ll also need Textpattern r3687 or newer in order to use this theme).

Latest changes are:

Major improvements to print CSS.
Replaced hNews microformat with Schema.org microformat instead.
You can now filter articles by author (as of r3687).
Active states have been added to the navigation menu.
Added support for Google Code Prettify (optional extra).
Links form removed as it is not essential. ‘plainlinks’ is the default (and required) form now (as of r3683).
Added support for image alignment via Textile (requires Textile v2.3.2 or newer).
Issue with comment anchors corrected.
Other minor bug fixes and CSS improvements.

Last edited by philwareham (2012-03-26 12:11:30)

philwareham · 2012-04-17 12:02:14

Beta 6 of the theme is now available for download which matches the version currently in the Textpattern SVN builds.

Latest changes are:

Non-core: better handling of Chrome Frame
Non-core: jQuery 1.7.2
Non-core: Facebook like button support
A few minor bug fixes, typos and improvements

philwareham · 2012-07-11 11:43:00

Release candidate 1 of the theme is now available for download. This is the theme version that will ship with Textpattern 4.5 in a few weeks, though there may be a couple of revisions between now and 4.5 release if any new bugs are discovered. As always, the GitHub repo will provide many more extras than the one that will ship within Textpattern itself.

Latest changes are:

Added a Textile tag reference file, this file contains a large number of tags all in one file can help with development of you own UI/design patterns.
Sass has been made modular for easier development of your own CSS rules.
IE7-8 specific JavaScript files to support HTML5 and media queries are now hosted locally. The CDN linkage was unreliable.
Added form for ‘comment_popup’ – just in case someone actually uses that Textpattern feature.
Excerpts on article lists, if available.
CSS layout now follows Idiomatic CSS scheme.
Recent articles sidebar element has been moved to optional extras folder (non-core). It never really worked that well in practice, but it’s still available as a bolt-on if users wish to use it.
Non-core: added a module to provide website conformance with the EU cookie law.
A few other minor typos, bug fixes and CSS improvements.

mistersugar · 2012-07-11 17:06:53

Thanks for your hard work.

philwareham · 2012-07-30 21:40:29

Release candidate 2 of the theme is now available for download

Changes since last release are:

Tentative support for non-latin languages NEEDS TESTING AND FEEDBACK
Non-core: added a responsive image slider module
Header now still has correct vertical alignment if users delete the slogan line code
Some improvements to Sass rules
A few other minor improvements to HTML and CSS

As stated above, I need some people to test and provide feedback for RTL and other non-latin languages. Thanks.

philwareham · 2012-10-04 18:45:54

@bici

The admin side themes or public side theme?

philwareham · 2012-10-04 19:19:59

@bici

You’ll have to suggest that as a feature idea in the development forum, this topic is/was about the 4.5 front-side theme.

bici · 2012-10-04 19:21:42

philwareham wrote:

You’ll have to suggest that as a feature idea in the development forum, this topic is/was about the 4.5 front-side theme.

apologies.

Will move this to other forum

bici · 2012-10-16 19:04:17

The new standard theme along with the design and the CSS is very much appreciated. A totally modern up-to-date responsive theme!

And after some struggles I have now successfully implemented the Default Theme, Plus the extras as per Phil’s demo here , on a test site which will be my family blog site.

But adding the Slides section proved to be a bit of a challenge for me. I muddled through after downloading the theme from GIThub and tried to implement the slide show but without success. The code to display the three images from the Categories: Slides worked, but styling the images proved to be impossible for me. I realize that this failure is due to my own shortcomings.

I finally had to go to responsiveslides website and download the demo code and used that to successfully implement the slideshow. I ended up using the CSS and the JS samples from the Demo folder.

The one minor issue is that i was not able to add a border and the directional arrows to the Slide div.

Not sure how the documentation on adding the slides should tackled as I wasn’t too successful in my implementation ;-)

philwareham · 2012-10-16 20:26:07

Ok bici, I’ll read through my instructions on implementing slides and see if I can improve it somewhat.

bici · 2012-10-16 20:38:05

I forgot to add that this new CSS “is not your Father’s CSS”

I am in awe when I look through the css code. Some of it I don’t understand ;-)

Congratulations. Truly Awesome …

Textpattern CMS

Textpattern CMS support forum

#31 2012-02-22 14:56:57

Re: 2012 Textpattern Default Theme

#32 2012-02-22 19:23:40

Re: 2012 Textpattern Default Theme

#33 2012-02-23 03:14:00

Re: 2012 Textpattern Default Theme

#34 2012-02-23 08:06:03

Re: 2012 Textpattern Default Theme

#35 2012-03-26 12:10:50

Re: 2012 Textpattern Default Theme

#36 2012-04-17 12:02:14

Re: 2012 Textpattern Default Theme

#37 2012-07-11 11:43:00

Re: 2012 Textpattern Default Theme

#38 2012-07-11 17:06:53

Re: 2012 Textpattern Default Theme

#39 2012-07-30 21:40:29

Re: 2012 Textpattern Default Theme

#40 2012-10-04 18:45:54

Re: 2012 Textpattern Default Theme

#41 2012-10-04 19:19:59

Re: 2012 Textpattern Default Theme

#42 2012-10-04 19:21:42

Re: 2012 Textpattern Default Theme

#43 2012-10-16 19:04:17

Re: 2012 Textpattern Default Theme

#44 2012-10-16 20:26:07

Re: 2012 Textpattern Default Theme

#45 2012-10-16 20:38:05

Re: 2012 Textpattern Default Theme

Board footer