スマホアプリと言えば今のところネイティブアプリ一... / ネイティブアプリと遜色ないWebアプリ3選 / Forecast他...全5件 スマホアプリと言えば今のところネイティブアプリ一択ですが、実はその裏でWebアプリが驚くような進化を遂げています。 Webの資産をそのまま活用できるWebアプリの台頭は、Webエンジニアにとってはうれしい限りですね。 そんな、ネイティブアプリと遜色ない、アプリ開発の可能性を広げるWebアプリを3つご紹介します。
スマホアプリと言えば今のところネイティブアプリ一... / ネイティブアプリと遜色ないWebアプリ3選 / Forecast他...全5件 スマホアプリと言えば今のところネイティブアプリ一択ですが、実はその裏でWebアプリが驚くような進化を遂げています。 Webの資産をそのまま活用できるWebアプリの台頭は、Webエンジニアにとってはうれしい限りですね。 そんな、ネイティブアプリと遜色ない、アプリ開発の可能性を広げるWebアプリを3つご紹介します。
いろいろなデザインで活用できる ミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」 インターネット上で配布されている素材の中でも、活用の幅の広いフリーフォント。特にシンプルで汎用性の効くタイプは1つでも多く持っておきたいものです。今回そんなタイプのミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」を紹介したいと思います。 (Simple Ronde Font | dafont.com) いろんなデザインに使用できそうなフォントが19種、ビジュアルイメージと共に公開されています。いくつかピックアップしていみましたので、下記よりご覧ください。 詳しくは以下 ■Gabriele 8008 Typewriter
画像を使わずに擬似要素を使ってリストメニューをデザインしてみました。CSS3のtransitionを使った動きのあるメニューも作ってみました。 まずはHTMLから <ul class="rist-menu" id="list1"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Ruby</a></li> </ul> classでリストとリンクに関することを指定して、これはすべてのサンプル共通になっています。idで擬似要素に関する内容を指定して、サンプルごとで変わっています。 1つのページに複数のサンプルを設置するためこのようにしましたが、実際設置するときは1つだと思い
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
JavaScript で要素のクラス属性を操作してスタイルを変更するような場合、IE8 には :before/:after 擬似要素のスタイルが再描画されないというバグがある。 <p> <a href="#" class="selected">One</a> <a href="#">Two</a> <a href="#">Three</a> <a href="#">Four</a> </p> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $('p').each(function () { var $links = $(this).find('a'), i = $links.filter('.selected').eq(0).index(), len =
菱形と同様、個人的に好みな**六角形(ヘキサゴンシェイプ)**を取り入れているwebサイトのまとめです。 やはり国内で使われているのをあまり見かけないのでほとんど海外サイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く