Skip to content

코드

  • UX
    [스매싱 매거진 11월 총정리] 스매싱하기 딱 좋은 때입니다!
    여전히 전 세계가 CODIV-19로 술렁이고 있습니다. 뒤숭숭한 분위기에도 불구하고 세계 곳곳에서 개발자들은 웹 업계에 도움이 되는 다양한 기술들을 속속 발표하고 있습니다. 스매싱 매거진 월간 동향을 통해 새롭고 기발한 아이디어들을 만나봅시다.
  • 사용자경험
    [스매싱 매거진 8월 총정리] 온라인에서 능력 향상하기
    디자이너는 정확한 기능을 얻거나 대담한 상호작용 기능을 갖춘 디자인을 위해 많은 시간을 보내지만 사용자는 기능이나 디자인과 관계없는 아주 다른 문제들로 헤매기도 합니다. 결제를 하던 사용자가 오타를 발견하고 뒤로가기 버튼을 눌렀을 때 그동안 입력한 정보가 지워지면 어떨까요? 다시 시도할까요? 베이마드 연구소는 "기대를 저버리는 '뒤로가기' 버튼의 디자인 패...
  • 웹디자인
    [스매싱 매거진 7월 총정리] 웹의 음지에서 들려오는 이야기
    코로나19로 인해 전 세계가 암울한 시기를 보내고 있는 요즘 스매싱 매거진은 독자 여러분께 매달 업계의 싱싱한 뉴스를 전달하기 위해 노력합니다. 매일매일 웹사이트를 론칭하는 디자이너가 빠르고 정확하게 웹사이트를 배포할 수 있도록 도와주고, 애니메이션 제작 과정에서 손쉽게 수정하면서 시간도 아낄 수 있는 방법을 제안합니다. 한편 구글 크롬 개발자 그룹이 제시...
  • 웹디자인
    IE에서 CSS 그리드 사용하기 – 중복된 그리드 영역 이름 지원!
    Autoprefixer가 9.3.1 버전으로 업데이트되며 완전히 새로운 세계를 열어주었습니다. 이번 업데이트에서 핵심은 새로운 그리드 영역 시스템입니다. 그리드 변환을 사용하고 해제하는 작업은 정말 식은 죽 먹기가 되었습니다. /* autoprefixer grid: on */만 추가하면 그리드 변환 사용이 설정되고 on을 off로 바꿔주면 해제됩니다. 이 ...
  • 사용자경험
    HTML 반응형 이미지 문법 가이드
    브라우저가 마법을 부리는 HTML 문법들에는 srcset, <picture>, w 설명자가 있습니다. srcset만으로도 같은 이미지를 다른 크기로 또 아예 다른 이미지로 제공할 수도 있지만, w 설명자와 sizes 특성을 함께 사용하면 브라우저가 더 적절한 선택을 할 수 있습니다. 반응형 이미지로 '성능 향상'과 '디자인 제어'라는 두 마리 토...
  • 사용자경험
    [스매싱 매거진 6월 총정리] 그동안 무슨 일이 있었나요?
    속도가 사이트 성능을 좌우하기도 합니다. 워드프레스의 보안 플러그인 제작자들이 만든 패스트 오어 슬로(Fast or Slow)는 웹사이트 로딩 속도를 측정해줍니다. 전 세계 13개 도시에 있는 13개 서버로 구성된 네트워크에서 데이터를 받기 때문에 국내뿐 아니라 해외에서의 반응도 확인해볼 수 있습니다. 사이트의 문제점은 무엇이고 개선책까지 알려주는데 무료라...
  • 코드
    디자이너는 어떻게 코드를 배우나?: Part Ⅱ
    지난 1부에서는 터미널의 기본을 알려주고, 코딩 시작을 위해 생산적인 팁과 코드 편집기 선택 요령에 대해 설명했습니다. 2부에서는 깃과 같은 버전 관리 시스템를 비롯해 HTML, CSS, 시맨틱 코드와 주요 엔지니어링에 대해 소개합니다.
  • 디자인
    [스매싱 매거진 5월 총정리] 힘겨운 시간을 위한 학습 자료
    코로나19로 전 세계가 아직도 혼란한 지금 가족, 친구, 동료의 힘이 더욱 절실합니다. 제자리에서 스스로를 지키는 노력 역시 필요한 때입니다. 스매싱 매거진이 지난 한 달 웹 산업계의 주요 이슈와 프로젝트를 짚어주고, 흥미로운 읽을거리들을 소개합니다.
  • 코드
    디자이너는 어떻게 코드를 배우나?: PartⅠ
    디자인이란 아름다운 목업을 만드는 과정이 아니다. 최종 사용자에게 직관적이고 잘 작동하는 경험을 전달해줄 수단을 만드는 작업이다. 사용자에게 최상의 경험을 제공할 최고의 디자인을 완성하기 위해서는 웹디자인의 원재료인 코드에 대해 알아야 한다. 코딩과 엔지니어링은 별개이다. 코딩은 작업에 필요한 프로그래밍 언어에 익숙해지는 것을 의미한다. 코딩을 통해 디자이...
  • 사용자경험
    [스매싱 매거진 4월 총정리] 연결을 지속하고 서로에게서 배우세요.
    코로나19는 대면하지 않고 일을 처리하는 원격근무 시스템 등 대체 방법을 고민하게 만들었습니다. 스매싱 매거진 4월 웹 동향에서도 원격근무에 효율적인 전략을 소개합니다. 그 전략은 적용이 쉽고 차별화될 수 있습니다. 시각화에 유용한 도구를 소개합니다. 플립 카운터는 오픈소스로 모바일에 친화적이며 설치하기 편합니다. 몇 가지 사전 설정으로 각자만의 플립 카운...


맨위로