スゴイのが登場！Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO
国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日本語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと配置するだけで、レイアウトを完成させることができます。コーディングのスキルは一切必要ありません。 レイアウトはすべてレスポンシブデザインに対応しており、従来のデザインツールでは表現できない動きやスクロールの再現も可能です。 STUDIOの作例 さっそく使用してみました。 まずは、メールアドレスとパスワードを登録します。
Railsプログラマが "脱 Bootstrap依存" をするために工夫したこと & デザイナーから指摘を受けたTips - Qiita
WEBプログラマがサイトデザインを整えるにとても便利なBootstrap。 しかし、Bootstrapを利用してサイトを作ると、やっぱりBootstrap臭がしてしまう。(私の技術力やデザイン力が低いのが原因かもしれませんが。。。) そこで、Bootstrapを利用してデザインをしているRailsのサイトをデザイナーの人にレビューしてもらい、実践した Bootstrapの依存を減らしていくために工夫したこと & デザインの指摘を受けた部分 について書いていきます。 実装したサイトの説明 まず作っていたサイトについて説明しておきますと、 企業がイベントを開催した際にフィードバックを受けるためのアンケートをWEB上で回答してもらい、その集計結果が見えるというサービス です。機能としては少なく、企業管理側のイベントページの作成と詳細ページを見ることができるだけです。 Before and Aft
初心者は意外と使っていないかもしれないCSSの指定の仕方 | スターフィールド株式会社
前回cssの優先順位の記事を書きましたが、今回はcssの指定の仕方です。 本当はこっちを先に書くべきでしたね笑 まずは説明するために必要な用語の説明をさせていただきます。 要素と属性 cssを適用させたいhtmlを説明するうえで「要素」と「属性」を理解する必要があります。 下記の図になります。 htmlのタグで囲んだものが「要素」 そのタグに、href,title,target,id,class等の付属されたものが「属性」 となります。 セレクタ cssファイルで記述する場合、「要素」を指定する際に用いるのが、セレクタです。 下記の赤い箇所がセレクタになります。 この3つの言葉を元に説明していきたいと思います。 (この言葉が正しいものかどうかは保証できません・・・) cssの指定方法 本当に基礎的なものは、タイトルに習い省かせて頂きます。 1.連続のセレクタ指定 【css】
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
