builtwith.com

VN:F [1.9.22_1171]
Rating: 6.0/10 (1 vote cast)

The latest trends in web development.

CSV and Excel Export for Tech Lookups

20 August 2022 @ 10:30 pm

You can now get Excel/Google Sheet and CSV exports from BuiltWith Technology Profiles. Here’s a sample export from the system – To access these profiles use the Domain API – https://api.builtwith.com/domain-api or click on the XLSX/CSV options in the sidebar when viewing profiles i.e. – https://builtwith.com/builtwith.com

Country Specific Trends

20 July 2022 @ 8:27 pm

You can now see country specific trends for technologies at a glance by clicking the yellow button link on the homepage of https://trends.builtwith.com – it should be default geolocate to your home country. These new pages let you quickly see what the top technologies across different technology categories are near you. This is quite useful […]

Many Many Many Sub-Domains

20 June 2022 @ 10:37 pm

Sometimes we come across sites that have lots of subdomains. Some of them are really weird but others are legitimate, i.e. they are banks like HSBC or Internet technology companies like Hubspot or colleges like Lamar University. We though it might be useful to have these are a filter and report in BuiltWith – You […]

BuiltWith for Zendesk

19 May 2022 @ 3:06 am

If you use Zendesk for your support and sales tickets then the BuiltWith Zendesk App is a must have. It basically highlights the technology spend and premium technologies that the customer of the ticket you are looking at has. It also costs nothing – you’re welcome. Install it via – https://www.zendesk.com/au/marketplace/apps/support/803760/builtwith/

BuiltWith Top 1m

20 April 2022 @ 10:06 pm

TL;DR – Follow this link to the ZIP – https://builtwith.com/top-1m When we got started with BuiltWith in 2007 we relied heavily on the Quantcast Top 1m file that Quantcast used to provide in those days. Alexa also provided a Top 1m file but it contained URLs like YouTube channels so we always preferred the Quantcast […]

Technology Joins

21 March 2022 @ 9:25 pm

We’ve just added easier links to popular technology joins. This is basically a feature you can create using the Pro tool. For example you can create a list of sites using Shopify that are also using HubSpot. We are highlighting the most popular joins and the ones we think are going to be the most […]

Lists by Financial, Group and Region

14 February 2022 @ 12:32 am

Sales people at larger companies are sometimes defined ‘regions’ to work in. For example, just focus on businesses in APAC or EMEA or America. So we’ve created new report groupings for these regions. There’s a lot of variations to choose from and they are all accessible on the sidebar of technology reports – This saves […]

BuiltWith Pipedrive Integration

22 January 2022 @ 10:04 pm

Install the BuiltWith Pipedrive integration into Pipedrive and get technology details for your deals, organizations and contacts. It’s a free extension and can be installed at https://www.pipedrive.com/en/marketplace/app/built-with/bba0d287c95ca5bb

2021 Wrapped

10 December 2021 @ 11:08 pm

We made it! Enjoy the wrap video or images –

Are we Net Zero yet?

21 November 2021 @ 11:22 pm

No for the time being is the answer but really close. That should have changed by 2025 (just 3 and a bit years from now). How do you quantify if your business is net zero emissions? There is a standard for quantifying it, ISO 14064-1:2018 – but it’s 158 Swiss Francs just to read it […]

twitter.bootstrap

VN:F [1.9.22_1171]
Rating: 8.0/10 (7 votes cast)

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Bootstrap 5.3.8

25 August 2025 @ 3:22 pm

Bootstrap v5.3.8 is out with a reversion for a dropdown focus bug, some CSS updates, and several docs updates. The plan is for this to be the last patch release before v5.4.0 drops. To start, there’s a brief update on Bootstrap Themes, with more communication to come. The team has decided to sunset https://themes.getbootstrap.com. As such, we’ve removed links to and mentions of the Themes site from our docs in this release to start. Stay tuned for more info.

GitHub Secure Open Source Fund

10 August 2025 @ 8:40 am

Mark and Julien recently represented Bootstrap in the second round of the GitHub Secure Open Source Fund this past June. The program is designed to programmatically and financially improve the security and sustainability of open source projects, and we were honored to be a part of it. GitHub brought together open source maintainers, security experts, and ecosystem partners for an intensive, hands-on learning experience. Throughout three weeks, we had a few days of mixed expert-led presentations, collaborative workshops, and dedicated office hours with security specialists. Between sessions, we had homework: concrete, project-specific actions to immediately strengthen our codebase, workflows, and processes.

Bootstrap 5.3.7

17 June 2025 @ 3:22 pm

Bootstrap v5.3.7 was just released with some follow-up fixes from our migration to Astro, plus a handful of small fixes. We expect to have another patch release shortly due to at least one recent regression, so stay tuned for that. In the mean time, here are some highlights! Docs Fixed broken “View on GitHub” URLs Corrected HTML <head> content generated by the “Download examples” button Refined sanitizer documentation for clarity and completeness Improved accessibility in the “On this page” table of contents and section heading anchor links Relocated ads to the right sidebar to minimize content reflow Added a new section on the Download page for the Intelissence extension Clarified the “Via JavaScript” usage example for Accordion

Bootstrap Icons v1.12 and v1.13

9 May 2025 @ 12:01 am

In the last few weeks, a handful of new Bootstrap Icons releases have gone out. Here’s a recap of what’s new in our v1.12.x and v1.13.x releases so far. v1.12 v1.12.0 added a single icon, mostly because people wouldn’t stop asking for it haha, and v1.12.1 added a page to the docs for it. That was all for Bluesky. v1.13.0 and v1.13.1 New in v1.13.0 are several icons, some guidance around how to use Sass files with Vite, and a few little bug fixes to some fill rules. v1.13.1 was a hotfix to resolve an issue with search on our docs.

Bootstrap 5.3.6

5 May 2025 @ 3:22 pm

Bootstrap v5.3.6 was just released to migrate our documentation to Astro from Hugo. Also included are a few bug fixes and documentation updates. Here are some highlights: Ported the docs from Hugo to Astro for our own sanity! Added usage docs for Accordion JavaScript Prevent .visually-hidden overflowing children to become focusable Limit .card-group selectors to immediate children to fix some inheritance issues Most importantly, a massive thank you and shoutout to Bootstrap maintainer Julien for all the work that went into our Astro migration. What a massive ship.

Bootstrap 5.3.5

4 April 2025 @ 3:22 pm

Bootstrap v5.3.5 was released as a hotfix for a regression from upstream in Autoprefixer that caused floating form labels to always be “floated” in Firefox due to unintended CSS output. Read the GitHub v5.3.5 changelog for a full list of changes (including a ton of documentation and dependency updates) in this release. Get the release Head to https://getbootstrap.com for the latest. It’s also been pushed to npm: npm i [email protected] Support the team Visit our Open Collective page or our team members’ GitHu

Bootstrap 5.3.4

3 April 2025 @ 3:22 pm

Bootstrap v5.3.4 is here with several bug fixes and a load of documentation updates. Here are a handful of highlights from the CSS and JS changes: Fixed modal and offcanvas headers collapsing when any padding variables were set to 0. Fixed close button display in color modes. Fixed light mode carousel when in dark mode. Updated floating labels for better <select> alignment and other styling issues. Fixed a Sass 1.77.7 deprecation for nested rules Fixed popover toggling twice to close. Read the GitHub v5.3.4 changelog for a full list of changes (including a ton of documentation and dependency updates) in this release.

Bootstrap 5.3.3

20 February 2024 @ 3:22 pm

Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights! Highlights Fixed a breaking change introduced with color modes where it was required to manually import variables-dark.scss when building Bootstrap with Sass. Now, _variables.scss will automatically import _variables-dark.scss. If you were already importing _variables-dark.scss manually, you should keep doing it as it won’t break anything and will be the way to go in v6. Fixed a regression in the selector engine that wasn’t able to handle multiple IDs anymore. Color modes Badges now use the .text-bg-* text utilities to be certain that the text is always readable (especially when the customized colors are different in light and dark modes). Fixed our col

Bootstrap 5.3.2

14 September 2023 @ 2:30 pm

Bootstrap v5.3.2 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights! Highlights Passing a percentage unit to the global abs() is deprecated since Dart Sass v1.65.0. It resulted in a deprecation warning when compiling Bootstrap with Dart Sass. This has been fixed internally by changing the values passed to the divide() function. The divide() function has not been fixed itself so that we can keep supporting node-sass cross-compatibility. In v6, this won’t be an issue as we plan to drop support for node-sass. Using multiple ids in a collapse target wasn’t working anymore and has been fixed. Color modes Increased color contrast of form range track background in light and dark modes. Fixed table state rendering for color modes with a focus on the striped ta

Bootstrap Icons v1.11.0

12 September 2023 @ 12:01 am

Bootstrap Icons v1.11.0 has arrived with 100 new icons—including new floppy disk icons, additional brand icons, new person icons, new emojis, some birthday cake, a few new science icons, and more. We’re now at over 2,000 icons! 100 new icons Here’s a quick look at all the new icons in v1.11.0: New icons in v1.11.0 Check out the pull request for all the details on which icons were added and which were updated.

easel.io

VN:F [1.9.22_1171]
Rating: 5.5/10 (2 votes cast)

Design in wire frames export to html, makes easy templating.

quirksmode.org

VN:F [1.9.22_1171]
Rating: 7.5/10 (2 votes cast)

Prime source for browser compatibility information on the Internet.

New business wanted

30 September 2021 @ 10:22 am

Last week Krijn and I decided to cancel performance.now() 2021. Although it was the right decision it leaves me in financially fairly dire straits. So I’m looking for new jobs and/or donations. Even though the Corona trends in NL look good, and we could probably have brought 350 people together in November, we cannot be certain: there might be a new flare-up. More serious is the fact that it’s very hard to figure out how to apply the Corona checks Dutch government requires, especially for non-EU citizens. We couldn’t figure out how UK and US people should be tested, and for us that was the straw that broke the camel’s back. Cancelling the conference relieved us of a lot of stress. Still, it also relieved me of a lot of money. This is the fourth conference in a row we cannot run, and I have burned through all my

position: sticky, draft 1

8 September 2021 @ 5:44 pm

I’m writing the position: sticky part of my book, and since I never worked with sticky before I’m not totally sure if what I’m saying is correct. This is made worse by the fact that there are no very clear tutorials on sticky. That’s partly because it works pretty intuitively in most cases, and partly because the details can be complicated. So here’s my draft 1 of position: sticky. There will be something wrong with it; please correct me where needed. The inset properties are top, right, bottom and left. (I already introduced this terminology earlier in the chapter.) h3,h4,pre {clear: left} section.scroll-container { border: 1px solid black; width: 300px; height: 250px; padding: 1em; overflow: auto; --text: 'scroll box'; float: left; clear: left; margin-right: 0.5em; margin-bot

Breaking the web forward

12 August 2021 @ 3:19 pm

Safari is holding back the web. It is the new IE, after all. In contrast, Chrome is pushing the web forward so hard that it’s starting to break. Meanwhile web developers do nothing except moan and complain. The only thing left to do is to pick our poison. blockquote { font-size: inherit; font-family: inherit; } blockquote p { font-size: inherit; font-family: inherit; } Safari is the new IE Recently there was yet another round of “Safari is the new IE” stories. Once Jeremy’s summary and a short discussion cleared my mind I finally figured out that Safari is not IE, and that Safari’s IE-or-not-IE is not the worst problem the web is facing. Perry Sun argues th

Custom properties and @property

21 July 2021 @ 1:18 pm

You’re reading a failed article. I hoped to write about @property and how it is useful for extending CSS inheritance considerably in many different circumstances. Alas, I failed. @property turns out to be very useful for font sizes, but does not even approach the general applicability I hoped for. Grandparent-inheriting It all started when I commented on what I thought was an interesting but theoretical idea by Lea Verou: what if elements could inherit the font size of not their parent, but their grandparent? Something like this: div.grandparent { /* font-size could be anything */ } div.parent { font-size: 0.4em; } div.child { font-size: [inherit from grandparent in some sort of way]; font-size: [yes, you could do 2.5em to restore the grandpar

Let&#8217;s talk about money

29 June 2021 @ 11:23 am

Let’s talk about money! Let’s talk about how hard it is to pay small amounts online to people whose work you like and who could really use a bit of income. Let’s talk about how Coil aims to change that. Taking a subscription to a website is moderately easy, but the person you want to pay must have enabled them. Besides, do you want to purchase a full subscription in order to read one or two articles per month? Sending a one-time donation is pretty easy as well, but, again, the site owner must have enabled them. And even then it just gives them ad-hoc amounts that they cannot depend on. Then there’s Patreon and Kickstarter and similar systems, but Patreon is essentially a subscription service while Kickstarter is essentially a one-time donation service, except that both keep part of the money you donate. And then there’s ads ... Do we want small content creators to remain dependent o

Inherit, initial, unset, revert

2 June 2021 @ 10:55 am

Today we’re going to take a quick look at a few special CSS keywords you can use on any CSS property: inherit, initial, revert, and unset. Also, we will ask where and when to use them to the greatest effect, and if we need more of those keywords. The first three were defined in the Cascading Level 3 spec, while revert was added in Cascading Level 4. Despite 4 still being in draft revert is already supported. See also the MDN revert page, Chris Coyier’s page, and my test page inherit The

aspect-ratio

19 May 2021 @ 10:35 am

This week we’ll take a look at the new aspect-ratio declaration and its use. Una Kravets wrote the introductory article, but there are some additional technical points to be made. I also wrote a little fallback that you might use if you need aspect-ratio right now. At the time of writing aspect-ratio is supported by Chrome 90, by Safari Technology Preview, and by Firefox 88 if you set the aspect-ratio flag in about:config. You need one of these browsers to see the examples below — except for the fallback, which should work in all browsers that support custom properties. .inner-box { border: 0; outline: 1px solid black; background-size: contain; background-position: center; background-repeat: no-repeat; background-color

aspect-ratio and grid

11 May 2021 @ 12:42 pm

I’m currently investigating the new aspect-ratio declaration and plan to write an article about it. However, I got stuck on aspect ratios in a grid context. Chrome/Safari and Firefox do something different here, and I understand neither approach. So I hope I can get some help. aspect-ratio is currently supported by Chrome 90, by Firefox 88 with the correct flag enabled, and by Safari Technology Preview. I tested mostly in the first two — for complicated reasons I cannot install STP right now, but a kind Twitter follower sent me a few screenshots. It behaves as Chrome. First, a general remark. aspect-ratio is intentionally a fairly weak declaration. It gives way if other constraints on boxes make the requested aspect ratio impossible. Take this example: .my-box { width: 100px; height: 50px; aspect-ratio

Two options for using custom properties

4 May 2021 @ 2:16 pm

Recently I interviewed Stefan Judis for my upcoming book. We discussed CSS custom properties, and something interesting happened. We had a period of a few minutes where we were talking past one another, because, as it turns out, we have completely opposite ideas about the use of CSS custom properties. I had never considered his approach, and I found it interesting enough to write this quick post. Option 1 Take several site components, each with their own link and hover/focus colours. We want to use custom properties for those colours. Exactly how do we do that? Before my discussion with Stefan that wasn’t even a question for me. I would do this: .component1 { --linkcolor: red; --hovercolor: blue; } .component2 { --linkcolor: purple; --hovercolor: cyan; } a { color: var(--linkcolor); } a:hover,a:focus { color: var(--hovercol

fit-content and fit-content()

29 April 2021 @ 12:28 pm

Today we will look at fit-content and fit-content(), which are special values for width and grid definitions. It’s ... complicated — not as a concept, but in its practical application. .width { width: -moz-fit-content; width: fit-content; } .minwidth { min-width: -moz-fit-content; min-width: fit-content; } .maxwidth { max-width: -moz-fit-content; max-width: fit-content; } div.radios { display: grid; grid-template-columns: 1fr 1fr; } div.radios output { grid-column: span 2; } label { display: block; } .flex div { flex-basis: 30%; flex-grow: 1; } function initBoxes(obj) { initCheck(); let container = obj.querySelector('.outer-box'); initRadios(); if (container.slider && container.showComputed) { container.slider.addEventListener('input',container.showComputed,true) } function initCheck() { let check = obj.querySelector('input[type=checkbox]');

tympanus.net/codrops

VN:F [1.9.22_1171]
Rating: 8.3/10 (6 votes cast)

Useful resources and inspiration for creative minds (html, css, javascript)

Fragments: A Platform for Learning Creative Coding with Shaders

17 October 2025 @ 12:36 pm

A hands-on way to learn shaders: explore techniques, tweak ready-made utilities, and remix 120+ sketches to turn fundamentals into distinctive generative art.

Creating Smooth Scroll-Synchronized Animation for OPTIKKA: From HTML5 Video to Frame Sequences

16 October 2025 @ 10:42 am

Learn how Zajno built OPTIKKA’s smooth scroll-synced animation using frame sequences instead of HTML5 video for better control and performance.

From Blank Canvas to Mayhem: Eloy Benoffi’s Brutalist, Glitchy Portfolio Built with Webflow and GSAP

15 October 2025 @ 10:23 am

Crafting an unapologetically glitchy web experience that fuses brutalist structure, maximalist energy, ASCII art, and a bold motion design.

The Underdog’s Crown: Clay Boan’s 3D Playground of Design, Motion, and GSAP Magic

14 October 2025 @ 10:32 am

A collaborative case study exploring how 3D, WebGL, and GSAP animation converge in Clay Boan’s portfolio to shape a deeply personal and dynamic digital experience.

How to Build an Immersive 3D Circular Carousel in WordPress Using Droip

13 October 2025 @ 12:10 pm

Learn how to create an immersive 3D circular marquee in WordPress using Droip — a no-code tutorial to build orbiting, animated cards that bring your website to life.

NITEX: Building a Brand and Digital Platform for Fashion’s New Supply Chain

10 October 2025 @ 1:18 pm

Behind the scenes of creating a scalable brand system and digital platform that transforms how fashion moves from concept to delivery.

Generating Your Website from Scratch for Remixing and Exploration

9 October 2025 @ 12:26 pm

Exploring how Anima’s AI-driven design-to-code tools accelerate web prototyping, remixing, and creative experimentation.

How to Animate WebGL Shaders with GSAP: Ripples, Reveals, and Dynamic Blur Effects

8 October 2025 @ 1:16 pm

A hands-on guide to animating WebGL shaders with GSAP, exploring how to control shader uniforms and sync JavaScript timelines.

Ponpon Mania: How WebGL and GSAP Bring a Comic Sheep’s Dream to Life

7 October 2025 @ 10:27 am

This article takes you behind the scenes of Ponpon Mania, exploring how illustration, animation, WebGL, and GSAP came together to create an interactive comic experience.

Self Doubt and the Quest for Fun: How I Ended up Turning my Portfolio into a Game

6 October 2025 @ 10:57 am

From early design experimentations to radical UX decisions: a deep dive into the creative and technical process of my 2025 portfolio.

fontsquirrel.com

VN:F [1.9.22_1171]
Rating: 8.0/10 (2 votes cast)

Web fonts for commercial use

egrappler.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

Development Resources for Entrepreneurs AJAX, CSS, JQuery etc

บาคาร่าวัววัว เกมไพ่ยอดฮิต 2025 ชนะรับเงินรางวัลมากมาย

28 May 2025 @ 9:56 am

บาคาร่าวัววัว หรือ Cow Cow Baccarat เป็นเกมไพ่บาคาร่าข้ [...]

Microgaming ผู้บุกเบิกเกมคาสิโนออนไลน์บนมือถือรายแรกของโลก

26 May 2025 @ 7:31 am

ยุคนี้ใครไม่รู้จัก Microgaming ถือว่าพลาดมาก! เพราะนี่ค [...]

Play’N Go ผู้ให้บริการเกมคาสิโนออนไลน์ยอดนิยมอันดับ 1

21 May 2025 @ 10:36 am

Play'N Go ผู้ให้บริการซอฟท์แวร์ iGaming ที่มีนักพนันเข้าเล่นมากที่สุดในโลก ให้บริการเกมสล็อต เกมโต๊ะ และเกมบิงโกที่ทันสมัย อัปเดตล่าสุด และโบนัสเงินรางวัลมากมาย

Ufa789 เว็บเดิมพันคาสิโนออนไลน์ เว็บตรงแท้ 100% เล่นได้ 24 ชั่วโมง

19 May 2025 @ 8:15 am

Ufa789 เปิดให้บริการคาสิโนออนไลน์ครบวงจร ทั้งแทงบอล บาคาร่า สล็อต รูเล็ต แทงหวย ยิงปลา พร้อมระบบเรนเดอร์เกมที่รวดเร็ว ปลอดภัย สนุกได้ตลอด 24 ชั่วโมงด้วยมือถือ

บาคาร่า6699 เว็บบาคาร่าที่ดีที่สุดในประเทศไทยปี 2025

15 May 2025 @ 11:22 am

บาคาร่า6699 เป็นเว็บพนันออนไลน์อีกแห่งหนึ่งที่ได้รับควา [...]

Vivo Gaming ผู้นำเกมคาสิโนสดระดับโลก รองรับมือถือทุกระบบ

12 May 2025 @ 9:56 am

Vivo Gaming เป็นผู้ให้บริการ ซอฟต์แวร์เกมออนไลน์ระดับพร [...]

bcr99th เว็บบาคาร่าออนไลน์ สมัครออโต้ เล่นง่าย กำไรงาม

7 May 2025 @ 8:24 am

บาคาร่าเกมเป็นเกมไพ่ที่ได้รับความนิยมสูงในอุตสาหกรรมคาส [...]

แทงบอลสูง ต่ำ UFABET ทางเลือกที่ดีที่สุดในการแทงบอลปี 2025

5 May 2025 @ 3:01 pm

UFABET เป็นเว็บแทงบอลออนไลน์ที่ให้นักพนัน แทงบอลสูง ต่ำ [...]

Ufabet911 เว็บเครือ UFA อันดับ 1 ด้านพนันออนไลน์ในประเทศไทย

29 April 2025 @ 5:49 pm

Ufabet911 เป็นเว็บตรงไม่ผ่านเอเย่นต์ที่พัฒนามาจากเว็บให [...]

บาคาร่า135 ลงทุนสร้างรายได้ง่ายๆ ผ่านเว็บตรงบาคาร่า

25 April 2025 @ 5:23 pm

บาคาร่า135 เป็นเกมที่ได้รับความนิยมมากที่สุดในวงการอุตส [...]

caniuse.com

VN:F [1.9.22_1171]
Rating: 8.0/10 (1 vote cast)

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

Site update: web-features now included + new feature list functionality

11 October 2025 @ 12:30 pm

Today's site update adds a number of new features: Web-features browser support tables In addition to the existing caniuse and MDN BCD support tables, features from the web-features project will now appear in search results and elsewhere on the site. Each web-feature table includes the support included from the major browsers tracked as well as derived support for other browsers where available. Each table also includes a link to the list of all BCD sub-features that the feature's support is based on. Web-features that have a caniuse equivalent are currently hidden to prevent duplicate information (similar to how BCD features are handled). Note that currently there are still a few places where only the original caniuse features are listed or considered (for example the comparison tool), these will be updated to include web-features in the future. New feature list UI and improved filteri

New feature: CSS if() function

18 July 2025 @ 12:00 am

CSS if() function: The if() CSS function allows different values to be set for a property depending on the result of a conditional test. The test can be based on a style query, a media query, or a feature query.

New feature: View Transitions (cross-document)

23 March 2025 @ 12:00 am

View Transitions (cross-document): Provides a mechanism for easily creating animated transitions between different DOM states, while also updating the DOM contents in a single step. This API is specific to cross-document transitions.

8 new features

7 April 2024 @ 12:00 am

- WebAssembly BigInt to i64 conversion in JS API: An extension to the WebAssembly JS API for bidrectionally converting BigInts and 64-bit WebAssembly integer values - WebAssembly Bulk Memory Operations: An extension to WebAssembly adding bulk memory operations and conditional segment initialization - WebAssembly Multi-Value: An extension to WebAssembly allowing instructions, blocks and functions to produce multiple result values - WebAssembly Import/Export of Mutable Globals: An extension to WebAssembly import and export of mutable global variables - WebAssembly Non-trapping float-to-int Conversion: An extension to WebAssembly adding floating-point to integer conversion operators which saturate instead of trapping - WebAssembly Sign Extension O

2 new features

17 February 2024 @ 12:00 am

- WebAssembly Reference Types: An extension to WebAssembly allowing opaque references as first-class types, and multiple tables - CSS Anchor Positioning: Allows placing elements anywhere on the page relative to an "anchor element", without regard to the layout of other elements besides their containing block

New feature: Customizable Select element

7 January 2024 @ 12:00 am

Customizable Select element: Proposal for a customizable &lt;select> element. Previously envisioned as a separate element (&lt;selectlist> or &lt;selectmenu>).

Baseline badges now on Can I use

12 December 2023 @ 8:33 am

Starting today, you will start noticing badges on feature tables that map to Web Features. These badges match those seen on MDN Web Docs and offer a quick at-a-glance view of feature support based on the Baseline definition. To learn more about the badges on Can I use and what they mean see this web.dev announcement. If you'd like to learn more about Baseline see this explanation from the WebDX community group. Note that the badges are intended as a helpful way to see if support meets a certain defined threshold, the full support table should always be consulted to learn details about a feature's support.

GA4 import now available

13 November 2023 @ 9:15 am

Since the launch of Google Analytics 4 the original importer no longer worked. Now a new import system is available to include browser usage data from your Google Analytics 4 account. This importer no longer requires direct account access though it does depend on a one-time process of setting up an Exploration to export browser usage data. To start importing visit the usage import page. For any problems with the importer you can file an issue on Github. Happy importing!

foundation.zurb.com

VN:F [1.9.22_1171]
Rating: 8.0/10 (1 vote cast)

html5 grid framework similar to bootstrap.

The Amazon Effect and How Retailers Can Slay the Beast

9 June 2017 @ 7:00 pm

Evil Amazon LogoThe past year has been brutal for retailers, with many respected brands closing stores or shutting down completely. Traditional retailers like Sears, Kmart, JCPenny and Macy’s are struggling to find footing and losing customers. It’s not as if this wasn’t expected- Amazon has been disrupting the world of retail the last twenty years by driving online shopping growth and creating record breaking revenue. People call it The Amazon Effect. But is this Amazon Effect real? Or is it just the natural turnover of poorly performing companies? According to the Census Bureau, retail spending as a whole is up 5% year over year, and up 17% in the last five years. The ACSI also says there is a rise in how people feel about ret

How Design Insights Transformed Foundation Building Blocks

26 May 2017 @ 9:00 pm

Foundation started out as an internal tool to help our team build cutting edge applications for our clients more quickly. Little did we know, it would blow up to be one of the most popular open source projects ever, accelerate the adoption of responsive web design, and power hundreds of thousands of brands all across the world. We're proud that Foundation has become a leading voice helping shape where the web is heading. However, through our constant conversations with students, the community, and

The New Foundation Docs: Learn Your Way

17 May 2017 @ 7:00 pm

Whether for internal use or for an open-source project, most programmers hate writing technical documentation. Not just dislike, hate. They hate it. And because they hate it, it usually isn't very good. It can be hard to follow and incomplete, which is irritating to experienced devs and causes panic attacks for newbies just trying to learn something. RTFM, or Read the F@$%& Manual, is an expression commonly thrown at people trying to learn some new coding language or technology, but how can they if nobody wants to WriteTFM? But even if a developer or team wants to create good documentation, it will inevitably fall short because not everyone learns best through reading. Many people are visual learners, and even more learn best through the act of doing.

Foundation Building Blocks: Over 100 Components to Jump Start Your Projects

13 April 2017 @ 5:00 pm

The Foundation team has cut your development time in half again. Today we're thrilled to share Foundation Building Blocks with you- a comprehensive, open-source library of coded UI components you can drop into any standard Foundation project to give yourself a massive head start in your projects. Hundreds of Coded UI Components for Your Foundation Projects The Foundation Building Blocks library has been rebuilt from the ground up with over 100 code snippets in six categories including Navigation, Status, Control, Media, Containers and Form components. Built by the ZURB team, these are the most common and useful design patterns and UI components we've found in our two decades of web development work. Just browse the library, select the Building Block you need, and copy and paste the code into your pr

Foundation & CSS Grid: Think Beyond the Page

13 March 2017 @ 11:55 pm

There's a revolution happening right now. The way we think about and design websites is going to change again. Old conventions and methods are being replaced by exciting new technologies that open up entirely new ways to design and build the web. And they're available today. Out With the Old Most early websites in the 90’s were little more than digital brochures, which makes sense since the web was born from the world of print. Our options as web designers for laying out content fell short of what was available to print designers for many years. Slowly but surely, our tools got better and we discovered new methods and techniques that allowed us to do some incredible things. The web came into its own, but the world of print still exerts its influence on the way many designers think. To this day we still call web files “documents,” arrange our content in “pages,” and try to fit the experience of users into sitemaps.

17 Web Design Trends That Will Take Over 2017

10 March 2017 @ 8:00 pm

Designers working on web projects in 2017, in some ways, face more challenges than ever before. They have to create engaging websites, apps, and services that work seamlessly across all devices and work for a global audience at a pace that seems to speed up every year. That audience too is more tech savvy, have higher expectations and are more design literate than ever before and expect near perfection. Faced with these challenges, it's more important than ever for designers to be aware of emerging trends, solutions and patterns that can help them solve common issues, capture the full attention of their audiences, and deliver amazing experiences. Here at ZURB, we've helped hundreds of companies surface the best solutions and take advantage of new patterns in their websites and products. We've created this list of 17 design and development trends we think every designer should be

What's Underneath Matters: How MeUndies Increased Mobile Conversion by 40%

2 March 2017 @ 5:01 pm

Did you know that most men own at least one pair of underwear that's over 7 years old? We didn't' and we sort of wish that realization stayed hidden from us, to be honest. MeUndies, a company leading the movement in underwear innovation by providing comfortable everyday basics and a transparent shopping experience, gave us this fact. They recently started using Foundation on their site in an effort to boost their mobile sales, which constitutes most of their traffic and we wanted to share their story. After 7 years, it was time for MeUndies to change their site's underwear, which is to say their code. See, the MeUndies site was beginning to boom on mobile, but they were losing sales by not optimizing the experience and ease of use for those mobile users. The team began to put their heads together and started exploring solutions.

Design for Proximity, Not for Clicks

17 January 2017 @ 7:00 pm

Remember when the web was a collection of static websites, largely HTML, no CSS, and layout done with tables and frames? How about even farther back ' when your choice of mediums for design were print, film, industrial, and maybe even radio? What about the aforementioned mediums is consistent? They were all linear. That meant we could think about things going from A-Z and stop there. Even when we got digital interfaces (enter HTML), we continued to think of interfaces as static screens for decades. It made things simple, and we put our focus into cutting the amounts of clicks on that trail to get people to the end faster. The data even seemed to prove it, with more clicks equaling 'bad' and less clicks equaling 'good.' This especially seemed to ring true in the eCommerce world where it's been accepted that the more hoops you make your user go through to buy something, the less sales you'll see. It was estimated that

Bring Your Page to Life with Reactive Animations

12 January 2017 @ 6:30 pm

GIF of Reactive ListenerThe explosion of native mobile apps this decade put a spotlight on human centered design. Apple's iPhone and iOS were breakthroughs in part because of the way they used design to mimic humans and appeal to emotion. How good a design looks now plays second fiddle to the way it feels. New terms like 'microinteractions' and 'reactive animations' have been thrust into the designer's vernacular. It's a new era of design, the 'Experience Era.' While mobile has been killin' it in this area, desktop experiences have still felt cl

Design or Get Off the Pot

27 December 2016 @ 8:31 pm

Designers, it's time to elevate our game or get off the pot. Yes, I'm telling designers to step up. Because I'm not seeing it happen. What I see now are scared designers afraid to make decisions on behalf of their organizations. Creators and craftsmen struggling to tell other people what works best, and it's putting their own future along with their organization's in jeopardy. Everyone wants the benefits that come along with authority and influence, but most don't want what inevitably follows: the responsibility of decision making. Making decisions all day requires tremendous amounts of mental energy. Sometimes it's not fun and it can be scary. These feelings, combined with impostor syndrome, put doubt into the heads of

cssdrive.com

VN:F [1.9.22_1171]
Rating: 7.5/10 (2 votes cast)

Web design gallery with handy tips and guide lines.

How to Setup your Desk as a Programmer

5 April 2021 @ 7:12 pm

As a programmer, your desk is the platform to everything you do. Every line of code you write, CSS you minify or updates you push out is done right there. See how to set up your desk for maximum productivity.

The Ultimate Guide to Office Color Psychology

20 January 2020 @ 10:08 pm

Skillful use of colors in the office can boost your productivity, health, and even happiness. Learn all about color psychology in this article.

3D Web Design- The New Frontier for Web Design

17 March 2019 @ 9:35 am

This post explores the emerging popularity of 3D for creating highly interactive web sites.

Best Developer Frontend Courses

8 November 2018 @ 1:49 am

See the best, most relevant frontend courses online to take to succeed as a frontend developer in 2019 and beyond.

Flex Cards Accordion script

29 August 2018 @ 9:21 pm

jQuery script that uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner.

8 Hand and Wrist Exercises for Computer Users

17 August 2018 @ 7:56 pm

Good exercises for web designers and programmers, which are at higher risk of developing carpal tunnel or RSI injuries.

Ken Burns Image Slideshow

12 July 2018 @ 10:02 pm

This image slideshow adds an awesome Ken Burns effect that brings each image to life during transition

Smooth Scrolling HTML Bookmarks using JavaScript

18 April 2018 @ 12:07 am

See how to use native JavaScript to create smooth scrolling HTML bookmark links inside the page, and for those that need legacy browser support, using jQuery instead.

How to Add a CSS and JavaScript Sticky Menu to Your Site

22 March 2018 @ 10:34 pm

See the two ways to add a sticky horizontal menu to your site, plus 7 beautiful examples of this pattern out in the wild.

Best WordPress Theme Clubs for Unlimited Sites

15 March 2018 @ 10:37 pm

Review and comparison of the best Wordpress theme clubs for unlimited domains.