Pull Down for Navigation - Inspect Element
Pull Down for #Navigation - Inspect Element via @tkenny
Tagged design · everything
Interesting
CSS Buttons with Pseudo-elements | Codrops
This tutorial demonstrates how to create visually sophisticated buttons using only a single anchor tag by leveraging CSS pseudo-elements (::before) to generate additional visual layers without cluttering the HTML markup. The author presents five progressively complex button examples—from simple beveled effects to divided buttons and buttons with embedded icons—all achieved through creative positioning, gradients, and box-shadows applied to pseudo-elements that respond to the :active state. While acknowledging browser compatibility limitations at the time, the article shows how pseudo-elements can replace old sprite-based techniques for creating polished button effects in CSS alone.
Gridpak - The Responsive grid generator
I appreciate you sharing this content, but I should clarify what I can help with. This appears to be a French webpage listing article headlines and brief descriptions from a "À ne pas manquer cette semaine" (Must not miss this week) section. However, to write summaries as you've requested in your instructions, I would need you to provide me with specific saved articles that you'd like me to summarize. The list you've shared shows only headlines and teaser text, not full articles. If you have a particular article from this selection (or any other article) that you'd like me to summarize, please share the full text or content, and I'll be happy to write a concise two or three sentence summary explaining what it actually argues or reports.
Fico | a font with icons, by Lensco.be
Check out Fico, a font with icons served via @font-face, by @lensco
20+ examples of beautiful and inspiring fonts | Webdesigner Depot
This is a curated list of 25+ fonts across various styles (vintage, geometric, handwritten, textured, and 3D) with brief descriptions of each font's characteristics and best use cases, ranging from logos and headlines to poster work. The piece emphasizes matching fonts to project needs—whether you need something bold and impactful like Kilogram, clean and professional like Code, or distinctly unique like Paranoid—and reminds users to check licensing before commercial use. It's a practical reference guide rather than a deep dive, offering quick visual examples and styling tips for each typeface.
10 of the coolest CSS3 and CSS effects | Webdesigner Depot
This article surveys practical CSS3 techniques for creating visual effects and improving web design, demonstrating how CSS3 eliminates the need for image-heavy implementations by offering solutions like gradients, text shadows, and transitions for effects previously requiring Photoshop or jQuery. It covers specific applications including anaglyphic 3D text, text gradients, dripping text effects, stitched borders, CSS sprites, layered elements, and responsive design through media queries, with code examples and explanations for each technique. The piece emphasizes experimentation and community learning while cautioning developers to test techniques across browsers using appropriate vendor prefixes.
Krop - Pluck't
An inspiring peek at a few of the finest portfolio pieces as they are added by our users daily
CSS Social Buttons
This resource provides a reusable CSS framework for creating social media icon buttons using background images and combinable CSS classes. It offers multiple customization options including 14 color choices, 7 style variations (flat, circle, glossy, embossed, etc.), and 3 size options that can be mixed and matched, along with instructions for adding custom icons, gradients, and overriding default styles. The solution is cross-browser compatible with CSS3 effects supported in modern browsers and includes a downloadable stylesheet and demo files.
demosthenes.info – blog
I can see this is an archive or index page displaying a collection of web development tutorials and articles, but you haven't provided the actual article content to summarize. The page shows titles and tags for various posts about CSS animation, SVG techniques, responsive images, and layout methods, along with a brief author bio for Dudley Storey. Could you please share the specific article you'd like me to summarize? You can either paste the article text or let me know which title from this list you'd like me to focus on.
DropKick - a jQuery plugin for beautiful dropdowns
DropKick - a #jQuery plugin for beautiful dropdowns via @JamieLottering
Better Numerical Inputs for Mobile Forms | David Goss
RT @smashingmag: Better Numerical Inputs for Mobile Forms - #ux #mobile
Bear CSS - Helping you build a solid stylesheet foundation based on your markup
Bear CSS is a web design tool that automatically generates a CSS template containing styling rules for all HTML elements, classes, and IDs found in your markup, saving designers time on initial stylesheet setup. Created by two design students in Belfast, the tool combines HTML5, CSS, jQuery, and PHP to parse uploaded markup and produce a ready-to-customize stylesheet foundation.
Formalize CSS - Teach your forms some manners!
Formalize is a CSS and JavaScript framework that standardizes the appearance of HTML form elements across browsers and operating systems, eliminating the inconsistent default styling that varies by platform. The lightweight solution works with multiple JavaScript libraries (jQuery, Dojo, Prototype, etc.) and provides progressive enhancement for HTML5 support in older browsers, requiring only simple stylesheet and script includes to implement. It aims to give designers control over form styling without requiring extensive custom code or abandoning semantic HTML.
Designing for touch | Feature | .net magazine
Designing for touch |
jQuery Shadow Plugin
I appreciate you sharing this, but this appears to be JavaScript code demonstrating a shadow effect plugin rather than an article to summarize. It shows jQuery calls applying different shadow styles (lifted, perspective, raised, sides, rotated) to DOM elements with various class selectors. If you intended to paste an article for me to summarize, please share the actual text content and I'll be happy to write a concise summary of what it argues or reports.
21 Examples of Light Color Usage in Web Design | Inspiration
This roundup presents 21 websites that demonstrate effective use of light color palettes in web design, serving as a counterpoint to a previous showcase of dark-colored sites. The collection spans various industries and design styles, all unified by their minimalist approach to color, offering designers practical inspiration for creating clean and airy digital experiences.
UIKit - Modern UI components for a modern web
UIKit - Modern UI components for a modern web - #jquery -- Very nice!
Longform iPad app brings the web's best reads into one place (hands-on) | The Verge
Longform is launching a $4.99 iPad app that curates long-form articles from major publications and smaller outlets, automatically filtering out shorter content and slideshows to deliver a streamlined reading experience. The app prioritizes simplicity and discoverability over the overwhelming unread counts of services like Instapaper, aiming to help casual readers find quality content without effort while also surfacing excellent work from lesser-known publications. Future versions will expand the source pool to include international publications and integrate better discovery features, though the current launch feels somewhat minimal for the price.
The CSS white-space Property Explained | Impressive Webs
The CSS white-space property controls how browsers handle multiple spaces and line breaks within an element, offering cleaner alternatives to HTML methods like the `<pre>` tag or ` `. The property has five values—normal (default), nowrap (prevents line breaks), pre (preserves all spacing like `<pre>` tags), pre-line (honors explicit line breaks only), and pre-wrap (preserves spacing while allowing natural wrapping)—with nowrap being the most practical for keeping inline content like links together without splitting across lines. A common misconception is that white-space applies to block-level elements or floated boxes themselves; it only affects inline content within the targeted element.
Web Symbols typeface
The piece offers practical advice on choosing a domain name by recommending against deciding in isolation; instead, it suggests either testing multiple domains through market research if budget allows, or seeking feedback from colleagues and potential customers. The article emphasizes that rebranding is costly, making the initial selection process worth getting right the first time.