This style guide was created for Mailchimp employees, but we hope it’s helpful for other content and communications teams too. If you work at Mailchimp This is our company style guide. It helps us write clear and consistent content across teams and channels. Please use it as a reference when you’re writing for Mailchimp. This guide goes beyond basic grammar and style points. It’s not traditional i

WordPress（ワードプレス）テーマの作成方法 WordPress（ワードプレス）のテーマを作成するには、htmlとcssの他に、phpとWordPress（ワードプレス）のテンプレートタグの知識が必要になります。phpとテンプレートタグは、htmlやcssに比べると難易度が高く、コーディングが苦手なWebデザイナーとっては、壁となることがあります。Javascriptを触れる方であれば、phpやテンプレートタグの学習は難しくないでしょう。 WordPress（ワードプレス）のテーマは、一から自作しようとするとかなりの工数が掛かります。インターネット上には、たくさんのWordPress（ワードプレス）テーマが公開されていますので、それらテーマを利用し開発を進めるのが合理的でしょう。 ここでは、WordPress（ワードプレス）テーマがダウンロードできるサイトをご紹介します。 WordP

I had a recent discussion with one of the awesome developers at the FT - @bjfletcher. We were looking at how viable it would be to replace a templating language, like Handlebars with ES6 Template Literals, in some manner. Ben suggested it'd be a good idea to turn our discussion into a post, and here we are - with a click bait title and everything. So what are Template Literals? How can they do wha

A tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript. There are quite a few techniques for “customizing” the <input type="file" /> element. I tried most of them, but none was good enough to have on Readerrr (for importing feeds by uploading a file). Probably the worst technique was the one where the input element i

CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。 個人個人でばらつきが出るところでもありますし、「単語名 英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。 クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。 自分の確認用と、チームで製作するさいの基準になるようなものを作りたいと思い、単語とその意味を短くまとめてGitHubにあげています。 CSS クラス名リスト | GitHub 以下投稿時の内容です。 名前をつけることは難しいですが、とても重要なことです。 CSSには設計思想が必要ですが、実践するにあたり、名前と機能の意味がとおり、名前のつけ方にブレがないようにするべきです。 このドキュメントでは、CSSでよく使われる単語を分

Welcome to the very start of your React Native journey! If you're looking for getting started instructions, they've moved to their own section. Continue reading for an introduction to the documentation, Native Components, React, and more! Many different kinds of people use React Native: from advanced iOS developers to React beginners, to people getting started programming for the first time in the

Learn to code with Swift Playgrounds Swift Playgrounds is a revolutionary app for iPad and Mac that helps you learn to code and build apps using Swift, the same powerful language used to create world-class apps for the App Store. Engaging lessons and walkthroughs demonstrate the core concepts of coding and building apps as you write real Swift code in an interactive environment. Learn and explore

スクリーンショット 考案・開発: steelydylan UIデザイン: okajax なぜつくったか HTMLベースのスタイルガイドジェネレーターを作りたかったから。 JSONファイルのみでスタイルガイドに表示する内容を制御したかったから。 スタイルガイドジェネレーターを使った時に静的HTMLファイルが大量にできるのが好きじゃないから。 デモページ 以下のページより実際にどんなスタイルガイドかを確認できます。さらにHTML,CSSのソースコードを直接ブラウザで変更し、変更結果をプレビューで確認することも可能です。 http://steelydylan.github.io/atomic-lab/ GitHub https://github.com/steelydylan/atomic-lab 何ができるの？ コンポーネント単位でスタイルガイドを生成できます。 今までのスタイルガイドジェネレ

Rebuild A Podcast by Tatsuhiko Miyagawa. Talking about Tech, Software Development and Gadgets.

node-url This module has utilities for URL resolution and parsing meant to have feature parity with node.js core url module. api Parsed URL objects have some or all of the following fields, depending on whether or not they exist in the URL string. Any parts that are not in the URL string will not be in the parsed object. Examples are shown for the URL 'http://user:pass@host.com:8080/p/a/t/h?query=

なんだかノウハウ溜まってきた感あるのでまとめる。 1. prefixの付与はautoprefixerに任せる方が良かった 基本的な部分だが、SCSSになんでもかんでもやらせようとするのはよくない。 例えば下記のようなprefix div { -webkit-box-shadow: 0px 0px 10px rgba(255,0,0,.5); -moz-box-shadow: 0px 0px 10px rgba(255,0,0,.5); box-shadow: 0px 0px 10px rgba(255,0,0,.5); } sass/scssであればCompass、Bourbon、lessであればLESSPrefixerなど、mixinとしてprefix付与を提供してくれるライブラリがあったりするが、これよりもautoprefixerによる解決をおすすめしたい。 gulpなどを導入していな

関西フロントエンドUG 主催「Grand-Frontend-Osaka 2015 Summer」での発表資料です。 http://kfug.github.io/events/2015/grandfrontendosaka/