Daily Links

Category: CSS

May 14

Styleguide & Boilerplate Patterns

Common Patterns in Styleguides, Boilerplates and Pattern Libraries   http://blog.cloudfour.com/common-patterns/

Apr 24

Responsive web design

Responsive Workflows and Creative Design for Muliple Screen Sizes   http://responsivedesign.ca/developer-resources/creative-workflow

Mar 26

Learn CSS Layout

The site "Learn CSS Layout" teaches the CSS fundamentals that are used in any website's layout. Nice and clean tutorial site!   http://learnlayout.com/

Mar 24

Design Responsive Websites Visually

Webflow enables you to create responsive layouts and pixel-perfect designs directly in your browser, without writing a single line of code.   http://webflow.com/?kid=130SA

Mar 24

Heading Set Styling with CSS

Custom, ready-to-use CSS styles for headings   http://tympanus.net/Tutorials/HeadingSets/

Mar 24

Basic Ready-to-Use CSS Styles

Some basic and useful style snippets   http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/

Mar 23

Dabblet

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code   http://dabblet.com/

Mar 21

Pinterest icon collection

i've started a Pinterest icon collection. Because the huge amount of icons resources, i try to pick out the best and collect them here. If you have any suggestion, please let me know.   http://pinterest.com/bene_vdw/icons/

Mar 20

How to Center Anything With CSS

How do you center something with css? Full explanation   http://designshack.net/articles/css/how-to-center-anything-with-css/

Dec 04

HTML 5 Rocks Playground

Tutorial samples and code fragments to test html 5 code   https://www.html5rocks.com/en/

Nov 03

Pixel Ruler

The ultimate tool for responsive screen size sketching. Heavy-duty gauge stainless steel ruler with pixel increments. Markers for mobile, tablet and widescreen (laptop) sizing.   http://www.uistencils.com/products/pixel-ruler

Sep 07

Designing for Retina

Detailed overview of the process for designing for Retina displays by Realmac Software   http://realmacsoftware.com/blog/designing-for-retina

Aug 10

Overview front end style guides

Nice little overview of practical style guides   https://gimmebar.com/collection/4ecd439c2f0aaad734000022/front-end-styleguides

Jul 13

Create a website style guide

A website style guide is an ideal way to ensure brand identity, professionalism and consistency across your site.   http://www.netmagazine.com/features/create-website-style-guide

Jul 12

Codepen

CodePen is a community of front end folks focused on inspiration and education.   http://codepen.io/

Jul 11

Bootstrap form builder

Using Bootstrap? Here's a handy link to build custom web forms with generated code.   http://bootstrap-forms.heroku.com/

Apr 23

Beautiful Web Type

A showcase of the best typefaces from the Google web fonts directory.   http://hellohappy.org/beautiful-web-type/

Apr 13

iOS App Icon Template

App Icon Template that, through Smart Objects in Photoshop, attempts to automate the process of rendering the various sizes that needs to be bundled with iOS Apps   http://appicontemplate.com/

Feb 13

Gridpak

Gridpak is a responsive grid generator created by Erskine Design   http://gridpak.com/

Feb 06

How to Approach a Responsive Design

Great overview and insight in the redesign process of the Boston Globe web site   http://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/

Powered by Creative Market



Creative Market