tag coding

標籤
貢獻348
352
08:02 AM · Nov 05 ,2025
anselm-hannemann 頭像 vitaly-friedman 頭像 christian-heilmann 頭像 louis-lazaris 頭像 zack-grossbart 頭像 paul-tero 頭像 heydon-pickering 頭像 rachel-andrew 頭像 chris-coyier 頭像 cameron-chapman 頭像 sven-lennartz 頭像 addy-osmani 頭像

@coding / 博客 RSS 訂閱

ricardozea 頭像

Ricardo Zea - An Ultimate Guide To CSS Pseudo Classes And Pseudo Elements

Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing

Responsive Design , coding , Css

收藏 評論

stevenlambert 頭像

Steven Lambert - Styling Web Components Using A Shared Style Sheet

Web components are an amazing new feature of the web, allowing developers to define their own custom HTML elements. When combined with a style guide, web components can create a component API, which

Tools , Web Components , coding

收藏 評論

janos-racz 頭像

János Rácz - Create A Fancy Sliding Menu With jQuery

One of the great advantages of creating interactive websites is being able to dynamically hide and reveal parts of your content. Not only does it make for a more interesting user experience, but it

Navigation , coding , jquery

收藏 評論

christopher-gammon 頭像

CJ Gammon - Killer Responsive Layouts With CSS Regions

As Web designers, we are largely constrained by the layout features available to us. Content placed inside a container will often naturally extend the container vertically, wrapping the content. If

Layouts , coding , Css , HTML

收藏 評論

joseph-mcdermott 頭像

Joseph McDermott - How To Create An Affiliate Tracking Module In Magento

We will be covering the following topics: Capturing URI request data, Saving to and retrieving values from cookies, Adding custom content to the checkout success page, Adding module config

Frameworks , Magento , coding

收藏 評論

tim-benniks 頭像

Tim Benniks - How To Build A Multilingual Website With Nuxt.js

This article has been kindly supported by our dear friends at Hygraph, who help developers build limitless solutions by supporting their favorite frontend frameworks, systems, and APIs with a rob

nuxt.js , Frameworks , Internationalization , coding , Javascript

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #117: Storytelling, Security in Devtools and 350ms Tap Delay

The end of the year is near and some people are enjoying their well-deserved holidays already. For others, the pressure increases when managers or clients want to finish a project before Christmas.

Web Development Reading List , Tools , coding

收藏 評論

zack-grossbart 頭像

Zack Grossbart - Which JavaScript Recipe Is Right For You?

JavaScript has been called everything from great to awful to the assembly language of the Web, but we all use it. Love JavaScript or hate it: everyone admits there are serious flaws and not many oth

coding , Javascript

收藏 評論

maksim-chemerisuk 頭像

Maksim Chemerisuk - CSS-Driven Internationalization In JavaScript

Writing front-end code often requires developers to address the problem of internationalization at some level. Despite the current standard, which introduces a bunch of new tags, simply adding suppo

Techniques , coding , Css , Javascript

收藏 評論

davidrousset 頭像

David Rousset - How To Create A Responsive 8-Bit Drum Machine Using Web Audio, SVG And Multitouch

In this little tutorial, I’m going to share some tips I recently followed to build a fun demo for the Build 2016 conference. The idea was to create a small 8-bit drum machine, with 8-bit sounds and

Tools , Web Audio , coding , svg

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Useful JavaScript Libraries and jQuery Plugins

If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was created to solve this very problem. Such libraries are always great to h

coding , jquery , Javascript

收藏 評論

stephensaucier 頭像

Stephen Saucier - Creating A Complete Web App In Foundation For Apps

Foundation for Apps is a new single-page app framework from Zurb that is closely related to Foundation 5 (also known as Foundation for Sites, a widely used front-end framework). It’s built around An

angular , Frameworks , Apps , coding

收藏 評論

jason-gross 頭像

Jason Gross - The Neglected Necessities Of Design

Right now is an exciting time to be in the Web design community. Every month we seem to stumble on a new thought-provoking way to put our expanding tool set to use for our clients and the patrons of

Maintenance , coding , Css , HTML , html5

收藏 評論

mitchlloyd 頭像

Mitch Lloyd - Write Your Next Web App With Ember CLI

When you start a fresh web project or start digging into an existing code base, chances are you’re trying to create or enhance a feature for your users. The last thing you want to do is spend time c

Frameworks , coding , Javascript

收藏 評論

joseph-mcdermott 頭像

Joseph McDermott - Introducing The Magento Layout

In this tutorial, we introduce the Magento layout by creating a simple module that will add some custom HTML content to the bottom of every customer-facing page, in a non-intrusive manner. In other

Frameworks , php , Magento , coding

收藏 評論

adrian-bece 頭像

Adrian Bece - Easy SVG Customization And Animation: A Practical Guide

Scalable Vector Graphics (SVG) have been a staple in Web Development for quite some time, and for a good reason. They can be scaled up or down without loss of quality due to their vector properties.

animation , Guides , coding , svg

收藏 評論

dmitry-dragilev 頭像

ZURB - Pushing Your Buttons With Practical CSS3

CSS3 is the partially implemented sequel to the CSS2 spec we all know and love. It’s already popping up in new browsers such as Firefox 3.5, Safari 4 and Chrome. In this article, the first of the ar

Buttons , css3 , Techniques , coding , Css

收藏 評論

chris-coyier 頭像

Chris Coyier - Coding Q&A With Chris Coyier: Responsive Sprites And Media Query Efficiency

Howdy, folks! Welcome to more Smashing Magazine CSS QA. It works like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so t

Responsive Design , Media Queries , coding , Css

收藏 評論

sven-lennartz 頭像

Sven Lennartz - 35 Useful Source Code Editors Reviewed

To edit HTML- and CSS-code you only need a simple plaintext-editor — the rest depends on your skills and your creativity. However, to make your life a little bit easier, you can use some more comfor

Software , Tools , Open Source , coding , Reviews , Editors , Subversion

收藏 評論

dmitry-dragilev 頭像

ZURB - The New Hotness: Using CSS3 Visual Effects

Previously in this series on CSS3, we talked not only about how to create scalable and compelling buttons but about how to effectively use new CSS3 properties to speed up development and quickly cre

css3 , coding , Css

收藏 評論

varyastepanovajuusobackman 頭像

Varya Stepanova & Juuso Backman - How To Automate Style Guide-Driven Development

Style guides — especially living ones — are useful in many aspects of development and maintenance, so it’s little wonder that developing them has become a highly recommended and a popular practice.

Pattern Libraries , workflow , coding , Style Guides , Design Systems

收藏 評論

newsletter-team 頭像

The Smashing Newsletter Team - Photoshop-Inspired Techniques with 100% CSS

In this article, we’re going to take a look at some design solutions that are now possible with CSS, whether it be with the new, more advanced CSS3 or with prior versions. Everything from small deta

Photoshop , css3 , coding , Css

收藏 評論

rachel-andrew 頭像

Rachel Andrew - Controlling The Cache: Using Edge Side Includes In Varnish

I’m a firm believer that the best way to optimize for fast-loading mobile sites is to optimize for everyone. We don’t know when someone is on a non-mobile device but tethered to their phone, or just

performance , optimization , Techniques , mobile , coding

收藏 評論

zack-grossbart 頭像

Zack Grossbart - JavaScript Profiling With The Chrome Developer Tools

Little changes in your code can have gigantic performance impacts. A few lines here or there could mean the difference between a blazingly fast website and the dreaded “Unresponsive Script” dialog.

coding , Browsers , Javascript

收藏 評論