1クリックでHTML要素の構造を可視化し、セマンティック要素が正しく実装されているか検証できる -Trashy.css | コリスWebページに実装されているHTML要素の構造を可視化し、header, nav, main, artic… → 続きを読む

静的サイトを公開するならどこがいいの？ #技術書典 - フロントエンドの地獄SPAなどの静的サイト（PHPやRubyなどのサーバープログラムを走らせない環境でのWebサイト）のを公開するにあたって、運用・配信（ホスティング）するならどこ… → 続きを読む

デザインの進捗３割で逃げ出す技術 - Speaker Deck2018年9月11日(火)に開催された「Webデザイン・Web制作に関する勉強会 #3」 (https://kfug.connpass.com/event/98686/) に… → 続きを読む

親和図法：UX調査の結果やデザインアイデアを協力して分類する – U-Site親和図法は、長い間、ビジネスで大量のアイデアを構造化するのに用いられてきた。UXの分野では、この手法は調査結果を構造化したり、アイデア発想ワークショップでデザ… → 続きを読む

Chromeの最新機能が楽しいぞ! CSSで円グラフや集中線が描けるconic-gradient入門 - ICS MEDIA2018年9月にリリースされたGoogle Chrome 69で、CSSの新しいグラデーション手法conic-g… → 続きを読む

FLEX: A simple visual cheatsheet for flexboxflex-wrap Wraps items if they can't all be made to fit on one line. … → 続きを読む

CSS GridとFlexboxでの実装で役立つ！各プロパティの役割が、ぱっと見てすぐ分かる簡単便利なチートシート | コリスCSS GridとFlexboxの各プロパティに値を指定した際、それぞれがどのようになるかまとめられた簡単便利… → 続きを読む

グーグルは「URLがない世界」をつくろうとしている｜WIRED.jpIMAGE BY EMILY WAITE グーグルの「Chrome」ブラウザが10歳になった。まだ子どもと言っていい年齢だが、Chromeはその短いながらも波乱万丈な人… → 続きを読む

日本のWebデザインで見かける10個の特徴 | コリスここ数年で、日本のWebデザインは大きく進化しました。 洗練されたデザインといえば、海外のものでしたが、今では日本でも数多く見られます。 デザインのスタイル、芸術的アプローチ、高度な… → 続きを読む

Microsoft、手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表：AIで手書きの図形と文字を認識 - ＠ITAIで手書きの図形と文字を認識：Microsoft、手書きのUIスケッチをHTMLに変換する「Ske… → 続きを読む