Twitter / webdesignledger: Check out Picons, an iconset ...
RT @webdesignledger: Check out Picons, an iconset by - a must have for every designer! *ad
John Cox
Blogs · @wyome
Tagged design · everything
CSS Colours - A list of colour names in CSS
#CSS Colours - A list of colour names in CSS -
Ionicons: The premium icon font for Ionic Framework
Ionicons: The premium #icon #font for Ionic Framework
Why cards are the future of the web | Inside Intercom
Based on the survey of over 1,000 end users, this report documents how people actually perceive AI Agents—their views on capability, trustworthiness, and the experience of interacting with them. The findings provide a snapshot of user sentiment that reveals gaps between what AI agents can do and what users believe they can do, along with trust barriers that affect adoption.
Bootstrap 3 released · Bootstrap Blog
Bootstrap 3.0 launched with a complete redesign centered on mobile-first, responsive design as the default approach rather than an optional feature. Key improvements include a flatter aesthetic, a revamped grid system with four responsive tiers, better box model defaults, rewritten JavaScript plugins with better namespacing, new icon fonts replacing image-based glyphicons, and streamlined documentation covering accessibility and browser support. The update involved nearly nine months of work from 319 contributors, resulted in a 20% reduction in minified CSS size, and dropped support for older browsers like Internet Explorer 7.
Below are simple styles to "flatten" bootstrap. I didn't go through every control and widget that bootstrap offers, only what was required for https://commando.io, so your milage may vary.
This is a CSS snippet that strips Bootstrap's default visual styling to create a flatter, minimalist design aesthetic. It removes shadows, rounded corners, and gradient backgrounds from Bootstrap's core UI components (buttons, forms, alerts, modals, etc.) by applying !important overrides across multiple prefixed properties. The author created this specifically for Commando.io and notes it only covers the Bootstrap elements actually used in that project, so it may need customization for other applications.
Stuttgart Gothic Demo font
Stuttgart Gothic is a free blackletter font by Ragnarok Press featuring sharply cut, densely weighted letterforms inspired by medieval manuscript calligraphy, with forked tips and diamond shapes that create dramatic formal impact. Its angular, heavily ornamented character makes it particularly suited for dark fantasy and medieval applications like tabletop RPG branding, heavy metal merchandise, and gothic architecture-themed graphics. On book covers and magazine layouts, the typeface functions as a design element rather than neutral text, echoing engraved ornaments and illuminated borders from historical manuscripts.
SCROLL&STRAP - Modern Parallax One-Pager - Live Preview - WrapBootstrap
SCROLL&STRAP - #Bootstrap Modern Parallax One-Pager -
5 CSS3 features explained — Adnane Belmadiaf's Blog
This post surveys five CSS3 features that replace JavaScript-dependent workarounds: Flexbox for complex layouts like vertical centering and multi-column designs, :nth-child selectors for styling alternating table rows without extra markup, the hyphens property for intelligent text wrapping, filter effects for GPU-accelerated visual manipulations like grayscale and blur, and media queries for responsive design based on screen size and device orientation. Each feature includes browser compatibility information and practical code examples demonstrating its use.
Ladda
This UI pattern embeds loading indicators directly into the button or form element that triggered the action, replacing the need for separate loading spinners by having the element itself animate and expand to show processing is underway. The approach provides immediate visual feedback to users during form submission, eliminating confusion about whether their action registered, with practical implementations visible on slides.com and customizable through various animation directions (expand, contract, slide, zoom) and optional progress bars.
JavaScript - LivIcons - 303 Truly Animated Vector Icons | CodeCanyon
303 Truly Animated Vector Icons #jQuery
Stop Using Arial & Helvetica
This piece argues that Arial and Helvetica are poor choices for body text on websites despite their ubiquity as defaults, primarily because they lack the readability of typefaces designed specifically for screens and Helvetica requires manual kerning to look good. The author advocates for web-safe alternatives like Verdana, Georgia, and Trebuchet MS that are nearly universally available while offering superior legibility, and recommends additional improvements like using lower contrast text colors (#222-#555 on off-white backgrounds) and optimizing line-height to around 1.5-1.6em for better readability.
Weekly Design News Roundup - 17 May 2013 - Design Reviver - Web Design Blog
This article showcases 27 exemplary ecommerce website designs from 2024, analyzing what each does well visually and functionally—from The Sill's natural plant-focused aesthetic to Via Copenhagen's innovative page-by-page transitions. Beyond the examples, it identifies key design principles for effective ecommerce sites: responsive mobile design, strong user experience through intuitive navigation, and clear calls to action that guide visitors toward conversion. The piece emphasizes that successful ecommerce design doesn't require massive budgets but rather thoughtful choices that align visual appeal with usability and brand personality.
A Collection of Page Transitions
A Collection of Page Transitions #css3
LivIcons - Exclusive Truly Animated Icon Pack!
LivIcons - Exclusive Truly Animated #Icon Pack! #jquery #bootstrap - Very Cool
Making it Work: Flat Design and Color Trends - Designmodo
Flat design relies heavily on color choice to create visual impact, with three main trending approaches: bright, fully saturated colors that pop against any background; retro tones that mute bright hues with white for an old-school feel; and monotone schemes that use a single base color with black and white tints for contrast. Rather than following traditional color-pairing rules, flat design palettes prioritize matching tone and saturation levels across multiple colors while maintaining enough contrast to guide users and create visual interest.
Stylish Image Bars jQuery plugin
I appreciate you sharing your professional background, but this appears to be a personal portfolio or CV rather than a saved article. The summarization tool you're using is designed to create brief summaries of articles, reports, or substantial written pieces that someone has saved for later reference—helping you quickly remember what a piece argues or reports without re-reading it. If you have an actual article you'd like summarized, paste it here and I'll create a concise two or three sentence summary capturing its core argument or findings.
Twelve South
This is a product landing page for Twelve South's Gold & Silver Collection, featuring travel and tech accessories in new metallic finishes. The collection includes the AirFly Pro 2 (a Bluetooth adapter for headphone jacks), PowerClip (compact power bank), a personalized cactus leather luggage tag, and a Valet charging organizer.
FMA - Future Media Architects
#StatusBoard -
Almost Flat UI
I appreciate you sharing this, but this appears to be a style guide or template documentation for a web design framework (likely Foundation), not a saved article to summarize. It demonstrates various HTML formatting elements like headers, paragraphs, lists, blockquotes, and microformats rather than presenting an argument or reporting on a topic. If you have an actual article you'd like me to summarize, please share that instead.