Skip to main content

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

Rss Feed Group items tagged

wajah pribumi

CSS tutors || Belajar CSS itu Mudah !: Mengenal CSS - 0 views

  •  
    CSS , kependekan dari Cascading Style Sheet merupakan salah satu bahasa style sheet untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.
Luciano Ferrer

Top 4 Free CSS Generators Online - Sepia River: theCreativeflow - 1 views

  •  
    "http://css3generator.com/ » The drop-down list says "Choose Something". Choices include: shadows, transitions, even transform and @font-face! It has an option for border-radius, but if that's the only thing you need, there's the quick and dirty: http://border-radius.com/ » Super simple, uber-easy-to-use, just does border-radius. What more can I say? http://www.colorzilla.com/gradient-editor/ » Sleek, Photoshop-like gradient editor that spits out cross-browser CSS. Fancy - with live preview and the like. Resist the urge to add gradients to everything you do. http://www.cssbuttongenerator.com/ » Comes with some nice default palettes, but fully customizable with your own color values. Sleek color-picker and sliders to make it how you want it, plus a link to a more advanced button generator. I've definitely been making more buttons since this baby came online :)"
Sampath Kumar

What is specificity in CSS - 1 views

  •  
    Specificity: Specificity describes about the priority of selector in CSS. Before working with CSS it is good to know about specificity. Because if the page contains few CSS selectors, then it is fine. But if we are dealing with a page which contains many CSS selectors, then we might confuse.
Jochen Burkhard

22 Handy HTML5 & CSS3 Tools, Resources And Guides | Graphic and Web Design Blog - 0 views

  •  
    HTML5 and CSS3 are bringing new features to us and in this article you'll be able to find some great tools, cheat sheets and much more you could need to master these new features.
DJ XC

CSS Border Radius - 0 views

  •  
    herramienta para crear código css para border-radius
  •  
    Handy tool for generating browser-specific and general css3 border-radius statements
mikhail-miguel

Online CSS Optimiser/Optimizer : flumpCakes - 0 views

  •  
    CSS Optimizer optimizes and reduces the file size of the Cascading Style Sheets
Vernon Fowler

A design process revealed | stopdesign - 1 views

  • I began by studying the content (text) of the existing page, making a model in my head of the document flow and hierarchy. I aggregated the sections of the page into logical groupings and assigned each a priority. I also spent time thinking about the purpose of the project, along with the ideas and concepts Dave Shea was trying to communicate when he created the Garden space and opened it up for other designers to contribute.
  • Showing off advanced CSS trickery is not the goal of this project. Instead, it attempts to demonstrate the beauty and flexibility achievable when designers grasp all the potential of CSS, using it as a tool to create a well-designed aesthetically-pleasing page which remains accessible, well-structured, and efficiently coded.
  • My Garden lists contained groupings of words and thoughts related to gardening, plants and flowers found in a garden, zen-like qualities, beauty and beautiful things, and characteristics of page design. I also created lists of all the elements, IDs, and classes used in Dave’s HTML, some of which made subtle appearances in the final design.
  • ...11 more annotations...
  • Once I exhausted the idea branching, I started drawing thumbnail sketches
  • Once I had a few rough compositions I liked, I began studying typefaces and letterforms.
  • In addition to my affinity for the letterforms, the pronounced medieval style of the headline type created a perfect contrast with the sans-serif modernity of supporting keywords and titles which I set in Helvetica.
  • My next step in the process was to research imagery which could be used as the foundation for background texture, and act as supporting visual content.
  • I tend to keep imagery confined to a particular region of the layout, or reserve it for a specific purpose. In my opinion, the overuse of photography or illustration can quickly create a crowded, chaotic design which just obscures the intention or message of the piece. Contrast is an element of design which I love to work with when creating anything visual. This comes just as much into play with use of imagery in a composition as it does within the image itself. Effectively integrating imagery into a design requires an awareness of balance and tension. Compact areas of motion and activity, countered with spaces for the eye to rest and relax.
  • When designing outside HTML and CSS, I focus on constructing the language and guidelines of the page, determining proportions, widths and heights, gutters and white space, specifying complementing typefaces, choosing relative type size and leading, and the application of color as a means of both obvious and subtle accent.
  • I started writing the CSS for the design at a high-level, focusing on the layout structure, major backgrounds, and large regions of the page.
  • Groups of elements were positioned in correct locations. Then I applied the necessary detail to each element, from the top of the page, down.
  • The addition of a background pattern to the left and right of the primary image was an added benefit of discovering I couldn’t position the header as I originally intended.
  • The vertical alignment wasn’t refined until after each column was already positioned on the page.
  • This unity of thought at the final stage of the process is a strong reason the designer and person responsible for generating the HTML and/or CSS need should be working together as closely as possible, if the two are not already the same person.
Maxim Djuliy

20 stunning examples of CSS 3D transforms - 0 views

  •  
    Rounded corners, gradients and drop shadows are well known features of CSS3, but beyond these there lie CSS transitions, transforms and animations. In combination they create effects never before achievable. CSS 3D transforms are smooth, hardware accelerated and simple to implement, with browsers taking on what would be very difficult perspective calculations.
Laura Reed

CSS Lint - 5 views

  •  
    "Your CSS goes here. The more, the better. Linting works best when we see the big picture, so give us everything you've got. "
  •  
    "Your CSS goes here. The more, the better. Linting works best when we see the big picture, so give us everything you've got. "
Vernon Fowler

Ultimate CSS Gradient Generator - 2 views

  •  
    A powerful Photoshop-like CSS gradient editor from ColorZilla.
awqi zar

How to Code a Clean Minimalist HTML CSS Website Layout - 10 views

  •  
    As you might have guessed, we are going to start a step by step tutorial for creating a Minimalist HTML CSS Layout.This tutorial doesn't require slicing in Photoshop, because it will cover only the most basic topics and is for beginners.
Laura Reed

CSS Stats - 0 views

  •  
    Get stats on your site's CSS. Learn how many colours you've used, or how many selectors you have.
Vernon Fowler

Crunchie Corner Lab | MailChimp Labs - 3 views

  •  
    The Crunchie Corner Lab is a simple tool that allows you to see how a variety of different borders, colors, shadows and radius values affect the display of your fancy CSS3 rounded corners. Just change the field values below to start experimenting.
‹ Previous 21 - 40 of 558 Next › Last »
Showing 20 items per page