Paul Del Signore http://pdelsignore.posterous.com Thoughts On The Evolving Web posterous.com Wed, 08 Feb 2012 12:54:00 -0800 HTML5 element flowchart http://pdelsignore.posterous.com/html5-element-flowchart http://pdelsignore.posterous.com/html5-element-flowchart

found on html doctor:

H5d-sectioning-flowchart

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 27 Jan 2012 11:10:00 -0800 eBook Comparison Diagram http://pdelsignore.posterous.com/ebook-comparison-diagram http://pdelsignore.posterous.com/ebook-comparison-diagram

Good diagram on the different eBook authoring tools...

Comparison-chart-epub

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Thu, 08 Dec 2011 08:33:00 -0800 Stunning Resume Design http://pdelsignore.posterous.com/stunning-resume-design http://pdelsignore.posterous.com/stunning-resume-design

What I like about this CV design is not just the graphical layout, but the content breakdown. I would hire this person simply for his CV :)

Resume-design

Here is the original post by Riccardo Sabatini

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Wed, 07 Dec 2011 11:59:00 -0800 Native Vs Web Apps for Mobile http://pdelsignore.posterous.com/native-vs-web-apps-for-mobile http://pdelsignore.posterous.com/native-vs-web-apps-for-mobile

Rob Borley at Headscape has a good diagram on the differences between Native and Web apps for Mobile.

Web_native

Rob's post on clarifying a mobile strategy can be viewed here.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Mon, 28 Nov 2011 21:23:00 -0800 Images with added space in table cells http://pdelsignore.posterous.com/images-with-added-space-in-table-cells http://pdelsignore.posterous.com/images-with-added-space-in-table-cells

Okay, I hate doing e-letter campaigns because it's like coding html in the 90s - inline css, tables etc...

However, I've noticed an annoying issue when using campaign wysiwyg editors (mailchimp, Jango, etc...) in that images in TDs seem to include added space. prominent in gmail.

to resolve this...

simply adding a display: block to the image as such - <img src="image.jpg" style="display: block;" />

fixed... I still hate html eletters

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Mon, 21 Nov 2011 07:27:00 -0800 Bridgeway Senior Healthcare - Responsive Site Design http://pdelsignore.posterous.com/bridgeway-senior-healthcare-responsive-site-d http://pdelsignore.posterous.com/bridgeway-senior-healthcare-responsive-site-d

Bridgeway

Bridgewayseniorcare.com

New responsive design completed. Built with Omega, Powered by Drupal

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Thu, 17 Nov 2011 19:53:00 -0800 Removing the dotted line on links http://pdelsignore.posterous.com/removing-the-dotted-line-on-links http://pdelsignore.posterous.com/removing-the-dotted-line-on-links

It's crazy I never knew this in all my CSS years but simply adding an 'outline:none' to the menu item removes that annoying dotted line you see when clicking on links.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Wed, 19 Oct 2011 18:08:00 -0700 LifeStreaming... sign of the times http://pdelsignore.posterous.com/lifestreaming-sign-of-the-times http://pdelsignore.posterous.com/lifestreaming-sign-of-the-times

311026_2552097562739_1262907457_33123378_886668121_n

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Tue, 18 Oct 2011 20:02:00 -0700 Rounded corners in IE7 and IE8 http://pdelsignore.posterous.com/rounded-corners-in-ie7-and-ie8 http://pdelsignore.posterous.com/rounded-corners-in-ie7-and-ie8

I like the CSS3 PIE option for rounded corners, but am having some problems getting it to work on my Drupal site. In the meantime I opted for a JS version which works real nice :

Source : http://www.dillerdesign.com/experiment/DD_roundies/

Then you simply add the following:

<script type="text/javascript" src="DD_roundies.js"></script><script type="text/javascript">  DD_roundies.addRule('.roundify', '10px');</script>

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 07 Oct 2011 06:16:00 -0700 Palms Down http://pdelsignore.posterous.com/palmsdown http://pdelsignore.posterous.com/palmsdown

Finished my first Responsive site design/build which just went live. Built with Omega, Powered by Drupal.

http://palmsdown.com

Palmsdown

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Thu, 06 Oct 2011 06:11:00 -0700 The Thomas Edison of our Time... http://pdelsignore.posterous.com/the-thomas-edison-of-our-time http://pdelsignore.posterous.com/the-thomas-edison-of-our-time

Jobs

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Tue, 04 Oct 2011 19:43:00 -0700 Rounded Corners on Images in Drupal http://pdelsignore.posterous.com/rounded-corners-with-images-in-drupal http://pdelsignore.posterous.com/rounded-corners-with-images-in-drupal

Trying to apply rounded corners via CSS to images in all browsers is painful. Apparently several versions of Firefox (3.6 +) added to the pain when -moz-border-radius stopped working... until FF 4.0.

Then you have the dreaded IE browsers...ughh... CSS is not ready for a bullet-proof solution.

Solution: Why not pre-process the images on load-time? excellent... no need for an image editor to modify images manually.

If you are using Drupal... you are in luck:
Enter Drupal's Imagecache... except native imagecache doesn't handle rounded corners... so.. enter Imagecache Actions... an extension module to Imagecache.

In the D7 version, there is this problem where the rounded corner processing only works with PNG files. Excellent, Imagecache actions also offer the ability to convert the image to PNG.

so... a combination of actions like such...

Rounded
RT: http://drupalcode.org/project/imagecache_actions.git/blob_plain/HEAD:/docs/ro...

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 30 Sep 2011 08:35:00 -0700 CSS Rounded Corners in IE 6, 7 and 8 http://pdelsignore.posterous.com/css-rounded-corners-in-ie-6-7-and-8 http://pdelsignore.posterous.com/css-rounded-corners-in-ie-6-7-and-8

If you need rounded corners to work in the dreaded IE browser versions 6 -8. use an HTC script that you can download here:

http://fetchak.com/ie-css3/

Make sure the CSS element is positioned (relative or absolute)
and set the Z-index of the element to the largest number

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 30 Sep 2011 06:57:00 -0700 CSS guide : the Omega Base Theme in Drupal http://pdelsignore.posterous.com/css-guide-the-omega-base-theme-in-drupal http://pdelsignore.posterous.com/css-guide-the-omega-base-theme-in-drupal

This is a visual diagram I made of how the CSS stack works for creating subthemes using the Omega theme in Drupal. Hoping this is correct :)

Omega-theme-css2

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 23 Sep 2011 13:13:00 -0700 Using JQuery in Drupal 7 http://pdelsignore.posterous.com/jquery-in-drupal-7 http://pdelsignore.posterous.com/jquery-in-drupal-7

Looks like adding custom JQuery scripts in Drupal 7 just got harder.

The $ is no longer specific to JQuery as it allows flexibility to other javascript libraries.

Therefore, to get a JQuery script to be recognized in Drupal 7, you need to wrap the code in an anonymous function... like this...

(function($) {
   $().ready(function() {
         //...
    });
})(jQuery);

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Wed, 21 Sep 2011 18:47:00 -0700 Textbooks of Tomorrow http://pdelsignore.posterous.com/textbooks-of-tomorrow http://pdelsignore.posterous.com/textbooks-of-tomorrow

Textbooks of Tomorrow
Via: OnlineEducation.net

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Tue, 20 Sep 2011 06:34:00 -0700 eBooks Are Temporary http://pdelsignore.posterous.com/ebooks-are-temporary http://pdelsignore.posterous.com/ebooks-are-temporary

Ebook

In case you haven't noticed, in the last several years there has been an explosion of ebooks and ebook readers (Kindles, Nooks, iBooks, etc...). The objective is obviously to provide a digital option for reading books, since people now have the devices to do so.

The problem however is that the ebook technology is doing it's best to mimic the traditional paper model, which looks somewhat odd in a digital world. - do we really need to simulate page turning when there are no pages?

I happen to work for an education publisher, and we provide eBook versions of all of our textbooks. The beauty of course is that we also provide a digital layer of audio, video, activities, assessment, etc... which enhances the book... but... it still follows the printed book structure. So, there is a 'table of contents', glossary, index, chapters, pages... etc.

To be fair, the textbook objective for eBooks is a bit different because the digital version does need to correspond to the print version (for students to correlate) so retaining the structure is necessary, but the eBook enterprise as a whole is really just a digital copy - a digital version of the same text with search and bookmarking.

I am not arguing against this ebook model though... because it makes sense. People understand how a book works, you turn pages to go from one end to another end; you bookmark what you like; you reference an index to find something. So, to get people to read in a digital world, it's important to keep those conventions in place, ...people understand the association.

But it's all temporary.. ebooks are just transitional until the next generation of readers come along and don't really care about paper model simulations.

Sequential pages are nonsensical on a digital display; long connected sequences of chapters may not be the best way to provide a reading experience; pages with numbers; etc... I am guessing that "the book," whatever that means in a digital world, will look very different soon.

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 16 Sep 2011 06:29:00 -0700 Not Just Mobile First... Mobile Enhanced http://pdelsignore.posterous.com/not-just-mobile-first-mobile-enhanced http://pdelsignore.posterous.com/not-just-mobile-first-mobile-enhanced

Mobile-web

The phrase "mobile first" in the context of web design seems to be everywhere now. The idea of course, is that with the incredible surge of mobile devices and the quantity of people accessing the web via mobile, the web design initiative should be focused primarliy on mobile first.

The problem however, is not that the mobile web should be prioritized differently, like one browser channel over another browser channel (mobile + desktop + tablet etc...), but the mobile device is really a different animal.

The mobile device has a lot more features then a desktop computer. It is used as a phone, MP3 player, chat device, location detecter, GPS, etc... the idea would be to build websites on mobile phones that incorporate these features.

So... using a 'graceful degredation' model... a website strategy starts with mobile first, but includes an enhanced mobile perspective. Then the feature set degrades (responds) based on the device.

So, it's not just about designing/building websites that view properly on mobile devices, that's a good first step - it's about enhancing that experience. It's also not about building downloadable apps that are specific to devices, but real standard driven 'web sites' that are agnostic to any mobile device.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Wed, 14 Sep 2011 08:25:00 -0700 Why I Switched to Posterous http://pdelsignore.posterous.com/why-i-switched-to-posterous http://pdelsignore.posterous.com/why-i-switched-to-posterous

So why is a Drupal front-end developer/themer web designer opensource guy switching his blog over to Posterous?

Because It's about using the right tool for the job. Using a powerful CMS for a micro-blog is overkill, and although I'm a web designer, it's refreshing to use someone else's design for a change. There are a lot of great resources out there, and one of the keys to good development is finding and implementing the right solutions for your objectives.

Posterous recently jumped from a micro blog to a social space with some new added features.

  • I like that you can publish blogs (with images) directly from an email client - this isn't new but really useful.
  • I like that there are newly improved themes as opposed to the prior boring posterous base theme
  • You can create spaces for private/public groups
  • It has commenting built in (ahem... unlike tumblr)
  • The import blog feature? haven't tried that yet but if it works that would be sweet
  • The UI is very intuitive
  • Mobile app access to your spaces
  • Using a custom domain seems easy enough

The only downside to using these services like Posterous & Tumblr is that the content isn't stored in your own DB like a wordpress install. But it works for the specific content I am writing here, since it is information that will eventually be obsolete anyway.

Honestly, I like where Posterous is headed, and this makes for a perfect notepad in the cloud.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Tue, 13 Sep 2011 06:07:00 -0700 And so it begins... http://pdelsignore.posterous.com/test-a-post http://pdelsignore.posterous.com/test-a-post

Internet-of-things

This is an exciting time for the web.

It is moving from personal computers to multi-devices;
from information to applications;
from social media to social services

Interfacing with the web will become ubiquitous. For better or worse, It will become a fabric of our living environment. As a CMS strategist; web designer; and front-end developer, working (in) the web will evolve to be entirely different. In fact, those titles I just mentioned will eventually disappear (anybody remember the webmaster?)

The following are my notes... capturing this evolving process as I observe it.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore