Build website interactions and animations visually — without writing code. Add parallax scrolling effects, mouse based motion, and multi-step animations without learning CSS and JavaScript.
glamorous is React component styling solved with an elegant (inspired) API, small footprint (<5kb gzipped), and great performance (via glamor). It has a very similar API to styled-components and uses similar tools under the hood (glamor).
Less 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).
This April we have prepared for you a wonderful list of web dev resources, including some React libraries, a framework for cross-browser extensions, and a JavaScript physics engine!
Unfortunately Twitter is not ideal for providing context and longer explanation, and I thought this might be a good way to follow up. Given that, a lot of this article describes what led to our…
By adopting inline styles, we can get all of the programmatic affordances of JavaScript. This gives us the benefits of something like a CSS pre-processor (variables, mixins, and functions). It also…
Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. This helps you to avoid copying and pasting code, and it simplifies development and refactoring.
Smashing Magazine is focused on design and web-development. We deliver useful information, latest trends and techniques, useful ideas, innovative approaches and tools.
free tutorials and collections from top universities and well-respected websites to train you in areas like web design, graphics and imaging, programming and coding, multimedia, connecting with your audience, and even learning freelancing and entrepreneur
Für eine hochwertige Schriftfamilie musste man schon immer tief in die Tasche greifen. Die Preisspanne für renommierte Schnitte wie Helvetica, Frutiger oder Avenir startet etwa bei 20-25 € pro Schnitt oder 400-500 € pro Familie. Nicht zu Unrecht, denn eine glasklare typografische Darstellung ist mit einem hohen Arbeitsaufwand verbunden, der sich häufig in monate- oder jahrelanger Arbeit widerspiegelt.
These sites are a fantastic starting point for any creative task and should be the first place to start when searching for a little quick and dirty inspiration (after you visit this site of course).
For the sake of your (search engine) Quality Score, (human) Credibility and (financial) bottom line, there are exactly six pages your site must include.
What is a framework? So that we’re all on the same page, let’s agree—at least for the duration of this article—on this definition of “framework”: a set of tools, libraries, conventions, and best practices that attempt to abstract routine task
Open Web Design is a community of designers and site owners sharing free web design templates as well as web design information. Helping to make the internet a prettier place!
WebSnapr lets you capture screenshots of (almost) any web page. Let your visitors to instantly visualize any web page before clicking. Increase site traffic, click-through rate and site stickiness.
WebSnapr lets you capture screenshots of (almost) any web page. Let your visitors to instantly visualize any web page before clicking. Increase site traffic, click-through rate and site stickiness.
Microformats are (officially) a set of simple, open data formats built upon existing and widely adopted standards that are designed for humans first and machines second. ...Microformats are about using the standards we all know and love to convey as much
Microformats are (officially) a set of simple, open data formats built upon existing and widely adopted standards that are designed for humans first and machines second. ...Microformats are about using the standards we all know and love to convey as much
microformats are, just as importantly, defined by what they are not: not a new language; not infinitely extensible and open-ended; not an attempt to get everyone to change their behavior and rewrite their tools; not a whole new approach that throw
microformats are, just as importantly, defined by what they are not: not a new language; not infinitely extensible and open-ended; not an attempt to get everyone to change their behavior and rewrite their tools; not a whole new approach that throw
Microformats are small and gentle syntactic touchups for your web pages.They have one major purpose: to make your data readable by both man and machine...The machine-readable-data (and thus the microformat) concept is not new; it has a very recent fo
Microformats are small and gentle syntactic touchups for your web pages.They have one major purpose: to make your data readable by both man and machine...The machine-readable-data (and thus the microformat) concept is not new; it has a very recent fo
Web developers can find many free resources, although some are freer than others. If you design a Web site or Web application, whether static or with all the dynamic Ajax goodness you can conjure up, you might find resources to lighten your load and spice
As Khoi says himself: …coming up with this little trick left me very pleased with myself, as it allowed me to produce easily the most precise layouts of my career.
I’ve spent some time up front creating a consistent framework that I start with every time. It’s a group of files that include markup, CSS, and scripting that I can copy and paste and start with off the bat. The naming conventions are the same, the di
This website teaches core visual skills for designing pages that are easy to understand and use: Graphic design basics - Page layout - Visual techniques - Case studies. "Making a clear web page depends on making the most important elements appear importan
These icons are designed specifically for blogs and content management systems. The graphicPUSH blog icons come in two happening forms: a free version and a deluxe version. The free version contains ten core icons that will get you rolling on your site wi