ハンバーガーメニューに代わるナビゲーションデザイン案10選
モバイルアプリケーションやウェブサイトのデザインは、画面が小さいゆえにどのようなデザインが好ましいか、常に議論されています。 文字のサイズ、画像の解像度、効果的なアイコンの使い方、アニメーションやカルーセルまで、小さな画面で効率よくブラウジングできるように、デスクトップアプリケーションやパソコンで見るWebサイトと異なる考え方で設計することが大切です。 その中でも比較的よく使われるのが、ハンバーガーメニューです。 ハンバーガーメニューは、3本の横線が並んだアイコンをタップすることでメニューを表示させる仕組みのUIで、ファーストビューでメニューを表示するスペースを節約できるので、多くのデザイナーが好んで使っていました。 実際、レスポンシブデザインを採用していても、画面サイズが大きければ通常のメニューを採用し、画面サイズが狭くなればハンバーガーメニューに切り替えるといったデザインが採用されるこ
Ruby on Railsで作る！Webアプリケーションをゼロから開発する手順とは
Ruby on Railsで作る！Webアプリケーションをゼロから開発する手順とは 初心者向けにRuby on Railsを使ったWebアプリケーションの開発手順を解説。企画から実際に開発し公開するまでの流れを細かく紹介しています。Webサービスを作ったことがないという人でも今すぐ知っておきたい内容でしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 RubyのフレームワークRuby on Railsを使ってWebアプリケーションを作
Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」
BaseはWebアプリの為のレスポンシブな軽量フレームワークです。盤石な基盤をつくることでWebアプリの開発スピードに貢献する事が目的のよう。IE8などのオールドブラウザを含むクロスブラウザ対応で、必要に応じて追加可能なモジュールもあるようです。classでスタイルを上書きリセット出来るヘルパークラスや要素へのアニメーション付与等も簡単に出来るようになっています。スタイリングにかかる時間を削減するので開発者はWebアプリ設計に集中できる、というコンセプトだそうです。僕自身、以前から同じようなものを作って案件毎に再利用してたのでこちらは参考にさせてもらおうかと思います。ライセンスはMIT。 Base
【保存版】日本のレトロな雰囲気を醸し出す"和"のデザイン！オススメ15選
Webの世界の技術的な進歩とともに、世界中でクールなデザインのホームページがたくさん生まれています。一方で、日本人Webデザイナーだからこそ得意とする分野があります。 それが、"和"のテイストを取り入れたホームページです。 今回は、日本的でどこか懐かしいレトロな雰囲気を醸し出すサイトをまとめました。 "和"のテイストを取り入れたホームページ15選 1.Donguri Consulting http://www.don-guri.com/doncon/ 東京のデザインコンサルティングファーム「Donguri Consulting」の企業ページです。 『日本人の戦い方』をテーマに、戦国の合戦を彷彿させるアニメーションを視差効果(パララックスエフェクト)とともに楽しむことができます。 2.kie nakazawa http://www.kienoe.com イラストレーター・絵描きの中澤季絵さん
12 Best Open-Source CSS Frameworks 2024
Colorlib content is free. When you buy through links on our site, we may earn an affiliate commission. Learn More Here are the best open-source CSS frameworks ranked by popularity. CSS gives the web its cozy look. It’s an evolving styling language. Writing plain HTML is a thing of a very distant past, and the language itself (CSS) has advanced so much in recent years that it’s impossible to imagin
今どきデザインはこれ！拡散型シャドウの基本から作成方法まで（PSチュートリアル + HTML/CSSスニペット付）
最近ウェブサイトやUIデザインなどを見ていると、ふわりと浮いているような奥行き感を表現しているものがあります。これは拡散型シャドウ（英: Diffuse Shadow）と呼ばれる新しいグラフィックトレンドで、2016年に入って多く見かけるようになっています。 今回は、この拡散型シャドウの基本的な使い方や、PhotoshopやHTML/CSSなどによるさまざまなデザイン方法を、参考にしたいUIデザインと一緒に見ていきましょう。 拡散型ドロップシャドウって何？ 英語でもきちんとした名前はまだ決まっていないようですが、この拡散型シャドウ（英: Diffuse Shadow）と呼ばれるこのテクニックは、通常のドロップシャドウに比べ、奥行き感をより表現できます。フラットデザインから派生したスタイルのひとつとも言え、今のデザイントレンドを反映しています。 Image Source: VOID Conf
Drupal - Open Source CMS | Drupal.org
DrupalCon Barcelona 2020 is going virtual and is now DrupalCon Europe 2020 With the format changes we are happy to introduce a few new opportunities to the conference, and we strongly believe that the community will contribute to a great experience of the virtual DrupalCon Europe 2020. Registration for DrupalCon Europe is now open!
Punch - A Fun and Easy Way to Build Modern Websites
Punch Punch is a simple, intuitive web publishing framework that will delight both designers and developers. Why Punch? Use boilerplates to quickly setup a site. Write minimal templates with Mustache. Create flexible site structures with inheritable layouts and partials. Define page contents in JSON. Use Markdown to write formatted content. Use CoffeeScript and LESS if that's your thing. Minify an
Web Tips アーカイブ | ホームページ作成、Web制作・運用テクニック
特集記事 WordPress の 基礎から応用まで 利用するにあたって必要な知識を体系的にまとめた記事 【カテゴリー】 WordPressの概要 WordPressの仕組み WordPressのカスタマイズ性 制作環境とインストール 基本設定項目 追加設定項目 Gutenbergエディター 具体的な制作作業 応用・高度機能 実践的なTips よく使われるテーマ紹介 有用なプラグイン紹介 独自テーマによる制作 jQuery Mobile を 基本から覚える スマホサイト制作に最適なフレームワークの利用方法を解説 提供しているサービス WordPress を利用した Webサイト制作の方法を、あなたのオフィスにうかがいご説明いたします。 料金：¥49,500 サービス詳細ページ >> 申し込みフォーム >> 一刻も早く Webサイトが必要な方のために、一緒に作業し１日で公開までもっていきます。
プログラミングとサイト構築の情報が集まるウェブマガジン "SMART"
フロントエンドのウェブ制作を学ぶ HTML5やCSS３、JavaScriptなどの言語、それにAtomといったツール、 言語を覚えるための勉強方法などを紹介。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
液体の流れをリアルに再現したOSSのペイントツール・「Fluid Paint」
シンプルなオンラインSVGエディタ・「Method Draw」 - かちびと.net
複数のストックフォトサイトやフォント、モックアップ、動画の配布サイトをその場で探せる・「TheStocks」
works | 中澤季絵
Webデザインに役立つ無料のツール・デザイン集まとめ
Speckyboy Design Magazine
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
