{"id":600,"date":"2010-03-25T21:08:27","date_gmt":"2010-03-26T03:08:27","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/03\/25\/links-for-2010-03-25\/"},"modified":"2010-04-01T14:41:02","modified_gmt":"2010-04-01T20:41:02","slug":"links-for-2010-03-25","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/03\/25\/links-for-2010-03-25\/","title":{"rendered":"110+ CSS Resources and Tutorials"},"content":{"rendered":"<p><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2010\/03\/1269574100_css.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-602\" title=\"CSSicon\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2010\/03\/1269574100_css.png?resize=128%2C128\" alt=\"CSS\" width=\"128\" height=\"128\" srcset=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2010\/03\/1269574100_css.png?w=128 128w, https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2010\/03\/1269574100_css.png?resize=64%2C64 64w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/a>Cascading style sheets (CSS) were created to define how HTML elements will display. CSS can be implemented on the index page or as a stand alone file. In most cases, I would recommend using an external style because you can easily make changes to the style sheet by updating the code and simply replacing the file on the server. If you want a completely different look, then you can create a new style sheet and put it in place. By doing this you will have a new look but the content will stay the same.<\/p>\n<p>Today was a great day for finding new resources.\u00a0 I concentrated on one of my favorite design subjects and that is CSS. Through the day, I saved all my favorite CSS links to Delicious to share with everyone. The links here will take you to the original site where I found the resources. For more information, or you want look at the rest of my bookmarks or if you want to connect, you can find me on <a href=\"http:\/\/delicious.com\/element321\" target=\"_blank\">Delicious<\/a>.<\/p>\n<ul class=\"delicious\">\n<li>\n<div class=\"delicious-link\"><a href=\"http:\/\/www.1stwebdesigner.com\/css\/35-websites-to-teach-you-how-to-use-css-effectively\/\">35 Websites To Teach You How To Use CSS Effectively | Graphic and Web Design Blog<\/a><\/div>\n<div class=\"delicious-extended\">&#8220;CSS ( <a class=\"zem_slink\" title=\"Cascading Style Sheets\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Cascading_Style_Sheets\">Cascading Style Sheets<\/a>) are the modern standard for presenting website. Combined with structural <a class=\"zem_slink\" title=\"Markup language\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Markup_language\">markup language<\/a> like <a class=\"zem_slink\" title=\"HTML\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/HTML\">HTML<\/a>, <a class=\"zem_slink\" title=\"XHTML\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/XHTML\">XHTML<\/a> \u2013 CSS fully take care about presentation part, creating that good concept \u2013 HTML = Content, CSS = Presentation. If you know CSS, you can really do everything controlling spacings, borders, positioning, margins, paddings, colors, fonts, background images, hover effects and more presentational effects. CSS is really easy to understand, and in my opinion every graphic designer should have at least simple coding skills with HTML and CSS, because CSS is really still design part, not really coding.&#8221;<\/div>\n<div class=\"delicious-tags\">(tags: <a href=\"http:\/\/delicious.com\/element321\/CSS\">CSS<\/a>)<\/div>\n<\/li>\n<li>\n<div class=\"delicious-link\"><a href=\"http:\/\/www.1stwebdesigner.com\/css\/advanced-css-text-effects-web-typography-tips\/\">22 Advanced CSS Text Effects And Web Typography Tips | Graphic and Web Design Blog<\/a><\/div>\n<div class=\"delicious-extended\">\n<p>&#8220;You definitely should have seen those advanced CSS text effects for now already, they are rapidly getting popular as upcoming and current trend in good webdesign. The best thing about these effects is, it can be achieved with pure CSS, no more image replacements and image heavy web designs. In this article I showcased all the best explained CSS tutorials and typography tips I found and thought you definitely must read! Scroll through or definitely save this article to bookmarks so the next time you create new design in Photoshop with letterpress, shadowed etc. effects \u2013 you can create them just with pure code!Typography takes also very important role in good web designs, so I strongly recommend to read articles I featured there as well! Enjoy and get inspired for your new, advanced web designs!&#8221; <!-- br--> (tags: <a href=\"http:\/\/delicious.com\/element321\/CSS\">CSS<\/a>)<\/p>\n<\/div>\n<\/li>\n<li>\n<div class=\"delicious-link\"><a href=\"http:\/\/www.1stwebdesigner.com\/css\/best-ajax-css-forms-tips-trends-techniques\/\">30 amazing ajax css form | Graphic and Web Design Blog<\/a><\/div>\n<div class=\"delicious-extended\">&#8220;In this article we will explain the various techniques, tutorials, examples relating to the modern trends in building web forms to enhance the user experience.&#8221;<\/div>\n<div class=\"delicious-tags\">(tags: <a href=\"http:\/\/delicious.com\/element321\/css\">css<\/a>)<\/div>\n<\/li>\n<li>\n<div class=\"delicious-link\"><a href=\"http:\/\/www.1stwebdesigner.com\/tutorials\/jquery-beginners-1\/\">jQuery for Complete Beginners: Part 1 | Graphic and Web Design Blog<\/a><\/div>\n<div class=\"delicious-extended\">&#8220;This is the first part of our new series walking you through the process of learning the hugely popular <a class=\"zem_slink\" title=\"JavaScript\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/JavaScript\">JavaScript<\/a> library jQuery from scratch. We\u2019ll start slowly and each week add some more knowledge to your skill set and this will lead us on to doing much cooler stuff with the library. This series is aimed at people who have a strong knowledge of HTML and CSS, so if you don\u2019t have a working experience of those two languages I suggest you learn those before coming back to this.&#8221;<\/div>\n<div class=\"delicious-tags\">(tags: <a href=\"http:\/\/delicious.com\/element321\/jquery\">jquery<\/a>)<\/div>\n<\/li>\n<li>\n<div class=\"delicious-link\"><a href=\"http:\/\/www.1stwebdesigner.com\/resources\/22-handy-html5-css3-tools-resources-and-guides\/\">22 Handy HTML5 &amp; CSS3 Tools, Resources And Guides | Graphic and Web Design Blog<\/a><\/div>\n<div class=\"delicious-extended\">&#8220;HTML5 and CSS3 are bringing new features<br \/>\nto us and in this article you\u2019ll be able to find some great tools, cheat sheets and much more you could need to master these new features.&#8221;<\/div>\n<div class=\"delicious-tags\">(tags: <a href=\"http:\/\/delicious.com\/element321\/css%2C\">css,<\/a> <a href=\"http:\/\/delicious.com\/element321\/csstutorials\">csstutorials<\/a>)<\/div>\n<\/li>\n<li>\n<div class=\"delicious-link\"><a href=\"http:\/\/robertnyman.com\/2010\/03\/16\/drop-shadow-with-css-for-all-web-browsers\/\">Drop shadow with CSS for all web browsers &#8211; Robert&#8217;s talk<\/a><\/div>\n<div class=\"delicious-extended\">&#8220;One of the most common CSS effects is using shadows in various ways. Before, we needed to resort to images, but now we can offer this to all major web browser with CSS!&#8221;<\/div>\n<div class=\"delicious-tags\">(tags: <a href=\"http:\/\/delicious.com\/element321\/CSS\">CSS<\/a>)<\/div>\n<\/li>\n<\/ul>\n<p><input id=\"gwProxy\" type=\"hidden\" \/><\/p>\n<p><!--Session data--><\/p>\n<p><input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/><\/p>\n<h6 class=\"zemanta-related-title\" style=\"font-size: 1em;\">Bonous, 3 More Related articles Found by Zemanta<\/h6>\n<ul class=\"zemanta-article-ul\">\n<li class=\"zemanta-article-ul-li\"><a href=\"http:\/\/sixrevisions.com\/css\/how-to-create-inset-typography-with-css3\/\">How to Create Inset Typography with CSS3<\/a> (sixrevisions.com)<\/li>\n<li class=\"zemanta-article-ul-li\"><a href=\"http:\/\/sixrevisions.com\/css\/basic-css3-techniques-that-you-should-know\/\">Basic CSS3 Techniques That You Should Know<\/a> (sixrevisions.com)<\/li>\n<li class=\"zemanta-article-ul-li\"><a href=\"http:\/\/24ways.org\/2009\/cleaner-code-with-css3-selectors\">Cleaner Code with CSS3 Selectors<\/a> (24ways.org)<\/li>\n<\/ul>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"zemanta-pixie-img\" style=\"border: medium none; float: right;\" src=\"https:\/\/i0.wp.com\/img.zemanta.com\/pixy.gif\" alt=\"\" \/><span class=\"zem-script pretty-attribution\"><script src=\"http:\/\/static.zemanta.com\/readside\/loader.js\" type=\"text\/javascript\"><\/script><\/span><\/div>\n<p><input id=\"gwProxy\" type=\"hidden\" \/> <input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/> <input id=\"gwProxy\" type=\"hidden\" \/> <input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/> <input id=\"gwProxy\" type=\"hidden\" \/> <input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/> <input id=\"gwProxy\" type=\"hidden\" \/> <input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cascading style sheets (CSS) were created to define how HTML elements will display. CSS can be implemented on the index page or as a stand alone file. In most cases, I would recommend using an external style because you can easily make changes to the style sheet by updating the code and simply replacing the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12],"tags":[290,120,126,1482,358,359,133,360,1480],"class_list":["post-600","post","type-post","status-publish","format-standard","hentry","category-delicious","tag-cascading-style-sheets","tag-css","tag-daily-delicious","tag-delicious","tag-html","tag-html5","tag-javascript","tag-jquery","tag-web-design","entry","has-post-thumbnail"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-9G","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=600"}],"version-history":[{"count":0,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/600\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=600"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}