Greepit.com » CSS

Semantic UI – Free Front-end Framework

Team Greepit — Thu, 19 Sep 2013 10:36:21 +0000

Writing front end code shouldn’t require learning the naming or programming conventions of a particular developer. Instead of using short-hand, or codified naming conventions, semantic uses simple, common language for parts of interface elements and familiar rules used in natural languages for describing elements.

Semantic is a set of specifications for sharing UI elements between developers. Semantic is also a UI library to make front end development simpler and easier to learn.

Special DownloadsDesign Freebies Feedback Collection and Polling Widget

Free Creative Resume Template

Open Source Icons

Free Minimal WordPress Theme

UI Components for Modern Web Apps – Brick

Saif — Fri, 30 Aug 2013 07:56:10 +0000

Brick is a bundle of reusable UI components created to enable rapid development of cross-browser and mobile-friendly HTML5 web applications.

It’s a cross-browser library that provides new custom HTML tags to abstract away common user interface patterns into easy-to-use, flexible, and semantic Web Components.

Built on Mozilla’s x-tags library, Brick allows you to plug simple HTML tags into your markup to implement widgets like sliders or datepickers, speeding up development by saving you from having to initially think about the under-the-hood HTML/CSS/JavaScript.

Special Downloads
Design Freebies Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Build Responsive Web Page Layouts With Responsive Web CSS

Team Greepit — Wed, 28 Aug 2013 09:50:59 +0000

Spending hours manually designing your pages for the responsive web? Layout your pages in minutes for beautifully responsive pages on desktops, tablets and smartphones.

Responsive Web CSS is a tool for creating a responsive design just by adding the necessary parts with drag’n’drop.

Special Downloads
Design Freebies Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

A Lightweight Front-End Framework: UIkit

Team Greepit — Wed, 31 Jul 2013 09:09:12 +0000

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components
which is simple to use, easy to customize and extendable.

Everything is very-well documented with examples and a web-based customizer exists for creating new themes (there are already 3 ready-to-choose themes).

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Amazing CSS Transitions & Animations – Effeckt.CSS

Saif — Wed, 24 Jul 2013 06:43:48 +0000

Ever noticed how small flourishes and subtle transitions dramatically increases the value of the experience you enjoy with an app or site?

Designing and developing UIs for the mobile web is tricky, but it’s extremely difficult to do that while delivering something that performs at 60fps. The best opportunities to getting jank-free transitions on phones/tablets are CSS transition and keyframe animation based, especially tapping into hardware-accelerated transforms and opacity changes.

CSS3 Transitions and Keyframe animation are fast because they are hardware accelerated. Effeckt.css brings common animations, like modal transition, button loading, list item adding effects,etc… Those effects are based on CSS3 transitions and keyframe animations, targeted to make as smooth as 60 fps on mobile and desktop web application.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Custom Checkboxes Styling Without JavaScript – CSS Checkbox

Saif — Fri, 12 Jul 2013 07:25:54 +0000

CSS Checkbox offers styles for customizing checkbox with CSS (without JavaScript) and kits for all your web projects.

JavaScript is not needed to use CSS Checkbox and it also offers a free CSS and HTML checkbox generator that dynamically creates checkbox code for your websites and lets you download custom CSS Checkbox kits.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Web Design and Development News, Tutorials and Tools – Issue#7

Team Greepit — Tue, 09 Jul 2013 07:12:23 +0000

This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.

If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our Full RSS Feed, follow us on Twitter and Facebook.

Visually Detect Invalid, Inaccessible or Erroneous HTML Markup – Diagnosticss

jQuery Learning Center

Introduction to Mobile Prototyping with HTML, CSS and JS

UX Metaphor Equivalents for iOS & Android – PortKit

Freebie: Sports Icon Set (100 Icons in AI, EPS, PNG and PDF Formats)

Automatically Center Responsive Elements – Midway.js

HTML5 Rich-Text-Editor Toolbar – Popline

Easily Add Product Tours to Web Pages – Hopscotch

Single One (1) Page Responsive Websites (Free and Premium For A Low Price)

Command Line Tool for Generating CSS Sprites – Glue

Responsive Grid System With a Typographic Baseline – Responsable Framework

Learn CSS Layout

Developing With Sass and Chrome DevTools

Quickly Find the Screen Specifications For Devices – Screen Sizes

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Web Design and Development News, Tutorials and Tools – Issue#5

Team Greepit — Tue, 02 Jul 2013 08:22:38 +0000

This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.

Fontastic – A Platform For Creating Icon Fonts

Build User Interfaces Efficiently — React

Chrome Logger – An Extension For Debugging Server-Side Code

Dynamic-Column & Gap-Free Grids: Mason.js

A Complete Unicode Character Table

Actual and Forecast Weather Data for Free — OpenWeatherMap

Font Custom – Generate Custom Icon Fonts From Command Line

Better Dates and Times for Python — Arrow

A Modern, Extensible & Free IDE – KineticWing

Buttons – A CSS Library For Creating Buttons

Combine Iconic Font Items To Create A Custom One – Fontello

PHP Performance Monitoring With Pinba And Intaro Pinboard

Collection of Free, Resizable, Useful Vector Icons, Glyphs & Icon Fonts

Popular UIs: Free PSDs Of Well-Known Websites

Awesome Modal Window Effects with CSS Animations

A Huge Food Icons Set – 200 Foodie Pack

A Minuscule Wireframing Template — Microframe

LESS – The CSS Preprocessor: Tools, Mixins, Plugins And Libraries

Team Greepit — Mon, 01 Jul 2013 09:15:08 +0000

As a Web designer must be familiar with CSS (Cascading Style Sheets), the style sheet language used to format markup on Web pages. CSS itself is extremely simple, consisting of rule sets and declaration blocks and it does pretty much everything you want.

LESS is the dynamic stylesheet language, it extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).

The Dynamic Stylesheet Language – LESS

LESS App for Mac OSX

LESS Compiler Written in PHP: Less PHP

The LESS Editor and Compiler: Crunch

Preprocessing Got Easier With Prepros

DMXzone LESS CSS Compiler

Rapid Prototyping With Preprocessing, Minification, Concatenation & Optimisation

Windows GUI for LESS: WinLess

GUI Compiler for LESS: Plessc (Linux)

Pack of Mixins and Variables to Use With LESS: Preboot

Set of Basic Mixins for the LESS CSS: LESS Elements

CSS Frameworks with LESS Support

The Spiritual Successor to LESS Framework: Frameless Grid

The Semantic Grid System

A LESS CSS Library

Powerful Front End Framework: Bootstrap

Convert 960 CSS Framework to LESS Format

Joomla Extension for Compiling LESS Files

Joomla Plugin to Automatically Compile LESS Templates Files on Page Load

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Single One (1) Page Responsive Websites (Free and Premium For A Low Price)

Team Greepit — Mon, 17 Jun 2013 09:04:58 +0000

Single / One (1) page websites are very interesting to get your website in one place. One page websites can be used for everyone to display their portfolio or represent their companies.

We hare gathered here few premium responsive single / one (1) page HTML/CSS websites along with some beautiful free responsive HTML templates and single page WordPress theme.