秋ですか？ 冬？ わかりませんが、今朝、前庭に雪が積もっていて目が覚めたので、先月の CSS-Tricks の周りで何が起こっているかについて少し更新する時が来たように感じました。 私たちはすることが知られています 随時。
まずは CSS-トリックニュースレター! 数ヶ月の休止の後、私たちはリズムを落としているように感じ始めています. の 最終版 XNUMX月末に出ました。 これで XNUMX か月連続で撃ち出すことができました。これは、一貫性の点で大きな勝利と言えます。 いや、これは以前のような週ごとのリズムではありませんが、チームが確立し続けているため、それを目指しています。
そういえば、新しいチーム メンバーが加わりました。 アンドレア・アンダーソンを乗せました。 彼女は定評のあるテクニカル エディターであり、彼女がここにいることを幸運に思います。 彼女は時々 CSS-Tricks の作品に取り組むかもしれませんが、彼女の主な焦点は、 DigitalOceanのコミュニティサイト.
ああ、私たちが DigitalOcean のコミュニティのトピックについて話している間、これをチェックしてください デベロッパー マーケピアの投稿 DigitalOcean の書き込みプロセスを深く掘り下げます。 真剣に、チュートリアルの概要と構造、チュートリアル アーカイブをナビゲートする UX、さらには各記事のコンテンツと広告の間の微妙な相互作用まで、信じられないほど深く掘り下げています。
DigitalOcean のチュートリアルが、「全体に価値の匂いがする」「最初に与える」コンテンツとして説明されている方法が本当に気に入っています。 それはチームの労働倫理について多くを物語っており、個人的には一流であることを証明できます. これこそが、DigitalOcean と CSS-Tricks がうまく調和する理由です。
広告もまた、現在私たちにとって最も重要な問題です。 私たちが 調査を実施した 先月、DigitalOcean の買収後に CSS-Tricks 広告がどのような影響を受けるかについて懸念があることを知っていました。 それらを削除しますか？ DigitalOcean に関するすべてを作成しますか? すべてをそのままにしますか？ つまり、CSS-Tricks は伝統的に広告モデルに依存して照明を維持してきましたが、企業が支援するようになった今、広告にどれだけ依存する必要があるのでしょうか?
調査によると、多くの人が広告を気に入っていることがわかりました。 それらは、サイトに組み込まれた製品の推奨事項のようなものであり、広告が (1) 良いものを宣伝し、(2) 私たちが行うフロントエンドの仕事に関連していることを確認するための Chris の努力の証だと思います. 適切な例: 最近、DigitalOcean が買収した後、Cloudways ホスティングを宣伝するために、多数の DigitalOcean 広告を交換しました。 これらの広告はあまりうまくいかなかったので、すでにかなりうまくいっている DigitalOcean の広告を入れ替えました。
（ちなみに、宣伝されている取引はかなり良いです… $200 分の無料クレジット プロジェクトをスピンアップします。)
CSS-Tricks を WordPress から、DigitalOcean コミュニティがそのコンテンツに使用しているのと同じ CMS に移行する作業は、まだ進行中です。 多くの作業は、まだ WordPress コンテンツ フィールドを新しい CMS にマッピングすることです。 7,000 年間に 15 件もの記事を掲載している Web サイトについて話している場合、これは簡単な作業ではありません。 初期のサイト アーキテクチャと同様に、これは順調に進んでいます。 次に、WordPress のブロックをどのように処理し、その機能を複製し、引き継ぐ必要があるすべてのインベントリを作成するかを理解する必要があります。 ふぅ！
ニューフェイス！
いつものように、私たちは新しいゲスト著者と一緒に仕事をしているため、毎月サイトに数人の新しい顔を持っている傾向があります. 今月もお迎えしました クシシュトフ・ゴンチャルツ & ロレンツォ・ボナネッラ. 彼らの記事をチェックして、彼らの作品を共有するためにハイファイブを与えてください. 自分のアイデアを他の人の前に出す勇気は言うまでもなく、書くには多くの労力が必要です。 では、Krzysztof と Lorenzo に感謝します。
モジタバ・セイディに会う
私たちの長年のライターの一人に追いつくことが、今月の更新を締めくくる良い方法になると思いました. また、CSS-Tricks にこれほど多くの記事を寄稿した人はほとんどいません。 モジタバ・セイディ. アーカイブに彼の名前があまり出てこないかもしれませんが、それは彼が非常に多くの時間を アルマナック.
モジタバに彼の作品についていくつか質問したところ、彼は丁寧に答えてくれました…
あなたの 第一条 2017 年に Sublime Text エディター用のプラグインをまとめました。CSS-Tricks で公開しようと思った理由は何ですか?
私は Sublime Text エディターとそのプラグインに非常に情熱を注いでいました。 繰り返しの作業に疲れたときはいつでも、プラグインを見つけて痛みを和らげることができました。 私が使用しているプラグインがどれほど興味深いものであるかを同僚に示し、それを使用するように勧めました。
当時 — 2017 年 — の私の新年の抱負の XNUMX つは、CSS-Tricks に関する記事を公開することでした。 私はいつも、そのアイデアは非常に技術的なものだと思っていました。 たまたま開発に役立つ Sublime Text プラグインのリストを簡単に作成できるとは思いもしませんでした。 最近では、自分が設定した高いハードルが、自分が好きなことについて書くことを妨げていたことがわかります.
その最初の記事をあきらめようと思った瞬間がありました。 まったく同じことをカバーしている他の投稿がすでにたくさんあると思って、私は自分自身を興奮させていました. しかし、好奇心から、Sublime Text プラグインの上位の投稿のいくつかを Google で検索したところ、驚いたことに、私が書いていたプラグインがまったく表示されませんでした。 それで、このウェブサイトに最初の記事を投稿しました！
あなたは CSS-Tricks について合計 35 の記事を書きました。そのうちの 33 は アルマナック. そんな技術情報書いて何が楽しいの？
アルマナック エントリは参照可能です。 プロパティやセレクターの構文をチェックするために、私たちは彼らに戻ってきます。 たとえば、 背景 かどうかを覚えておく省略形のプロパティ background-position 値はスラッシュ (/）。 参考文献は決して古くならないので、アルマナックは私にとって特別な存在です。
同じように、 ドキュメンテーションは難しい. CSS-Tricks Almanac を書く上での課題の XNUMX つは、CSS を読んで理解することです。 W3Cの仕様. 例えば、私がそれについて書きたいと思ったとき、 mask-border CSS 仕様は実質的に私の唯一の情報源でした。 そのモジュールのすべての側面と、さまざまな状況でさまざまな値がどのように動作するかを理解する必要がありました。 私はこの種の挑戦を楽しんでおり、自分の発見を他の開発者が理解して自分の仕事で使用できる具体的なものに変えることができたときは最高の気分です.
そこにも t完全さの喜び. ドキュメンテーションにより、通常の記事では説明できない詳細を深く知ることができます。 プロパティやセレクターを把握し、自分の言葉で説明できると満足感が得られます。 CSS-Tricks Alamanc は私にその機会を与えてくれます。
編集プロセスを経ていない人のために、編集プロセスについて何を言えますか?
まず、 クリーンで簡単なプロセスを楽しむ. CSS-Tricks 編集チームは、それを改善し、自分でできるよりも優れたものにするのに役立ちます.
また、 最初に下書きを編集する. 投稿する前に、必ず自分で記事を編集してください。 執筆の準備が整うほど、編集者が作業の改善を支援する時間が増えます。 編集者が基本的な文法やスペルの修正に多くの時間を費やす必要がある場合は、フィードバックやその他の考慮事項でアイデアをさらに推し進めるために費やすことができた時間です。
そしてもちろん、 あなたの過ちから学ぶ. 編集プロセスにいる間は、学ぶことにオープンであってください。 ここの編集チームは非常に経験豊富で親切です。 それらが変更した点を記事で確認し、次の記事でそれらを実践するようにしています。 よろしくお願いします ジェフから、テクニカル ライティングについて多くのことを学びました。
記事の提案を提出しようと考えている人へのヒントはありますか?
アイデアを考えすぎないでください. あなたの記事はロケット科学である必要はありません。 あなたが書くのに十分なほどよく知っていることは、他の人に役立つ可能性があります。
別のアドバイス： 自分を過小評価しないでください。 日時 Chris Coyier はコミュニティに CSS-Tricks Almanac への貢献を呼びかけました、私はCSSドキュメントを書いた経験がありましたが、それができる資格のある人はもっとたくさんいると自分に言い聞かせました. はい、多くの人が私よりも知識が豊富でした (そしておそらく今もそうです)。 しかし、結局のところ、私は挑戦したかったので、これに参加することができました.
もう一つの大きな問題は、 他の人を繰り返すことを心配しないでください. あなたのアイデアはユニークである必要はありません。 他の人が書いたことについて、新しい、異なる方法で書くことができます。 あなたの視点と視点が重要です！ 問題を解決するためのアプローチとそれを説明する方法は、非常に役立つ方法で異なる場合があります。
そして最後に…お気に入りの CSS トリックは何ですか?
私のお気に入りのトリックは、要素をセンタリングすることでした 設定 display: table その上で、自動マージンに残りを任せます. 今日では、CSS がはるかに優れたものになっているため、同じトリックを次のように行うことができます。 min-content 追加のラッパーなし。
これと同じトピックに関するブログ投稿または記事が Web のどこかにあると確信しています。 しかし、ここCSS-Tricksでそれについて書きたいと思います。 見る？ 私自身の視点を皆さんと共有したいと思います。私なりの方法で説明したいと思います。
CSS-Tricks で共有したいことはありますか? あなたのピッチを送ってください！
