Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged CSS

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Saif Shuvo

Professional Web Design & Development Curriculum - 0 views

Lesson: 01 (Dreamweaver Basics & HTML) Introducing Dreamweaver, Elements, Attributes, Table, List, Forms, Formatting, Styles, Image, Hyperlinks. Head, Meta, Scripts, Layout, Fonts, URL- encode ...

webdesign web development

started by Saif Shuvo on 07 Jan 17 no follow-up yet
jdr santos

CSS Discuss - 9 views

css-discuss.incutio.com/...Main_Page

CSS wiki reference tutorials resources web design

shared by jdr santos on 24 May 11 - Cached
  • This Wiki is dedicated to real-world (and ideally, browser-neutral) application of CSS (Cascading Style Sheets). Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage- technology areas is not forbidden, but keeping it associated with CSS is encouraged.
  • jdr santos on 24 May 11
     
    This Wiki is dedicated to real-world (and ideally, browser-neutral) application of CSS (Cascading Style Sheets). Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage- technology areas is not forbidden, but keeping it associated with CSS is encouraged.
Jochen Burkhard

Mastering CSS Coding: Getting Started - Smashing Magazine - 13 views

www.smashingmagazine.com/...ing-css-coding-getting-started

webdesign css design tutorial Primer

shared by Jochen Burkhard on 14 Dec 10 - Cached
moaz abrar liked it
  • awqi zar on 14 Dec 10
     
    CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS.
  • Jochen Burkhard on 16 Dec 10
     
    CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS.
Jochen Burkhard

Online CSS Editor - CSS Portal - 0 views

www.cssportal.com/online-css-editor

web design webdesign editor CSS online file

shared by Jochen Burkhard on 16 Dec 10 - Cached
  • Jochen Burkhard on 16 Dec 10
     
    "Online CSS Editor allows you to edit an entire CSS file at once with a dynamic preview shown below. The preview will show the exact line you're editing, and it will update as you type. If you want to show the entire file then move focus to the start or the end of the CSS text. When you have finished editing your CSS, be sure to validate the code with CSS Validator."
  • Jochen Burkhard on 16 Dec 10
     
    Just two words: Cool and stylish :-)
  • Jochen Burkhard on 31 Jan 11
     
    CSS-Portal. You name it :)
Jochen Burkhard

Start Using CSS3 Today: Techniques and Tutorials - Smashing Magazine - 0 views

www.smashingmagazine.com/...today-techniques-and-tutorials

css3 webdesign tutorials techniques css Roundup

shared by Jochen Burkhard on 18 Jun 10 - Cached
  • Jochen Burkhard on 18 Jun 10
     
    We have been publishing articles about CSS3 for a while now, and we keep receiving angry e-mails from some developers who complain that it doesn't make sense to use CSS3 today. Yes, Internet Explorer doesn't support most CSS3 properties. And yes, CSS3 vendor prefixes are bad for maintainability (and this is why we recommend extracting vendor prefixes in a separate CSS3 file).
Kashif Mehmood Mughal

50+ Useful CSS Professional Techniques | Dzinepress - 6 views

www.dzinepress.com/...ul-css-professional-techniques

CSS Techniques Tutorials Advanced CSS3 HTML XHTML DHTML

shared by Kashif Mehmood Mughal on 06 Nov 09 - Cached
  • Kashif Mehmood Mughal on 06 Nov 09
     
    As we know most of the Web designers and developers only scratch the surface of the potent language that is CSS (cascade style sheet), like programming languages, CSS has a quite simple learning twister, normally being used more often in every web project. CSS as language giving many advantages even working in table based design or table-less designs, most of the time our designed pages can easily change after replace a css file with another one. When we working on latest trends, Tab Navigation has been one of the essential element in any contemporary web layout. In order to make sure visitors can properly navigate through the website through our used techniques, here in listed CSS stuff we offering some best and most useful Cascade style sheets with source files which can help for more inspiring developments.
pr getxhtml

PSD To CSS3 | Convert PSD To CSS3 - 0 views

www.getxhtml.com/psd-css3-conversion

PSD to Css3 By GetXHTML PSD To Css3 PSD To Css3 India Convert PSD To CSS3 PSD To CSS3 Theme PSD To CSS3 Conversion

shared by pr getxhtml on 10 Aug 13 - No Cached
  • pr getxhtml on 10 Aug 13
     
    GetXHTML delivers complete PSD to CSS3 Conversion services in quick time. Our developers use best practices to Convert PSD to CSS3 with focus on W3C standards.
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

jontangerine.com/...m-and-elastic-layouts-with-css

blog css tools webdesign typography design fonts text layout web framework layouts em elastic

shared by Soul Book on 01 Apr 10 - Cached
  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  • Soul Book on 01 Apr 10
     
    A nice and simple explanation of using EMs to make elastic layouts
Jochen Burkhard

Mastering CSS Coding: Getting Started - Smashing Magazine - 0 views

www.smashingmagazine.com/...ing-css-coding-getting-started

css webdesign howto guide Web Design tutorials

shared by Jochen Burkhard on 11 Nov 09 - Cached
    • Jochen Burkhard
      Jochen Burkhard on 11 Nov 09
       
      A CSS-Primer one would dream of... Well done guys!
  • Quick tip: Because block elements typically span 100% of their parent container’s width, floating an element to the right knocks it down to the next line. This also applies to plain text that runs next to it because the floated element cannot squeeze in the same line.
  • Reverse the order of the HTML markup
  • ...2 more annotations...
  • Specify an exact width for the neighboring element
  • To horizontally align non-textual elements, use the margin property.
  • Jochen Burkhard on 11 Nov 09
     
    CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS.
Vernon Fowler

Introducing LESS: a Better CSS - 2 views

www.usabilitypost.com/...introducing-less-a-better-css

css less web design webdesign NED12

shared by Vernon Fowler on 12 Nov 12 - No Cached
  • I’ve tried SASS and really liked it, but one thing really bothered me. I didn’t like how all the syntax was different to CSS. Sure, it’s not CSS anymore, it’s SASS, but do we really need to change the syntax of the stuff already present in CSS — why not just expand it?
  • LESS, which stands for Leaner CSS.
  • LESS augments CSS with 4 main features: variables, mixins, nested inheritance and operations.
  • ...2 more annotations...
  • division, multiplication, addition and subtraction
  • LESS looks just like CSS, and the syntax we picked for the extra features is very CSS-like. This means you can rename your existing ‘.css’ files to ‘.less’ and start using the new features.
Jochen Burkhard

CSS3-Only Tabbed Area | CSS-Tricks - 0 views

css-tricks.com/css3-tabs

css Tabs javascript Web-Design

shared by Jochen Burkhard on 09 Mar 10 - Cached
  • Jochen Burkhard on 09 Mar 10
     
    When you think of "tabs", your mind might go right to JavaScript. Watch for a click on a tab, hide all the panels, show the one corresponding to tab just clicked on. All major JavaScript libraries tackle tabs in some way. But there is a way to accomplish this same idea with "pure CSS". Just as we did with the CSS Image Switcher, let's tackle this traditionally JavaScript project with only CSS.
Kashif Mehmood Mughal

Really Useful CSS Tips and Tricks for Web Designers and Developers | Tutorial Lounge - 2 views

www.tutoriallounge.com/...r-web-designers-and-developers

CSS Tips and Tricks Tutorials Web Developers Designers HTML xHTML

shared by Kashif Mehmood Mughal on 20 Jan 10 - Cached
  • Kashif Mehmood Mughal on 20 Jan 10
     
    CSS (Cascading Style Sheet) is most important language technique for web designing and development, we mostly prefer in our modern designs where some new techniques also introduce like CSS3 and some third party scripts as well which can help in latest website designs. Now CSS offering many advanced advantages which helping in table-less and web 2.0 designs, as you know number of websites offering tips and tricks about CSS, but we choose some very useful techniques which you cannot ignore as designer or developer.
Jochen Burkhard

20 CSS3 Tutorials and Techiques for Creating Buttons - Speckyboy Design Magazine - 0 views

speckyboy.com/...techiques-for-creating-buttons

CSS3 Buttons Tutorial 3d Ribbon

shared by Jochen Burkhard on 15 Mar 10 - Cached
  • Jochen Burkhard on 15 Mar 10
     
    ♻ Retweet In May last year we published an article entitled 22 CSS Button Styling Tutorials and Techniques, it proved to be pretty popular, and the most amazing thing about that post is that none of the tutorials even touch on the subject of CSS3.. What a difference a year makes! Of course CSS3 never rolled out last year, it has been around for a long time without ever entering mainstream web design. That was until last year when support arrived from the web browsers Safari, followed by Firefox and then Chrome. And CSS3 has been gaining momentum ever since.
awqi zar

CSS3 Techniques You Should Know - 13 views

sixrevisions.com/...ss3-techniques-you-should-know

article css3 css webdesign techniques web design Tutorials

shared by awqi zar on 22 Mar 10 - Cached
  • awqi zar on 22 Mar 10
     
    Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today? In this article I'll show you some different CSS3 techniques that work great in some of the leading browsers (i.e. Firefox, Chrome, Safari, Opera ), and how they will degrade well in the non-supported browsers (i.e. Internet Explorer). Using browser specific extensions, many of the proposed CSS3 styles can be used today!
Jochen Burkhard

Modern CSS Layouts, Part 2: The Essential Techniques - Smashing Magazine - 0 views

www.smashingmagazine.com/...art-2-the-essential-techniques

CSS3 HTML 5 Tutorial Essential Layout Web Design

shared by Jochen Burkhard on 06 May 10 - Cached
  • Jochen Burkhard on 06 May 10
     
    In Modern CSS Layouts, Part 1: The Essential Characteristics, you learned that modern, CSS-based web sites should be progressively enhanced, adaptive to diverse users, modular, efficient and typographically rich. Now that you know what characterizes a modern CSS web site, how do you build one? Here are dozens of essential techniques and tools to learn and use to achieve the characteristics of today's most successful CSS-based web pages.
Nicolas Casel

New features with CSS - 0 views

www.webdesignerdepot.com/...-can-get-excited-about-in-2015

css

shared by Nicolas Casel on 18 Jan 15 - No Cached
  • Nicolas Casel on 18 Jan 15
     
    selectors level 4 blend modes calc() function css variables css exclusions css shapes css grid layout
Phillip Johnson

CSS3 Rounded Corners - 0 views

greenorbwebdesign.co.uk/css3-rounded-corners

css

shared by Phillip Johnson on 16 Jan 15 - No Cached
  • Phillip Johnson on 16 Jan 15
     
    The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
  • Phillip Johnson on 16 Jan 15
     
    The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
  • Phillip Johnson on 16 Jan 15
     
    The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
Laura Reed

ProCSSor - Advanced CSS Prettifier - 2 views

tools.maxcdn.com/process

CSS web design css tool website

shared by Laura Reed on 23 Mar 15 - No Cached
Tonny Mathews and soffy125 liked it
  • Laura Reed on 23 Mar 15
     
    "Procssor cleans and organizes your css the way you want it. Perfect for css consistency when multiple people contribute."
  • Laura Reed on 23 Mar 15
     
    "Procssor cleans and organizes your css the way you want it. Perfect for css consistency when multiple people contribute."
  • andersenlabs on 08 Sep 22
     
    With ProCSSor, you can take your CSS to the next level! This powerful tool makes your CSS more readable and manageable. I actually think that Andersen is an experienced software programming company that provides tools and services for software development and management. https://andersenlab.com/blueprint/website-redesign-best-practices
pr getxhtml

PSD To CSS Coding - A Great Way To Have Unique And Successful Websites - 0 views

www.getxhtml.com/eat-unique-successful-websites

PSD To CSS Coding - A Great Way To Have Unique And Successful Websites PSD To CSS Coding for unique & Successful websites Are you looking for Unique & Successful website What is PSD to CSS Coding What are the benefits of PSD to CSS Coding

shared by pr getxhtml on 16 Apr 14 - No Cached
  • pr getxhtml on 16 Apr 14
     
    CSS is a basically a coding language that helps you demonstrate the presentation texture of a file written in mark up languages like HTML or XHTML. PSD to CSS coding is all about separating the document content with elements of document presentation like color, font, style and layout.
1 - 20 of 1986 Next › Last »
Showing 20▼ items per page