SpeckyBoy

DECEMBER 16, 2022

CSS For URLs & HTTP Headers – What if you could write selectors based on any piece of information in the HTTP response? A Practical Guide to CSS Media Queries – Use this helpful reference to gain a deeper understanding of what media queries are and how to use them effectively.

Gallery 98

Gallery Theme Fonts Media 98

HONGKIAT

DECEMBER 28, 2021

In this round of the series, we are featuring various tools related to CSS , JavaScript , and some web tools that will help you be more productive as a web developer. Polygon Shape is a showcase to demonstrate the capability of CSS clip-path to create irregular shapes like polygon, a star, a flower, and even a butterfly. RegexLearn.

Web Design 124

Web Design Web Design Fonts Coding 124

Smashing Magazine Graphics

SEPTEMBER 2, 2021

Whatever you want to learn from CSS to SQL, this categorized list should have you covered. CSS Flexbox. CSS Grid Layout. CSS Selectors Cheatsheet. CSS Animations. CSS Filters. CSS Game: CSSBattle. CSS Game: CSS Diner. On design systems, CSS/JS and UX. CSS Grid Cheat Sheet.

Coding 144

Coding Programming Animation Layout 144

Template Monster

NOVEMBER 30, 2023

Whether you're a seasoned developer or just dipping your toes into the coding wonderland, Christmas CSS CodePens are about to become your new best friends. Picture it as a virtual canvas where HTML, CSS, and JavaScript come together to create digital wonders. These CSS Christmas elements will help you create a holiday mood.

Coding 52

Coding Animation Illustration Illustrator 52

HONGKIAT

SEPTEMBER 30, 2021

There is lot happening this month in the tech industry; from Docker updating their business and plans , prominent WordPress businesses being acquired, Web3, NFT , as well as new resources and updates keep coming in HTML, CSS, and JavaScript. “Houdini” makes CSS more powerful. BeeKeeperStudio. Dopefolio.

Web Design 123

Web Design Web Design Animation Color Schemes 123

We And The Color

APRIL 15, 2024

Change the color scheme, and fonts, and even add custom CSS code for more advanced design tweaks. Feel free to browse through WE AND THE COLOR’s Web Design category for more creative inspiration. Customization is Key: Don’t be confined by limitations. Squaresp ace allows you to personalize your chosen template extensively.

Portfolio 67

Portfolio Templates Color Schemes Client 67

Graphic Mama

OCTOBER 6, 2020

There is also a time frame filter so you can be sure your chosen category is right up to date and fashionable. Each category is sub divided and you cans elect multiple categories to define your search. CSS Nectar. CSS Nectar is a css awards website design showcase for web designers and developers.

Web Design 97

Web Design Web Design Inspiration Arts and Crafts 97

HONGKIAT

APRIL 26, 2022

So, in this round of the series, we are going to explore more on some of these resources around design category. You’ll find tools for composing animation on the browser, high-quality mockups, animated icon library, a couple of CSS libraries , and a lot more. A CSS framework built with Sass. Components AI. SpruceCSS.

Web Design 119

Web Design Web Design Layout Animation 119

HONGKIAT

FEBRUARY 21, 2024

We’ve got everything from a site that guides you on creating components across different frameworks, to a brand new JavaScript package repository, a tool for diving deep into color spaces, and insights on CSS specificity. Specificity Battle This tool is a boon for developers looking to navigate the complexities of CSS specificity.

Web Design 88

Web Design Web Design Coding Color 88

Designer Daily

NOVEMBER 12, 2020

If you use SVG files for web design, it’s also possible to interact with it with CSS or JavaScript, and to create SVG animations. The main sub-categories of the SVG designs available are illustrations, cut files, and hand-lettered designs. A Large Selection of SVG Designs.

Web Design 220

Web Design Web Design Fonts Graphic 220

Smashing Magazine Graphics

SEPTEMBER 15, 2021

Per the W3C spec , “a pseudo-element represents an element not directly present in the document tree” They have been around since version 1 of the CSS specification, when ::first-letter and ::first-line were introduced. They are listed in the spec across three categories: typographic , highlight , and tree-abiding. Marcel Moreau.

Color 116

Color Photoshop Patterns Coding 116

Speckyboy Design Magazine

FEBRUARY 7, 2021

CSS and jQuery power this attractive set. This pure CSS UI falls more into the former category, with a cool frosted effect. It’s amazing what some creative use of CSS and JavaScript can do. The post 8 Unique Ways to Implement Social Media Icons with CSS & JavaScript appeared first on Speckyboy Design Magazine.

Media 141

Media Color Animation Portfolio 141

SpeckyBoy

AUGUST 31, 2021

Inspiring a New Category of Frameworks. And it has inspired an entire category of CSS and JavaScript frameworks. Other worthy competitors have popped up in recent years, such as Tailwind CSS. Tailwind CSS goes in the opposite direction. The result is a web that is becoming increasingly homogeneous.

Web Design 123

Web Design Web Design Theme Coding 123

HONGKIAT

FEBRUARY 21, 2024

We’ve got everything from a site that guides you on creating components across different frameworks, to a brand new JavaScript package repository, a tool for diving deep into color spaces, and insights on CSS specificity. Specificity Battle This tool is a boon for developers looking to navigate the complexities of CSS specificity.

Web Design 72

Web Design Web Design Coding Color 72

HONGKIAT

MARCH 7, 2022

CSS Protips. The CSS protips repository contains several helpful recommendations for enhancing your CSS skills. The tips in this repository will walk you through everything from working with CSS style elements to usability aspects in the easiest way possible. Build Your Own X.

Coding 130

Coding Programming Web Design Web Design 130

HONGKIAT

MAY 28, 2021

It features icons from many categories including Arrows, Folders, Files, Business, Finance, and many more. A curriculum provided by Azure Cloud Advocates at Microsoft that includes lessons, exercises, and quizzes of basic HTML, CSS, and JavaScript. A tool that provides a new take on building CSS for your JavaScript application.

Web Design 92

Web Design Web Design Coding Production 92

HONGKIAT

JUNE 9, 2021

You can search forum discussions with the search box or via the categories. The community is active, large, and consists of a variety of general categories about web design, business, tools, and more. Bootstrap is an HTML, CSS, and JS framework for popular UI components and interactions. Webdeveloper.com Forum. Stack Overflow.

Web Design 126

Web Design Web Design Graphic Design Photoshop 126

HONGKIAT

AUGUST 25, 2022

It’s divided into different categories: Animation, Component, Layout, Theming, and Web Vitals. Pure CSS Scroll Shadow. CSS has become more powerful over the years. It provides the fundamentals like HTML and CSS, provides recommendation, best practices, and do’s and don’ts when developing a website.

Web Design 108

Web Design Web Design Theme Layout 108

HONGKIAT

MARCH 25, 2024

Spanning various categories such as productivity tools , analytics, chat platforms, and CMS, it’s an invaluable resource for those preferring to use open-source software for greater control over their data and customization. Ideal for developers keen on harnessing canvases while ensuring cross-browser compatibility.

Web Design 96

Web Design Web Design Internet and Software Development Coding 96

Inkbot Design

FEBRUARY 23, 2024

Front-End Web Developer Front-end developers specialise in translating designs into functioning web interfaces using HTML, CSS and JavaScript.

Project Management 86

Project Management Coding Architecture Production 86

Just Creative

JUNE 3, 2020

Web developers might also notice that the style panel closely resembles CSS rules. This could be useful for displaying things like different product categories, stores or staff members. The interface is not as user friendly for beginners with no HTML or CSS experience. This gives you more freedom and fewer constraints.

Web Design 306

Web Design Web Design Templates Coding 306

SpyreStudios

JANUARY 11, 2022

Shopify boasts some powerful tools to help you design your site, requiring minimal knowledge of HTML and CSS. 6 Collections and Categories. To help users browse your site, you must create these divisions by organizing listings into collections and categories. Shopify’s native inventory tracker can be a bit lacking.

Client 79

Client Marketing Marketing Web Design 79

Inkbot Design

APRIL 14, 2023

Tip 6: Minify and Combine CSS and JavaScript Files Combining your CSS and JavaScript files effectively reduces their overall size and decreases the number of HTTP requests your site needs to make. One of its many features is the ability to combine and minify CSS and JavaScript files, reducing their size and the number of HTTP requests.

Theme 119

Theme Networking Web Design Web Design 119

SpeckyBoy

MARCH 2, 2020

The Tyche theme has a beautiful grid layout on the homepage that makes it easy to showcase the most popular products from several categories. Key features include product search with category select, multiple sections on the front page, full-width slider, latest and featured product carousel, call to actions, and more.

Theme 115

Theme Production Digital Fashion 115

Template Monster

AUGUST 19, 2021

Use CSS sprites - graphic files containing several images at once. In this case, some page elements (images, CSS, and JS files) can be saved automatically on the first visit to the site. Reduce the size of your CSS and JavaScript code. Google recommends inserting small CSS files directly into an HTML document.

Theme 105

Theme Layout Templates Travel 105

Graphic Mama

APRIL 6, 2020

A platform offering a huge diversity of free patterns conveniently sorted into categories. The generator includes low-poly backgrounds, abstract animated backgrounds, CSS gradient backgrounds, gradient topography, and a gallery of images. On Pngtree, you will find a rich category of background images. Wowpatterns. Patternizer.

Patterns 62

Patterns Vectors Color Schemes Gallery 62

Inkbot Design

APRIL 13, 2023

The platform allows users to search by keyword, colour, and category, ensuring you can quickly find the pictures that match their specific needs. These assets are available in many formats, including PNG, SVG, EPS, PSD, and CSS, ensuring that users can easily integrate them into their projects regardless of the design software they use.

Vectors 93

Vectors Art Arts and Crafts Graphic 93

Smashing Magazine Graphics

NOVEMBER 9, 2021

Applying style to the images can be achieved with CSS. These images should carry the personality of the site , for which the style must be embedded in the image itself, instead of being applied via CSS. The images embedded in social media when sharing our content are of particular interest.

Media 84

Media Color Magazine Photoshop 84

Inkbot Design

NOVEMBER 28, 2023

Minify CSS/JavaScript Minification removes extra spaces and lines from code files to reduce size. Mobile Load Testing Continuously test mobile performance and review analytics data segmented by device categories. Enable this for improved speed. Compress Images Large image files slow downloads. Rethink anything data-heavy.

Coding 82

Coding Education Templates Architecture 82

UX Collective

JULY 21, 2022

But the playfulness of the repeated o ’ s, added as a background image to each link with CSS, is lost. Here, bbc.com uses 1px for the horizontal separators between items, and 0.125rem for the coloured bar next to each item category, likely because the colour conveys meaning. Airtable truncates table headings with CSS.

Coding 114

Coding Animation Presentation Fonts 114

HONGKIAT

JUNE 30, 2021

Since they’re technically text on the page they can be resized and restyled using CSS. To get started using Fontisto icons all you need is a CSS file containing the main fonts. And from there you just add the Fontisto CSS classes into your frontend code and watch the icons pour in. Pretty cool!

Fonts 131

Fonts Coding Production Graphic 131

Creative Market

MAY 7, 2020

Chris Coyier has an excellent article on the subject over at CSS Tricks. For instance, you could have your users add an item to a shopping cart and automatically be directed to the same category of products they were viewing, instead of having to navigate away from the shopping cart and back to the products they are shopping for.

Web Design 116

Web Design Web Design Production Programming 116

HONGKIAT

JULY 12, 2021

As its name suggests, Genesis Responsive Slider allows you to choose specific posts, pages, or categories and shows them in maximum possible dimension , thanks to its responsive nature. It offers five skins, multiple effects , and support for category-specific testimonial sliders. Genesis Responsive Slider. Soliloquy Lite.

Gallery 114

Gallery Templates Layout Media 114

Smashing Magazine Graphics

OCTOBER 6, 2021

A Guide To CSS Debugging. A Guide To CSS Debugging. We’ve all been there, at the end of completing CSS for a layout and — what’s that? CSS, like other languages, becomes easier to debug when you take time to learn a bit about its quirks. Common Causes Of CSS Bugs. On design systems, CSS/JS and UX.

Layout 143

Layout Fonts Color Templates 143

Inkbot Design

FEBRUARY 13, 2023

Web development often falls into one of the following three categories: Front-End – Front-end developers are in charge of giving your website a nice appearance and ensuring that everything displays correctly across all platforms. Content developers, webmasters, and web designers are different categories of web developers.

Internet and Software Development 87

Internet and Software Development Client Coding Web Design 87

Design Freebies

MAY 19, 2020

When I’m stuck for new ideas I like to write down all the required page elements along with possible ideas for CSS properties. A large page header might include some related information about the page such as the author, publication date, or category. To break up the repetitive design style try mixing up features with CSS.

Fonts 52

Fonts Color Typography Web Design 52

Creative Applications

MARCH 27, 2023

Surrogate is a body of work centred around issues of reproductive technology and bodily autonomy comprised of a series of physical and performative inputs and outputs to engage and provoke conversations about the topic.

52

52