Why Every Software Engineer Should Write Articles日本語訳・前編

エンジニアは全員技術記事を書くことを習慣化した方がいいぞ

qiitaで大人気のこの記事、こんなに評価されているということは良い内容で、しかも良い翻訳なんだろうなと思いました。

・・・つまり訳も原文もまだ読んでないわけです。
なぜなら面白そうな文章があって、しかも「訳の回答がある」というのはそうあることじゃないし、まず自分なりに訳してみてからこの日本の記事を読んで答え合わせしていけば一石二鳥?なんじゃないかとひらめいたからです。

というわけでまた翻訳記事を書くのですが、
アップした記事は自分なりに書いた後、qiita の記事を見て、致命的に間違っていたところだけ直したものになります。
多分記事よりもだいぶ直訳に近くなると思います。

“Why Every Software Engineer Should Write Articles日本語訳・前編” の続きを読む

Animate.css日本語訳

Animate.css

今日は昨日Githubの人気レポジトリから発見した、CSSだけで実装できる愉快なテキストアニメーション集『Animate.css』の取説(README.md)を翻訳していきます。

ただしJQueryなど私が技術的にちゃんと理解していない部分は今回は訳さないでおきます。。そのうち分かったら補完するかも。

“Animate.css日本語訳” の続きを読む

30 Seconds of CSS日本語訳⑨

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第9回目、ついに最終回です。

前回:30 Seconds of CSS日本語訳⑧

33.OS内蔵のフォント- System font stack

34.トグルスイッチ- Toggle switch

35.トランスフォームで中央配置- Transform centering

36.三角形- Triangle

37.省略されたテキスト- Truncate text

“30 Seconds of CSS日本語訳⑨” の続きを読む

30 Seconds of CSS日本語訳⑧

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第8回目です。

前回:30 Seconds of CSS日本語訳⑦

29.良い感じのアンダーライン – Pretty text underline

30.全てのスタイルの初期化 – Reset all styles

31.シェイプされた仕切り線 – Shape separator

32.色が薄らぐ兄弟要素 – Sibling fade

“30 Seconds of CSS日本語訳⑧” の続きを読む

30 Seconds of CSS日本語訳⑦

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第7回目です。

前回:30 Seconds of CSS日本語訳⑥

25.:notセレクタ – :not selector

26.要素を非表示にする – Offscreen

27.スクロール要素の下端に白いぼかしを入れる – Overflow scroll gradient

28.パッと出て来るメニュー – Popout menu

“30 Seconds of CSS日本語訳⑦” の続きを読む

30 Seconds of CSS日本語訳⑥

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第6回目です。

前回:30 Seconds of CSS日本語訳⑤

21.高さの値の変化 – Height transition

22.ホバー時の下線アニメーション – Hover underline animation

23.最後尾のアイテムに残りの高さを取らせる – Last item with remaining available height

24.カーソルに付いてくるグラデーション – Mouse cursor gradient tracking

“30 Seconds of CSS日本語訳⑥” の続きを読む

30 Seconds of CSS日本語訳⑤

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第5回目です。

静止画でも分かる効果についてはスクショを添えることにしました。

前回:30 Seconds of CSS日本語訳④

17.フレックスボックス内の中央配置 – Flexbox centering

18.テキストグラデーション – Gradient text

19.グリッド要素内の中央配置 – Grid centering

20.髪の毛様に細いボーダー – Hairline border

“30 Seconds of CSS日本語訳⑤” の続きを読む

30 Seconds of CSS日本語訳④

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第4回目です。

前回:30 Seconds of CSS日本語訳③

13.活き活きした影 – Dynamic shadow

14.イージングの変数 – Easing variables

15.刻まれた文字 – Etched text

16.均等に配置された子要素 – Evenly distributed children

“30 Seconds of CSS日本語訳④” の続きを読む

30 Seconds of CSS日本語訳③

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第3回目です。

前回:30 Seconds of CSS日本語訳②

目次:

9.CSS変数 – Custom variables

10.選択の禁止 – Disable selection

11.テーブル要素内の中央配置 – Display table centering

12.ドーナッツ型の回転アニメ―ション – Donut spinner

“30 Seconds of CSS日本語訳③” の続きを読む