Bootstrap Editor
Bootstrap Editor Webページを爆速で作成 「ログインもインストールも不要」です。(全76テンプレート) Bootstrap Editorはブラウザがあればいつでも使えます！ [ 2018-02-02 ] Bootstrap Editor に名前を戻しました。 [ 2018-05-12 ] Bootstrap4.1バージョンアップによる不具合を修正 [ テンプレート ] Bootstrap4 34枚 [ テンプレート ] Materialize 2枚 [ テンプレート ] Foundation 8枚 [ テンプレート ] AMP 9枚 [ テンプレート ] JavaScript/GoogleMap/vew.js 23枚 2018年1月15日 Coliss掲載（http://coliss.com/） 1. Code エディター：3色から選択（Emmet） 2. Templat
ブックマークしておきたい、Bootstrapの商用利用無料のテーマがダウンロードできるサイトのまとめ
コーポレートサイトやスモールビジネスから、ランディングページ、プロダクトページ、ポートフォリオやギャラリーなど、BootstrapをベースにしたWebページが簡単に作成できる無料のテーマがダウンロードできるサイトを紹介します。 テーマとして利用するだけでなく、制作のインスピレーションにもいいですね。 Peter Finlan 縦長ページにかっこいいスクロールエフェクトやアニメーションを加えた今時のWebページが実装できます。デザインも非常にかっこいいものが揃っています。
Webデザイナーが英語に時間をかけるな！WEB制作現場で覚えておくべき頻出英語フレーズ総まとめ！ | バンクーバーのうぇぶ屋
『海外でWEBデザイナーになりたいんですが、どのくらい英語勉強したら良いですか？』みたいな質問は勿論かなり多いのですが、ぶっちゃけ言語に時間かけるくらいならスキルを磨いた方が良い気が…と言いたい時が大半な印象があります。言語なんて所詮そんなもんで英語だけ出来ても正直意味が無い。 勿論英語は頑張って勉強した方が良いんだと思いますが、個人的にはプライオリティは自分の専門分野が優先。 僕らはWEBデザインが仕事であって、作文が仕事では無いので、文章を書くのなんてテンプレで済ませるくらいで調度良い。英語なんて所詮僕らWEBデザイナーにとってはその程度の物で、テンプレでどうにもならない時に初めて学べば良いと思うわけです。完璧な英語から入らないと気がすまないという場合は、WEBデザイナーでは無く、学者さんとかになったらいかがかなと思います（笑） そんなわけで、今回もそんな現場で使われている英語を教えろ
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
Webアプリをあっという間にカッコよく！ BootstrapによるレスポンシブWebレイアウト
筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ
HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
[CSS]レスポンシブ対応、スクリプト無し、完成度も非常に高いタブコンテンツを実装するテクニック
スクリプトは一切使用せず、デスクトップ時はタブコンテンツ、スマフォ・タブレット時はタブをスケールダウンに変更してコンテンツを表示するスタイルシートのテクニックを紹介します。 単にレスポンシブ対応のタブというだけでなく、コンテンツの切替やタブのホバーエフェクトなど、非常に完成度の高いタブコンテンツに仕上がっています。 スケールダウンの仕組み 実装はこんな感じになります。 HTML まずは上部のコントローラー、このラジオボタンで各タブの動きを制御します。 デザインを変更して利用したり、タブのみにしたい場合は非表示にするのも有りですね。 <!-- TAB CONTROLLERS --> <input id="panel-1-ctrl" class="panel-radios" type="radio" name="tab-radios" checked> <input id="panel-2-c
年賀状・暑中見舞いドットコム
年賀状の基本 年賀状の書き方・送り方 「年賀」の朱書き／年賀状の書き方の基本／賀詞／年賀状で避けたい表現／年賀状の投函時期／ビジネス年賀状 年賀状のマナー 年賀状とは／喪中・年賀欠礼状（喪中はがき）が届いたら／喪中と知らずに年賀状を出してしまったら／喪中に年賀状をいただいたら／故人に年賀状が届いたら／出していない人から年賀状が届いたら／被災地への年賀状 年賀状の一言（ひとこと）添え書き 年賀状の一言添え書き／パソコン年賀状にも一言／年賀状の一言の文例 年賀状の文例 各種例文： 一般年賀状の文例／宛先別・年賀状の文例／ビジネス年賀状の文例／被災地への年賀状・見舞状の文例／年賀状に使える俳句 海外への年賀状 海外の年賀状／外国語の賀詞 年賀状アプリ 年賀状をスマホで作る方法～アプリのご紹介～ スマホで年賀状を作るメリットとデメリット／プリンターメーカーの無料年賀状アプリを使う／年賀状ソフトメー
ふゆきデザイン年賀状（2024年辰年）
無料ダウンロード・2024年AIデータは（要無償ユーザー登録） いつも「ふゆきデザイン年賀状」を応援頂き、ありがとうございます。 作者永逝のため、2012年辰年のメモリアル作品をリニューアル・公開いたします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カレンダー・2018年1月
高品質でしかも無料！すごい使えるレスポンシブ対応のHTML5/CSS3のテンプレートのまとめ
商用利用無料！Bootstrap 3, Bootstrap 4をベースに最近のUIデザインのトレンドを取り入れた新作テーマのまとめ
無料で高品質！レスポンシブ対応のWordPressのテーマファイルのまとめ
Flipsblog.jp
HTML5/CSS3のテンプレートのまとめ | コリス