あれ何だっけ? という時にさっと分かるWeb制作の実装や勉強に役立つチートシートがあると便利です。 BootstrapのさまざまなUIエレメントの実装、FlexboxでUIコンポーネントを実装、CSSの各ブラウザのサポート状況、Gitのコマンド、React.jsやAngular.jsなどのチートシートを紹介します。 必要なものは全部、ダウンロード・ブックマークしておきたいですね。
はじめに 普段はバックエンドエンジニアでデザインの勉強を一切やったことがない僕がそこそこのwebサイトであれば作れるようになってきたので、webサイトをおしゃれに作るためにやったことをまとめてみました。 手順 デザインについて無知でhtml, cssをほとんど書いたことない人(基本的な文法は知っている。)がいきなりおしゃれなサイトが作れるようにはなりません。以下のステップを踏んでいくといいと思います。 おしゃれなサイトを探して研究する。 bootstrapを使ってサイトを作ってみる。 実際に作ってみる。 おしゃれなサイトを探して研究する 個人的にこれをやることがおしゃれなwebサイトを作るための一番の近道だと思います。まずは既存のものを真似して作っていくことが大切だと思うので、なぜそのサイトがおしゃれなのか調べ尽くします。 この作業を繰り返しすることでどんなサイトがおしゃれなのかわかってき
ごく普通のHTMLでも、BootstrapでつくったHTMLでも、あっという間にWordPressのテーマファイルに変換するオンラインサービスを紹介します。 HTML To WordPress HTML To WordPressは非常にシンプルな操作で、HTMLのフォルダをアップロードするだけで、簡単にWordPressのテーマに変換されます。変換したテーマはプレビューは無料で、テーマのダウンロードは1HTMLごとに$9、制作の手間を考えるとかなり魅力的な価格設定だと思います。 という訳で、静的なHTMLを用意してさっそく試してみました。 用意したHTMLは、こちら。 Land.io -GitHub ダウンロードページ 個人・商用利用、無料。 Bootstrap 4をベースにしたテンプレートで、新しいカードコンポーネントを使い、繊細なアニメーションでコンテンツを魅力的に見せています。 La
サーバーサイドエンジニアだらけのチームでフロントエンドを改善するためにやったこと はじめまして、エンジニアインターンの田中です。 各企業の従業員の健康状態を調べるアンケートシステムであるウェルネスサーベイというプロジェクトのリニューアルを行っています。 サーバーサイドはともかくフロントエンドは再利用性の低い負債となるコードが多くあったので、1から綺麗に設計をして寿命の長いコードにしていく必要があると考えました。 そこで、リニューアルの時にどのようなプロセスを踏んでフロントエンドを改善していこうとしたのかについて書きたいなと思います。なお今回は主にHTML/CSSについて話します。 今までの問題点開発環境リニューアル前のフロントエンドの開発環境は以下のとおりでした。 ERBSCSSCoffeeScript要するにデフォルトのRailsの設定のままですね。 それでは今までは具体的にどこが問題だ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く