<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Avivo Tech Blog &#187; design</title>
	<atom:link href="http://tech.avivo.si/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://tech.avivo.si</link>
	<description>Solving problems</description>
	<lastBuildDate>Tue, 24 Jan 2012 14:46:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Saving Changes is Not Permitted?</title>
		<link>http://tech.avivo.si/2009/12/saving-changes-is-not-permitted/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=saving-changes-is-not-permitted</link>
		<comments>http://tech.avivo.si/2009/12/saving-changes-is-not-permitted/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 15:44:39 +0000</pubDate>
		<dc:creator>developer</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[ms sql server]]></category>
		<category><![CDATA[mssql]]></category>
		<category><![CDATA[ntext]]></category>
		<category><![CDATA[Saving Changes is Not Permitted]]></category>
		<category><![CDATA[studio]]></category>
		<category><![CDATA[text field]]></category>
		<category><![CDATA[transact sql]]></category>

		<guid isPermaLink="false">http://tech.avivo.si/?p=252</guid>
		<description><![CDATA[We tried to add new ntext nullable column in MS SQL table.  We were quite surprised to get the following error message: Saving changes is not permitted.  The changes you have made require the following tables to be dropped and re-created.  You have either made changes to a table that can’t be re-created or enabled [...]]]></description>
			<content:encoded><![CDATA[<p>We tried to add new <strong>ntext </strong>nullable column in MS SQL table.  We were quite surprised to get the following error message:</p>
<p><a href="http://codeslammer.files.wordpress.com/2008/10/image15.png"><img style="border-width: 0pt;" src="http://codeslammer.files.wordpress.com/2008/10/image-thumb15.png?w=471&amp;h=117" border="0" alt="image" width="471" height="117" /></a></p>
<blockquote><p><em>Saving changes is not permitted.  The changes you have made require the following tables to be dropped and re-created.  You have either made changes to a table that can’t be re-created or enabled the option Prevent saving changes that require the table to be re-created.</em></p></blockquote>
<p>It wouldn’t let us add an “Allow Nulls” column?  That just seemed absurd.</p>
<p>Apparently, this is now the default behavior for any of the following changes to a table:</p>
<ul>
<li>Adding a new column to the middle of the table</li>
<li>Dropping a column</li>
<li>Changing column nullability</li>
<li>Changing the order of the columns</li>
<li>Changing the data type of a column</li>
</ul>
<p>In order to prevent this default behavior, you simply need to uncheck a box in the table designer options using the <strong>Tools -&gt; Options</strong> menu item</p>
<p><a href="http://codeslammer.files.wordpress.com/2008/10/image16.png"><img style="border: 0pt none ;" src="http://codeslammer.files.wordpress.com/2008/10/image-thumb16.png?w=244&amp;h=108" border="0" alt="image" width="244" height="108" /></a></p>
<p>Expand the <strong>Designers</strong> section to display the <strong>Table and Database Designers</strong> options.</p>
<p><a href="http://codeslammer.files.wordpress.com/2008/10/image17.png"><img style="border: 0pt none ;" src="http://codeslammer.files.wordpress.com/2008/10/image-thumb17.png?w=470&amp;h=258" border="0" alt="image" width="470" height="258" /></a></p>
<blockquote><p>To change this behavior, just <strong>uncheck</strong> the “<strong>Prevent saving changes that require table re-creation</strong>” checkbox.</p></blockquote>
<p>Original article was published at <a href="http://codeslammer.wordpress.com/2008/10/19/saving-changes-is-not-permitted/" target="_blank">http://codeslammer.wordpress.com/2008/10/19/saving-changes-is-not-permitted/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tech.avivo.si/2009/12/saving-changes-is-not-permitted/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Best CSS Practices to Improve Your Code</title>
		<link>http://tech.avivo.si/2009/12/10-best-css-practices-to-improve-your-code/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=10-best-css-practices-to-improve-your-code</link>
		<comments>http://tech.avivo.si/2009/12/10-best-css-practices-to-improve-your-code/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 23:21:39 +0000</pubDate>
		<dc:creator>Avivo</dc:creator>
				<category><![CDATA[HTML, Javascript and CSS]]></category>
		<category><![CDATA[10 Best CSS Practices to Improve Your Code]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[styles]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://tech.avivo.si/?p=228</guid>
		<description><![CDATA[We found these guides here at WebDesignerDepot.com: 1. Stay Organized Just like anything else, it pays to keep yourself organized. Rather than haphazardly dropping in id’s and classes in the order in which they come to mind, use a coherent structure. It will help you keep the cascading part of CSS in mind and sets [...]]]></description>
			<content:encoded><![CDATA[<p>We found these guides <a href="http://www.webdesignerdepot.com/2009/05/10-best-css-practices-to-improve-your-code/" target="_blank">here at WebDesignerDepot.com</a>:</p>
<h2>1. Stay Organized</h2>
<p>Just like anything else, it pays to keep yourself organized. Rather than haphazardly dropping in id’s and classes in the order in which they come to mind, use a coherent structure.</p>
<p>It will help you keep the cascading part of CSS in mind and sets your style sheet up to take advantage of style inheritance.</p>
<p><strong>Declare your most generic items first, then the not-so-generic and so on.</strong> This lets your CSS properly inherit attributes and makes it much easier for you to override a specific style when you need to. You’ll be faster at editing your CSS later because it will follow an easy to read, logical structure.</p>
<p>Use a structure that works best for you while keeping future edits and other developers in mind.</p>
<ul>
<li><strong>Resets and overrides</strong></li>
<li><strong>Links and type</strong></li>
<li><strong>Main layout</strong></li>
<li><strong>Secondary layout structures</strong></li>
<li><strong>Form elements</strong></li>
<li><strong>Miscellaneous</strong></li>
</ul>
<p><img src="http://netdna.webdesignerdepot.com/uploads/best_css_practices/best-css-02.jpg" alt="Screenshot" /></p>
<h2>2. Title, Date and Sign</h2>
<p>Let others know who wrote your CSS, when it was written and who to contact if they have questions about it. This is especially useful when designing templates or themes.</p>
<p><img src="http://netdna.webdesignerdepot.com/uploads/best_css_practices/best-css-03.jpg" alt="Screenshot" /></p>
<p>Wait a minute… what’s that bit about <strong>swatch colors</strong>? Over the years, I’ve found that adding a simple list of common colors used in my style sheets is extremely helpful during initial development and when making edits later on.</p>
<p>This saves you from having to open up Photoshop to sample a color from the design, or look up colors in the site’s <a rel="nofollow" href="http://en.wikipedia.org/wiki/Style_guide">style guide</a> (if it has one). When you need the HTML code for that specific blue, just scroll up and copy it.</p>
<h2>3. Keep a Template Library</h2>
<p>Once you’ve settled on a structure to use, strip out everything that isn’t generic and save the file as a CSS template for later use.</p>
<p>You can save multiple versions for multiple uses: a two-column layout, a blog layout, print, mobile and so on. <a rel="nofollow" href="http://www.panic.com/coda/">Coda</a> (the editor for OSX) has an awesome <strong>Clips</strong> feature that lets you do this easily. Many other editors have a similar feature, but even a simple batch of text files will work nicely.</p>
<p>It’s insane to re-write each and every one of your style sheets from scratch, especially when you’re using the same conventions and methodologies in each.</p>
<p><a rel="nofollow" href="http://www.flickr.com/photos/misterdna/49841409/"><img src="http://netdna.webdesignerdepot.com/uploads/best_css_practices/best-css-04.jpg" alt="Screenshot" /></a></p>
<h2>4. Use Useful Naming Conventions</h2>
<p>You’ll notice above where I declared a couple of column id’s and I called them col-alpha and col-beta. Why not just call them col-left and col-right? Think of future edits, always.</p>
<p>Next year you may need to redesign your site and move that left column to the right. You shouldn’t have to rename the element in your HTML and rename the id in your style sheet just to change its position.</p>
<p>Sure, you could just reposition that left column to the right and keep the id as #col-left, but how confusing is that? If the id says left, one should expect that it will always be on the left. This doesn’t leave you much room to move things around later on.</p>
<p>One of the major advantages of CSS is the ability to separate styles from content. You can totally redesign your site by just modifying the CSS without ever touching the HTML. So <strong>don’t muck up your CSS by using limiting names</strong>. Use more versatile naming conventions and stay consistent.</p>
<p>Leave position or style specific words out of your styles and id’s. A class of .link-blue will either make more work for you, or make your style sheet really messy when your client later asks you to change those blue links to orange.</p>
<p><strong>Name your elements based on what they are, not what they look like.</strong> For example, .comment-blue is much less versatile than .comment-beta, and .post-largefont is more limiting than .post-title.</p>
<h2>5. Hyphens Instead of Underscores</h2>
<p>Older browsers like to get glitchy with underscores in CSS, or don’t support them at all. For better backward compatibility, get into the habit of using hyphens instead. Use #col-alpha rather than #col_alpha.</p>
<h2>6. Don’t Repeat Yourself</h2>
<p>Re-use attributes whenever possible by grouping elements instead of declaring the styles again. If your h1 and h2 elements both use the same font size, color and margins, group them using a comma.</p>
<p>This:</p>
<p><img src="http://netdna.webdesignerdepot.com/uploads/best_css_practices/best-css-05.jpg" alt="Screenshot" /></p>
<p>You should also make use of shortcuts whenever possible. Always be on the lookout for opportunities to group elements and use declaration shortcuts.</p>
<p>You can accomplish all of this:</p>
<p><img src="http://netdna.webdesignerdepot.com/uploads/best_css_practices/best-css-06.jpg" alt="Screenshot" /></p>
<p>with only this:</p>
<p><img src="http://netdna.webdesignerdepot.com/uploads/best_css_practices/best-css-07.jpg" alt="Screenshot" /></p>
<p>It’s very important that you understand the order in which CSS interprets these shortcuts: top, right, bottom, left. A big clockwise circle, starting at noon.</p>
<p>Also, if your top and bottom, or left and right attributes are the same, you only need to use two:</p>
<p><img src="http://netdna.webdesignerdepot.com/uploads/best_css_practices/best-css-08.jpg" alt="Screenshot" /></p>
<p>This sets the top and bottom margins to 1em, and the left and right margins to 0.</p>
<h2>7. Optimize for Lightweight Style Sheets</h2>
<p>Using the above tips, you can really cut down the size of your style sheets. Smaller loads faster, and smaller is easier to maintain and update.</p>
<p>Cut out what you don’t need and consolidate wherever possible by grouping. Use caution when using canned CSS frameworks as well. You’re likely to inherit lots of bulk that won’t be used.</p>
<p>Another quick tip for slim CSS: you don’t need to specify a unit of measure when using zero. If a margin is set to 0, you don’t need to say 0px or 0em. Zero is zero regardless of the unit of measure, and CSS understands this.</p>
<h2>8. Write Your Base for Gecko, Then Tweak for Webkit and IE</h2>
<p>Save yourself troubleshooting headaches and write CSS first for Gecko browsers (Firefox, Mozilla, Netscape, Flock, Camino). If your CSS works properly with Gecko, it’s much more likely to be problem free in Webkit (Safari, Chrome) and Internet Explorer.</p>
<h2>9. Validate</h2>
<p>Make use of <a rel="nofollow" href="http://jigsaw.w3.org/css-validator/">W3C’s free CSS validator</a>. If you’re stuck and your layout isn’t doing what you want it to do, the CSS validator will be a big help in pointing out errors.</p>
<h2>10. Keep a tidy house</h2>
<p>Separate browser-specific CSS to its own individual style sheet, and include as needed with Javascript, server-side code or <a rel="nofollow" href="http://en.wikipedia.org/wiki/Conditional_comments">conditional comments</a>. Use this method to avoid dirty CSS hacks in your main style sheets. This will keep your base CSS clean and manageable.</p>
]]></content:encoded>
			<wfw:commentRss>http://tech.avivo.si/2009/12/10-best-css-practices-to-improve-your-code/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

