最近では当たり前のようにレスポンシブWebデザイ... / レスポンシブWebデザインを解説したスライド / 1. レスポンシブ・ウェブデザイン他...全12件 最近では当たり前のようにレスポンシブWebデザインを取り入れたサイトが増えてきました。しかし、レスポンシブ化するにはある程度デザインが制約させるので、まだまだ実案件ではこれからといった方も多いのでは。 そこで、改めてレスポンシブWebデザインを学んでおきたい方のためのスライドをまとめました。
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
2014年8月19日 インスピレーション, お知らせ, 名刺 いつもお世話になっている名刺の印刷会社、SuperPrintさんが新しい用紙やオプション加工を追加したとのことで、名刺のデザイン変えたいなーと思っていたこともあり、わくわくしながら試してみました!シンプルな名刺とオプション加工てんこ盛りのデザイン名刺作ったので、SuperPrintさんへの感謝の気持ちを込めて記事にしてみます! ↑私が10年以上利用している会計ソフト! SuperPrint また名刺作ってみました 一体何パターン目w 昔から使っている透明名刺もお気に入りなのですが、プラスチックなので表面が傷つきやすかったり、読みにくかったりするんですよね…。ポートフォリオサイトもリデザインしたので、名刺もリデザインすることにしました。 デザイン重視の名刺。オプション加工等てんこ盛りでデザインしたので、仕様なんぞ紹介します。 用紙
お客様の融資支援実績は、累計6,000件以上(2023年2月末現在) 自身も株式会社SoLaboで創業6年目までに3億円以上の融資を受けることに成功 【運営サイト】 SoLabo公式サイト 創業融資ガイド 資金調達ノート 経営支援ガイド 多くの方は、起業する時は株式会社の設立を視野にいれていると思います。しかし、個人事業からの法人成りの場合や、飲食店や何らかの商品販売などのビジネスを行う場合は、合同会社の方が良い場合が多々あります。 事実、合同会社はここ2、3年で急増している会社形態です。 そこで、本日は合同会社を自分で設立するための方法を詳しく具体的にご紹介します。合同会社の設立は株式会社と比べると、とてもシンプルなので、3日ほどで終わることでしょう。早い方なら1日で全てを用意する方もいらっしゃるぐらいです。 それでは、まずは、合同会社設立の手順の前に、まずはあなたがやろうとしている事業
WordPressで、更新履歴やお知らせ履歴をリスト表示したシンプルな別ページを作って、トップページやサイドバーからiFrameやphpのinclude等で呼び出したいケースがあります。 方法は色々ありそうです。私がクライアントさんのサイトで行った方法を紹介します。 ※当初はExec-PHPプラグインを利用した方法を紹介していたのですが、セキュリティ的に問題があるということで、ショートコードを利用した方法に変えました。http://memo.dogmap.jp/さん、情報ありがとうございます(2013/7/10) 固定ページを利用する 私が実施した方法は、固定ページ内に更新履歴やお知らせ履歴のループをショートコードで書いてしまう方法です。ショートコードを利用すれば、固定ページの記事内でPHPを動かすことができます。 そして、固定ページはページ毎にテーマを変えられます。リストだけを表示するシ
天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません。 そんなパーセントで指定されたピクセルでの正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニックを紹介します。 デモページ:幅780pxで表示 HTML HTMLはシンプルで、中央に配置するdiv要素だけです。 <body> <div>Percentage sized and still centered.</div> </body> CSS ぱっと思いつく方法としてはパーセントをネガティブマージンで使えばいいのでは、となるところですが、ネガティブマージンを使用すると左右の中央はできますが、天地の中央がうまくいきません。 ここではネガティブマージンではなく、
第4回より、Web開発に特化した開発環境/エディタとして、GUI/CUIそれぞれの著名な開発プラットフォームを、第5回では最新版にて大幅にWeb開発の機能が強化された高機能開発プラットフォーム、NetBeansについて紹介しました。今回は、Adobeがオープンソースソフトウェアとして公開している軽量Web開発エディタ・Bracketsについて取りあげたいと思います。 Adobe Bracketsとは Adobe Bracketsとは、Adobeが開発・公開しているエディタです。The MIT Licenseのもと、オープンソースソフトウェアとして公開されています。Windows、Mac OS X上で動作します。 特徴は次のとおりです。 ・初期状態でHTML/CSS/JSをサポート ・ライブプレビュー、コード補完、自動インデント、JSLint ・必要最低限の機能のみを搭載。利用者が別途欲しい
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね(遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く