Webデザイナー必見！コーディングを気軽に練習できる無料Webサービスまとめ
2015年12月25日の記事を再編集しています。 現在、Webデザイナーには、デザインだけでなく、コーディング技術も期待されるようになっています。 コーディングを理解しないままでWebデザインを構築すると、実装不可能なものができ上がってしまう場合もあるため、コーディングに関する最低限の知識を持つことは前提となるケースが多く、Webデザイナーとして仕事をしていきたいのであれば、コーディングスキルは必須となるでしょう。 今回は、コーディングをゼロから初めたい方でも気軽に学べる日本語対応しているコーディング学習サービスをまとめました。 Webデザイナーを目指している方、Webデザイナーとしてスキルアップを担っている方は是非チェックしてみてください。 無料のコーディング学習サービス4選 1.Progate http://prog-8.com/ ゲーム感覚でコードの基礎を学ぶことができる無料の学習サ
HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート
HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。 画像: Girly Drop HTML5で作成する時の必要最小限のテンプレート ナビゲーションを上部に固定配置 背景画像をブラウザいっぱいに表示 ※以前、当ブログで紹介したものもバージョンアップされています。 HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低
みんなのPython Webアプリ編をHTMLで読めるようにしました | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー 拙著「みんなのPython Webアプリ編」をWebでお読みいただけるようHTML化しました。スマホでも読めるよ:-)。 「みんなのPython Webアプリ編」は，Webアプリを開発するための方法を，Pythonを使い，基本的な事柄から積み重ね式に解説した書籍です。なお，HTML化にあわせて，本文を微妙に修正し，サンプルコードはPython 2.7で動くようにしてあります。 もともと，絶版になっていた書籍を，出版社にお願いして出版契約を解除してもらってPDFとして配布していたものを，つてがあってLindocで公開していました。Lindocがサービス止めるとのことで読めなくなってしまっ
クソエンジニアが最速でそれなりのWebデザインをできるようになる方法 - UIU
趣味などでWebサービスを作るときにもっとも悩ましいことのひとつがデザインだと思う。外観は重要な要素だとは理解しているし興味も一応あるけれど、実践に乏しいからどうしていいのかわからない。かといって、タダで頼めるような都合のいいデザイナーはいない。結局めんどうになって、Twitter Bootstrapで体裁だけでっち上げた妙にオタク臭いデザインになってしまう。僕もかつてはデザインを気にも留めないクソエンジニアだったけど、必要に迫られて勉強したらそれなりに手を動かせるようになったのでその方法を紹介する。僕が今年入社したスタートアップにはデザイナーがおらず、新機能を作るときなど仕方なくデザインをこなす必要があった。結果的に、仕方ないなりにPhotoshopを使ってプロトタイプを作りHTML/CSSコーディングするくらいはできるようになった。ここに書くのは仕方なくそれなりのWebデザインをする方
HTTPリクエスト数削減テクニック1： インラインイメージ編
はじめに こんにちは、クラスメソッド株式会社の野中です。 前回の『Webサイト高速化に必要な画像形式の基礎知識』では、基本的な画像の書き出し方法について紹介しました。 この回からは数回に分けて、HTTPリクエストの削減テクニックについて触れていきます。 インラインイメージ CSS Spriteとイメージマップ SVGとWebフォントアイコン 画像からCSS3 本記事では「インラインイメージ」の基本的な知識と使い方、使いどころについて解説します。 対象者 今回の対象者は主にコーダー、フロントエンドエンジニアです。デザインとコーディングを合わせて担当するWebデザイナーも対象です。 コーダー・フロントエンドエンジニア Webデザイナー Webディレクター Web担当者 インラインイメージとは インラインイメージとは.gifや.pngなどをHTMLからリンクして読み込むのではなく、画像を文字列に
Googleドライブ置いたHTMLが簡易WEBページに♪
Googleドライブなら安全にどこからでも編集可能！共有するのも簡単です。HTMLやJavaScript、CSSファイルを保存するのに最適な場所です。そして、Googleドライブに置いたHTMLがホームページとしてアクセス可能です！ 使用方法: Googleドライブ内にフォルダを作成し、共有します。Googleドライブにホストして簡易WEBページに♪共有設定のアクセスできるユーザーのところを、 「ウェブ上で一般公開」-インターネット上の誰でも検索、閲覧できます で共有します。 HTMLやJS・CSSファイルをフォルダ内にアップします。 GoogleドライブにアップロードしたHTMLファイルを開きます。 ツールバーに「プレビュー」ボタンが表示されます！クリックします。
HTMLをレイヤー別けしたPSDに変換するキャプチャーソフト Page Layers が神 | fladdict
Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ！ これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebデザインやHTMLやCSSを基礎からしっかりと学べる動画コンテンツ、日本語解説だから分かりやすい！
ページ高速化のため .htaccess でキャッシュ設定を絶対やっておこう！
リアルタイムプレビュー対応の国産“Markdown”エディター「MarkDown#Editor」NOT SUPPORTED
自分でWEBサービスを作りたいと思っている人へ
IDEA * IDEA
IDEA * IDEA