Bootstrapユーザー...webリソースフレームワークBootstrapユーザーがUIkitに乗り換えるべき3つの理由2014-02-10TweetPocket数あるCSSフレームワークの中でも特に人気の高いのがBootstrap。最近Bootstrap3にアップデートされ、このサイトでも基本的な使い方やBootstrap3で簡単にWebサイトを作ってみたりしています。使いやすくてBootstrapなしでUIを作るのがめんどくさく感じるくらい重宝しているのですが、Bootstrapをさらに上回るかもしれないフレームワークを発見しました。それがこのUIkitです。この記事ではBootstrapからUIkitに乗り換えるべき3つの理由と題してUIkitの素晴らしいと思ったところを紹介していきます。最新のUIコンポーネントに対応コンポーネントはBootstrapでも実装されており、大変便利な機能です。UIkitにはさらに以下のようなコンポーネントが実装されています。off-canvasはYouTubeやFacebookアプリなどに利用されてるメニュー機能。ボタンを押すと左側にメニューバーが開きます。Switcherはボタンを押して表示するものを切り替えたいときなどに使用。Webサイトでも文字サイズの変更などに使えそうです。Scrollspyは画面スクロールでイベントを発生させることができる機能。ランディングページでよく見るオブジェクトのフェードインなどを実装可能。UIkitのDropdownはなんと3カラムのビッグメニューに対応。テーマのカスタムが簡単UIkitには公式サイトでテーマのカスタマイズが可能です。ここではフォントや配色の設定を細かく指定することができます。作成したテーマはダウンロードしてすぐに使えるのでまさにUIkitを作ってるような感じですね。アドオンでより高度な機能を追加UIkitにはさらに高機能なコンポーネントが追加されています。Stickyはナビやサイドバーの追尾機能としてよく使います。その他の機能は通常のWebサイトで使用することはあまりないかもしれませんが、アプリ開発時には有用なアドオンが揃っていますね。file:アップロードするファイルの選択このようにBootstrapにはない魅力的な要素がたくさんあります。Bootstrapでも今後のアップデートで実装されるかもしれませんが、現在のところこのフレームワークがオススメ。このサイトでも次回のリニューアル時にはUIkitとLESSを使ってWordpressのテンプレートを作ってみたいと思っています。モバイルアプリのフレームワークおまけここまでUIkitを紹介してきましたが、CSSフレームワークというよりもモバイルアプリのフレームワークに近い機能が搭載されています。WebサイトのUI設計が簡単になるというだけでなく、アプリを作るのにも向いているってわけですね。そこでおまけとして、HTML5でアプリ開発する際に使ってみたいモバイルアプリのフレームワークを紹介したいと思います。これらを使ってさくっとアプリを作り、PhoneGapBuilderでスマホアプリ化すればiPhoneやAndroid端末にもインストールできるアプリが作れるのです。ionicこちらはフロントエンドデベロッパー向けのアプリケーションフレームワーク。BootstrapやUIkitと同じようなコンポーネントも備えながら、AngularJSというフレームワークに対応。見た目と機能を1つにまとめてみた感じ。total.jsこちらは本格的なサーバーフレームワーク。サイトにあるvideoではたった5分でチャットシステムを作るというやばいデモンストレーションを見ることができます。2014年、間違いなくヒットするフレームワークになるでしょう。SugimoriフリーランスのWebエンジニア。現在はテンプレート職人としてTetraThemesでテンプレートを開発中。ブログや個人に関するお問い合わせはTwitterかFacebookへ。2017-06-26Webに必須の高品質な写真素材を無料でダウンロードできるサイトを10本集めてみました。Web制作に限らずWebライティングでも必ず必要なのが写真素材。2017-06-21カラーミーショップはスマホでもECショップを構築できる手軽さと、HTMLやCSSを編集しオリジナルデザインのショップを作成できる拡張性を両方兼ね備えたECサービス。2017-06-21カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので完全オリジナルデザインのショップを自由に構築することができます。2017-06-19カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので頑張ればオリジナルデザインのショップを構築することも可能です。2017-06-16カラーミーショップはHTMLとCSSの編集ができ、オリジナルデザインのショップを構築することができるECサービスです。USTetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。