タグ

ブックマーク / www.webcreatorbox.com (2)

  • 【第2弾】少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です!(スパンながっ)簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! 目次 画像を丸く表示 1線のテーブル 1線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像をモノクロやセピアにする リストマーカーの色を変更 グラデーション グラデーションボーダー フラットだけど立体的ボタン 画像をぼかす レスポンシブに対応した動画 要素を真ん中に配置 カンマで分けたリスト 文字を縦書き フォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット 線のオフセット設定 HTMLCSSの全

    【第2弾】少しのコードで実装可能な20のCSS小技集
    kaeru-kana
    kaeru-kana 2016/02/03
    使うっ♪チェック!
  • Webデザインの勉強を始める人が幸せになれるツール&サービス

    2015年7月7日 便利ツール 先日超初心者さん向けにHTMLCSSを使ってWebページを作る講座を開いたのですが、予想通りやはり「これから勉強したい!」という人は、何から勉強すればいいのかがわからない事が多いです。また情報が多すぎて必要なツールもどれを選んだらいいかわからないケースもよく耳にします。そこで今回はその時教えたツールやサービスを中心に「これだけはそろえておこう!」というものを紹介します。あまりたくさん挙げても使い切れないかなーと思ったので、かなり絞っています。まずはこれらをとっかかりにし、自分好みのものを探していってくださいね! ↑私が10年以上利用している会計ソフト! 環境を整えよう まずはWebサイト制作をするための環境を整えましょう。 テキストエディター テキストエディターは、HTMLCSSなどを使ってWebページを作成する際に使うツールです。Windowsに最初か

    Webデザインの勉強を始める人が幸せになれるツール&サービス
    kaeru-kana
    kaeru-kana 2015/07/16
    シェア♪ Webデザインの勉強を始める人が幸せになれるツール&サービス|Webクリエイターボックス @webcreatorboxさんから
  • 1