OR メールアドレスで登録上記ボタンのクリックにより、利用規約 及び 個人情報の取り扱い に関する要項に同意したものとします。 ※X(旧Twitter)での登録時に不具合が発生する場合があります。その際は他の登録方法をご利用ください。 アカウントをお持ちの方はこちらからログイン
OR メールアドレスで登録上記ボタンのクリックにより、利用規約 及び 個人情報の取り扱い に関する要項に同意したものとします。 ※X(旧Twitter)での登録時に不具合が発生する場合があります。その際は他の登録方法をご利用ください。 アカウントをお持ちの方はこちらからログイン
2016年1月28日 著 先日、献本をいただいた『フロントエンドエンジニアのための現在とこれからの必須知識』を少しずつ読み進めているのですが、オープンソースなエディターのBracketsを紹介しているくだりがあって、興味を持ちました。ああそういえばそういうエディターもあったねぇ、というくらいの認識しか無く、どちらかというとあまり良い印象がなかった(その昔、ちょこっと触りはしたけれど、バギーだとかいう評価を目にした記憶があった)ので、自分は全然使っていなかったのです。 でまぁ最新のバージョン1.6をインストールして使ってみたのですが......良い。非常に良い。Emmetで対話的に省略記法を展開するのがちゃんと動くの、すごく当たり前ではあるけれども、実はDreamweaver CC 2015でできなかったぶん、凄くありがたく感じてしまう。その流れでBrackets おすすめエクステンション集
Elika J. Etemad (fantasai) W3C CSS Working Group Specs I've Worked On Since 2004 CSS2.1 (ghosteditor) CSS Style Attributes CSS Namespaces Selectors Level 3 Selectors Level 4 CSS Pseudo-Elements Level 4 CSS Scoping Level 3 CSS Cascading & Inheritance Level 3 CSS Backgrounds & Borders Level 3 CSS Image Values & Replaced Content Level 3 CSS Values & Units Level 3 CSS Text Decoration Level 3 CSS Text
Last updated on the 27th February, 2016 . Stylesheet linting. Not many people do it. Many more people should—especially diverse teams that have a lot of hands touching the codebase. In this article I’m going to talk about why we should lint our stylesheets, and how to implement stylesheet linting into our build pipelines for both vanilla CSS and Sass. Table of contents: Introduction What is lintin
TVにあってWebサイトにはないもの。それは・・・スタッフロール!それに気づいてからはや数年・・・。そのjQueryプラグインを作成しました。 概要 Webサイトにもスタッフロールが流れたら面白いなーと思い作ったjQueryプラグインです。レイアウト2種類+縦or横に流れるorフェードバージョン+おまけが入っています。動作は現時点のデスクトップの最新ブラウザで確認しています。 デモ一覧 タイプ1:縦レイアウト+縦スクロール 役職と名前が縦に並んでいるバージョンを縦にスクロールしていくバージョンです。 デモ1 タイプ2:縦レイアウト+フェード 役職と名前が縦に並んでいるバージョンをフェードで表示していくバージョンです。 デモ2 タイプ3:縦レイアウト+横スクロール 役職と名前が縦に並んでいるバージョンを右から左に表示していくバージョンです。 デモ3 タイプ4:横レイアウト+縦スクロール 役職
またまた大掃除ネタで、デザイントレンドのひとつとして注目されているブラーエフェクトに関してのまとめです。 主に海外のサイトで背景画像なんかでよく使用されているのを見かけても、国内ではあまり見ないという印象なんですが、個人的には好みなエフェクトでいろいろとメモしていたので整理兼ねてまとめました。
わざわざ画像を使わなくても簡単にグラデーションを表現することができるCSSのlinear-gradient。 未対応ブラウザをサポートすることもまだ完全になくなったとは言えませんが少しずつ減ってきてはいるので、利用頻度が増えたという人も多いと思います。 よくある使用方法としては例えばセクションの背景だったりボタンなどのパーツの背景にグラデーションカラーを適用するというのが一般的ですが、他にもいろいろ使用用途があるのでいくつか紹介します。 以下で紹介する方法は、ブラウザによっては表示確認ができないものもあります。 また、ベンダープレフィックスなどは必要に応じて追記・変更してください。 ここでは全て見た目を画像で紹介しているので、実際に表示を確認したい場合は以下デモで確認できます。 テキストが徐々に見えなくなる #1 イメージ(右)のようにテキストの上にグラデーションを重ねることで徐々にテキス
Webデザインで今、注目されているトレンドはデザイン的にも面白く、かなり使いやすいです。最新のデザインやトレンドな機能をサイトに加えて、いつもの同じようなデザインから抜け出すために使ってみるのもよいでしょう。 ここで紹介するトレンドは、よく使用している要素やカラーやタイポグラフィに一手間加えるだけで、新鮮なデザインに変わります。 Essential Design Trends, February 2016 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 DuoToneのカラースキーム Split-Screenのデザイン 共有スペースのタイポグラフィ 総括 DuoToneのカラースキーム DuoToneのカラーパレットは存在自体は昔からありましたが、最近の使い方としてはフルスクリーンの画像にDuoToneのグラデーションを加えて強いイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く