タグ

ブックマーク / www.seleqt.net (5)

  • 【2017年に使うべき!】あなたの効率を上げる最新Webデザインサービス6選

    ウェブデザイナーや開発者の役に立つツールは毎月のようにリリースされていますが、一体どれが優れていてどれがそうでないか見分けられているでしょうか? あなたのプロジェクトに最適なのはどれでしょう?お金を出す価値のあるものはどれでしょう? ここでは特におすすめのサービスを6つご紹介します。 1.IMCreator.com 新しいサイトを作成する際には多くの選択肢があります。HTMLでデザインを組むか、WordPressのテーマを使うか、ドラッグ&ドロップでデザインできるビルダーを使う手もあります。その中で最速かつ最安なのがIM Creatorです。 IM Creatorは無料で使うことができ、レゴブロックで遊ぶようにレスポンシブでモダンなサイトを制作できます。数多くの美しいテンプレートが用意されており、自由に調整できます。数分でストアを立ち上げてビジネスを初めることもできますよ。 2.Xfive

    【2017年に使うべき!】あなたの効率を上げる最新Webデザインサービス6選
  • Webクリエイターは要チェック!CSS作業をバツグンに効率化してくれる無料のツール&アプリ17選|SeleQt【セレキュト】

    CSSの作業をする際に便利なWebベースのツールやアプリケーションをご紹介します。 すべて無料のものをそろえましたので、Webクリエイターの方はぜひチェックしてみてください! extractCSS HTMLシートからclass, id, インラインスタイルなどを抽出してCSSスタイルシートとして形成するための便利なツールです。 CSS Beautifier CSSスタイルシートを自動でフォーマットしてくれるので、読みやすく統一感のあるデザインのページが出来上がります。 CSScomb コーディングのスタイルをフォーマットする機能を持っていて、CSSプロパティをソートしてくれます。 CSS Compressor 圧縮してサイズを小さくしてくれる便利なアプリケーションです。 Style Stats どんなスタイルシートからでも便利な統計を取ることができるツールです。 アクセスしてURLを入力す

    Webクリエイターは要チェック!CSS作業をバツグンに効率化してくれる無料のツール&アプリ17選|SeleQt【セレキュト】
  • 「table」って実はここまでできるんです!jQuery tableプラグイン12選|SeleQt【セレキュト】

    <table>はHTMLで最も古い要素のひとつです。tableはかつてWebレイアウトに広く使われていました。しかし、tableを基盤としたレイアウトは廃れ(HTMLメールを除いて)、現在tableを使うのは、表データを見せるために使うときくらいでしょう。 HTMLスペックの古い部分は、一般的にモバイル中心のデザインに合っておらず、そしてbox要素の外では機能的な発展はありません。とはいえ、table機能の使い勝手がもっとよくなったらいいと思いませんか? この記事では、jQueryで動く厳選したプラグインについてザっと説明し、tableの可能性が広がればいいなと思います。これからご紹介するプラグインは、簡単なデザイン修正から機能豊かな解決策にまで多岐に及びます。 jQueryで動くtableプラグイン12選 Dynatable Dynatableはフィルター、分類、ページ付けなどの機能をも

    「table」って実はここまでできるんです!jQuery tableプラグイン12選|SeleQt【セレキュト】
  • なぜこれまで活用されてこなかったの?実は便利な9つのCSS機能をご紹介!

    CSS歴史は古く、1994年から開発がはじまっており、現在のCSS4モジュールなど継続的に新しい機能が追加されています。 今回はそんな広いCSSの世界から実はあまり使われていない機能9つ紹介します。 1. CSS clac() Clac()自体は広く知られていますが、この場でもう一度紹介するほど重要なのです。例のようにエレメントの幅と位置をピクセルで指定することに使えます。 2. pointerメディアクエリ タブレットやPC、スマートフォンなど様々なデバイスが存在する現代のトレンドに適応するための機能です。none(ポインティングデバイスが存在しない)、coarse(タッチスクリーンやモーションセンサーデバイス等)、fine(マウスやタッチパッド等)の入力値によりデバイスを識別し、ボタンのデザインを変更したりする際に活用します。 3. CurrentColor variable CSS

    なぜこれまで活用されてこなかったの?実は便利な9つのCSS機能をご紹介!
  • 【保存版】検索上位の800万ページに見る「HTMLの各要素」利用状況のすべて

    #概要 このHTML利用データはGoogle検索結果上位20位のページから収集された800万のインデックスページを参照しています。 検索順位上位のWebページは平均して25の異なる要素型を使用していることがよく分かります。 以下はそれらの検索順位上位のWebページのほとんどのページで使用されている25個の要素です。 #Doctype doctypeはHTML文書の冒頭に記載され、ページが利用している(X)HTMLのバージョンを示しています。 #基要素とメタデータ htmlはルート要素としても知られており、doctype宣言のすぐ後に記載されWebページのコンテンツをラップします。メタデータはスタイルやスクリプト、データなどのページ情報を含んでおり、検索エンジンまたはブラウザーがページを利用・レンダリングするのに役立ちます。 #コンテンツセクショニング コンテンツセクショニング要素を使えば

    【保存版】検索上位の800万ページに見る「HTMLの各要素」利用状況のすべて
  • 1