エンジニアやクリエイター向けのクラウドソーシングサービス「クラウドワークス」を運営するクラウドワークスは7月2日、ユーザー同士がリアルタイムにメッセージを送りあえるチャット機能「お仕事チャット」（ベータ版）をリリースした。 お仕事チャットでは、仕事相手がオンライン状態であるかを確認して直接メッセージを送ることができる。サービス画面右下のチャットウィンドウを開くだけですぐにチャットを開始できるという。 チャットが送れるのは実際に仕事をやり取りしている相手に限定されている。また、オフラインや休憩の設定も可能なため、自分のタイミングにあわせてコミュニケーションができるとしている。

2017年2月22日 CSS 以前「効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！」という記事で紹介したSass／SCSS。皆さん使ってますか？今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「Compass」というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 Sassの基礎知識 @mixin の基本的な使い方 リンクカラーを一括設定 ベンダープレフィックス 透明度 絶対位置の指定 rem を使ったフォントサイズ指定 レティナディスプレイ対応画像 Compassについて軽く。 Sas

私のように趣味でWebサイト作成をしていると基礎が抜け落ちていたりするので復習を兼ねて擬似要素と擬似クラスの違いについて考えてみました。 擬似クラス（Pseudo-classes） 擬似クラスには次のようなものがあります。何気なく使っていますが、擬似クラスという名称を知らない方も多いのではないでしょうか。 :link :visited :hover :active で、擬似クラスはCSS3で大幅に追加されました。 E:nth-child(n)　･･･　n番目の子要素に適用 E:nth-of-type(n)　･･･　n番目にあるE要素に適用 E:first-of-type　･･･　兄弟関係にあるE要素で最初のものに適用 この他にもまだまだあります。これらの詳しい内容については「保存版！CSS3セレクタの説明書｜Webpark」をご参考に。 なぜ擬似クラスという名称なのか 例えば、以下のような